a,

abbr,

acronym,

address,

applet,

article,

aside,

audio,

b,

big,

blockquote,

body,

canvas,

caption,

center,

cite,

code,

dd,

del,

details,

dfn,

div,

dl,

dt,

em,

embed,

fieldset,

figcaption,

figure,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hgroup,

html,

i,

iframe,

img,

ins,

kbd,

label,

legend,

li,

mark,

menu,

nav,

object,

ol,

output,

p,

pre,

q,

ruby,

s,

samp,

section,

small,

span,

strike,

strong,

sub,

summary,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

time,

tr,

tt,

u,

ul,

var,

video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}

body,

html {

  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,

    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;

}

body {

  width: 100%;

  line-height: 1;

}

ol,

ul {

  list-style: none;

}

blockquote,

q {

  quotes: none;

}

blockquote:after,

blockquote:before,

q:after,

q:before {

  content: "";

  content: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

a {

  color: inherit;

  text-decoration: none;

}

* {

  box-sizing: border-box;

}

html {

  font-size: 16px;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  text-rendering: optimizeLegibility;

}

@media (min-width: 1920px) {

  html {

    font-size: 16px;

  }

}

@media (max-width: 768px) {

  html {

    font-size: 14px;

  }

}

body {

  display: flex;

  position: relative;

  min-height: 100svh;

  min-height: -webkit-fill-available;

  line-height: 1.3;

  flex-direction: column;

}

body.--fullScreen {

  overflow: hidden !important;

  position: fixed;

}

input,

select,

textarea {

  font-family: Lato, sans-serif;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  text-rendering: optimizeLegibility;

}

code,

pre {

  -moz-osx-font-smoothing: auto;

  -webkit-font-smoothing: auto;

  font-family: monospace;

}

hr {

  display: block;

  height: 2px;

  margin: 2.25rem 0;

}

img {

  height: auto;

  max-width: 100%;

}

.Ad {

  width: 100%;

  height: 100%;

  position: relative;

  display: flex;

}

.Ad > * {

  margin: auto;

  font-size: 100%;

  word-spacing: normal;

}

.AdContainer {

  margin: auto;

  pointer-events: all;

  position: relative;

  z-index: 1;

  font-size: 0;

  word-spacing: 0;

  width: 100%;

  height: 100%;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  display: flex;

  justify-content: center;

  align-items: center;

}

.AdContainer--banner {

  width: 468px;

  height: 60px;

}

.AdContainer--mobileBanner {

  width: 320px;

  height: 50px;

}

.AdContainer--halfPage {

  width: 300px;

  height: 600px;

}

.AdContainer--largeLeaderboard {

  width: 970px;

  height: 90px;

}

.AdContainer--largeRect {

  width: 336px;

  height: 280px;

}

.AdContainer--leaderboard {

  width: 728px;

  height: 90px;

}

.AdContainer--mediumRect {

  width: 300px;

  height: 250px;

}

.AdContainer--mobileLeaderboard {

  width: 320px;

  height: 50px;

}

.AdContainer--skyscraper {

  width: 120px;

  height: 600px;

}

.AdContainer--smallSquare {

  width: 200px;

  height: 200px;

}

.AdContainer--square {

  width: 250px;

  height: 250px;

}

.AdContainer--wideSkyscraper {

  width: 160px;

  height: 600px;

}

.AdContainer:after {

  content: "";

  font-size: 10px;

  letter-spacing: 1px;

  position: absolute;

  pointer-events: none;

  z-index: -1;

  top: 50%;

  transform: translateY(-50%);

  right: 0;

  left: 0;

  text-align: center;

  opacity: 0.5;

}

.App {

  display: flex;

  flex-direction: column;

  width: 100%;

  min-height: 100svh;

  flex: 1 1;

}

.App,

.App__Header {

  color: inherit;

}

.App__Main {

  flex: 1 1;

}

.App__Footer {

  color: inherit;

}

.Autocomplete {

  position: relative;

  vertical-align: top;

}

.Autocomplete--active .Autocomplete__Menu,

.Autocomplete--hoverable:hover .Autocomplete__Menu {

  display: block !important;

}

.Autocomplete--right .Autocomplete__Menu {

  left: auto;

  right: 0;

}

.Autocomplete--up .Autocomplete__Menu {

  bottom: 100%;

  padding-bottom: 4px;

  padding-top: 0;

  top: auto;

}

.Autocomplete__Menu {

  left: 0;

  width: 100%;

  position: absolute;

  top: 100%;

  z-index: 20;

  min-width: 30rem;

  border-radius: 0 0 4px 4px;

  overflow-x: hidden;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

}

.Autocomplete__Content {

  padding: 15px;

}

.Autocomplete__Content:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

}

.Autocomplete .Icon {

  width: 1.25rem;

}

.Block,

.Box,

.Subtitle,

.Title {

  width: 100%;

}

.Block:not(:last-child),

.Box:not(:last-child),

.Subtitle:not(:last-child),

.Title:not(:last-child) {

  margin-bottom: 1.5rem;

}

.Box {

  display: block;

  padding: 1.25rem;

  border-radius: 1.5rem;

}

.Breadcrumb {

  text-transform: uppercase;

  font-weight: 700;

}

.Button {

  -moz-appearance: none;

  -webkit-appearance: none;

  align-items: center;

  border: 1px solid transparent;

  border-radius: 0.325rem;

  box-shadow: none;

  display: inline-flex;

  font-size: 100%;

  height: 2.5em;

  justify-content: flex-start;

  line-height: 1.5;

  position: relative;

  vertical-align: top;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  cursor: pointer;

  justify-content: center;

  padding: calc(0.5em - 1px) 1em;

  text-align: center;

  white-space: nowrap;

}

.Button--active,

.Button--focused,

.Button:active,

.Button:focus {

  outline: none;

}

.Button[disabled],

fieldset[disabled] .Button {

  cursor: not-allowed;

}

.Button > span {

  display: inline-flex;

  align-items: center;

  justify-content: center;

}

.Button .Icon,

.Button .Icon--large,

.Button .Icon--medium,

.Button .Icon--small {

  height: 1.25em;

  width: 1.25em;

}

.Button .Icon:first-child:not(:last-child) {

  margin-left: calc(-0.4em - 1px);

  margin-right: 0.4em;

}

.Button .Icon:last-child:not(:first-child) {

  margin-right: calc(-0.4em - 1px);

  margin-left: 0.4em;

}

.Button .Icon:only-child {

  margin-left: calc(-0.4em - 1px);

  margin-right: calc(-0.4em - 1px);

}

.Button--small {

  font-size: 75%;

}

.Button--small:not(.Button--rounded) {

  border-radius: 0.125rem;

}

.Button--normal {

  font-size: 100%;

}

.Button--medium {

  font-size: 125%;

}

.Button--large {

  font-size: 100%;

}

.Button--fullWidth {

  display: flex;

  width: 100%;

}

.Button--loading {

  color: transparent !important;

  pointer-events: none;

}

.Button--loading:after {

  position: absolute;

  left: calc(50% - (1.2em * 0.5));

  top: calc(50% - (1.2em * 0.5));

  position: absolute !important;

}

.Button--rounded {

  border-radius: 9999px;

  padding-left: calc(1em + 0.25em);

  padding-right: calc(1em + 0.25em);

}

.Buttons {

  align-items: center;

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

}

.Buttons .--buttonWrapper,

.Buttons .Button {

  margin-bottom: 0.5rem;

}

.Buttons .--buttonWrapper:not(:last-child):not(.Button--fullWidth),

.Buttons .Button:not(:last-child):not(.Button--fullWidth) {

  margin-right: 0.5rem;

}

.Buttons .--buttonWrapper .Button {

  margin-bottom: 0;

}

.Buttons:last-child {

  margin-bottom: -0.5rem;

}

.Buttons:not(:last-child) {

  margin-bottom: 1rem;

}

.Buttons--small

  .Button:not(.Button--normal):not(.Button--medium):not(.Button--large) {

  font-size: 75%;

}

.Buttons--small

  .Button:not(.Button--normal):not(.Button--medium):not(.Button--large):not(

    .Button--rounded

  ) {

  border-radius: 0.125rem;

}

.Buttons--medium

  .Button:not(.Button--small):not(.Button--normal):not(.Button--large) {

  font-size: 125%;

}

.Buttons--large

  .Button:not(.Button--small):not(.Button--normal):not(.Button--medium) {

  font-size: 150%;

}

.Buttons--addons .Button:not(:first-child) {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}

.Buttons--addons .Button:not(:last-child) {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

  margin-left: -1px;

}

.Buttons--addons .Button:last-child {

  margin-left: 0;

}

.Buttons--addons .Button--hovered,

.Buttons--addons .Button:hover {

  z-index: 2;

}

.Buttons--addons .Button--active,

.Buttons--addons .Button--focused,

.Buttons--addons .Button--selected,

.Buttons--addons .Button:active,

.Buttons--addons .Button:focus {

  z-index: 3;

}

.Buttons--addons .Button--active:hover,

.Buttons--addons .Button--focused:hover,

.Buttons--addons .Button--selected:hover,

.Buttons--addons .Button:active:hover,

.Buttons--addons .Button:focus:hover {

  z-index: 4;

}

.Buttons--addons .Button--expanded {

  flex-grow: 1;

  flex-shrink: 1;

}

.Buttons--centered {

  justify-content: center;

}

.Buttons--centered:not(.Buttons--addons) .Button:not(.Button--fullWidth) {

  margin-left: 0.25rem;

  margin-right: 0.25rem;

}

.Buttons--right {

  justify-content: flex-end;

}

.Buttons--right:not(.Buttons--addons) .Button,

.Buttons--right:not(.Buttons--addons)

  .Button:not(:last-child):not(.Button--fullWidth) {

  margin-right: 0;

}

.Buttons--right:not(.Buttons--addons)

  .Button:not(:first-child):not(.Button--fullWidth) {

  margin-left: 0.5rem;

}

.Carousel,

.Carousel__Inner {

  position: relative;

}

.Carousel__Inner {

  z-index: 0;

  display: grid;

  grid-gap: 0.75rem;

  grid-auto-flow: column;

}

@media (max-width: 768px) {

  .Carousel__Inner {

    grid-template-rows: calc((50vw - 0.75rem - 4px) * 0.5617977528) calc(

        (50vw - 0.75rem - 4px) * 0.5617977528

      );

    grid-template-columns: repeat(auto-fill, calc(50vw - 0.75rem - 4px));

  }

}

@media (min-width: 769px) {

  .Carousel__Inner {

    grid-template-rows: 7.3125rem;

    grid-template-columns: 11.25rem;

  }

  .Carousel--featured .Carousel__Inner {

    grid-template-rows: 7.3125rem 7.3125rem;

    grid-template-columns: repeat(auto-fill, 11.25rem);

  }

  .Carousel--featured .Carousel__Inner .GameTile--featured {

    grid-row-end: span 2;

    grid-column-end: span 2;

  }

}

.Carousel--expandToEdge {

  margin: 0 -0.75rem;

}

@media (min-width: 769px) {

  .Carousel--expandToEdge {

    margin: 0 -1rem;

  }

}

.Carousel--expandToEdge .Carousel__Inner {

  padding: 0 0.75rem;

}

.Carousel__Button {

  display: flex;

  position: absolute;

  z-index: 1;

  top: 0;

  bottom: 0;

  padding: 0 0.5rem;

  width: 3.9375rem;

  box-sizing: content-box;

}

@media (min-width: 451px) {

  .Carousel__Button:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

  }

}

.Carousel__Button .Button {

  padding: 1.65em;

  z-index: 2;

}

.Carousel__Button .Button .Icon {

  width: 1em;

  height: 1em;

}

.Carousel__Button--left {

  left: 0;

}

.Carousel__Button--right {

  right: 0;

}

.Carousel .GameTile:not(.GameTile--finished) {

  opacity: 0;

}

.Checkbox {

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  line-height: 1.25;

  position: relative;

}

.Checkbox input {

  display: none;

}

.Checkbox input[disabled] + span,

.Checkbox[disabled],

fieldset[disabled] .Checkbox {

  cursor: not-allowed;

}

.Checkbox input + span {

  -moz-appearance: none;

  -webkit-appearance: none;

  align-items: center;

  border: 1px solid transparent;

  border-radius: 0.325rem;

  box-shadow: none;

  display: inline-flex;

  font-size: 100%;

  height: 2.5em;

  justify-content: flex-start;

  line-height: 1.5;

  position: relative;

  vertical-align: top;

  min-width: 1.5em;

  min-height: 1.5em;

  max-width: 1.5em;

  max-height: 1.5em;

  padding: 0;

  margin-right: 0.625em;

  cursor: pointer;

  display: inline-block;

}

.Checkbox input + span--active,

.Checkbox input + span--focused,

.Checkbox input + span:active,

.Checkbox input + span:focus {

  outline: none;

}

.Checkbox input + span[disabled],

fieldset[disabled] .Checkbox input + span {

  cursor: not-allowed;

}

.Checkbox span:last-of-type {

  display: inline-block;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.Checkbox--small {

  font-size: 75%;

}

.Checkbox--medium {

  font-size: 125%;

}

.Checkbox--large {

  font-size: 150%;

}

.Checkbox input + span {

  border-radius: 0.125em;

}

.Radio {

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  line-height: 1.25;

  position: relative;

}

.Radio input {

  display: none;

}

.Radio input[disabled] + span,

.Radio[disabled],

fieldset[disabled] .Radio {

  cursor: not-allowed;

}

.Radio input + span {

  -moz-appearance: none;

  -webkit-appearance: none;

  align-items: center;

  border: 1px solid transparent;

  border-radius: 0.325rem;

  box-shadow: none;

  display: inline-flex;

  font-size: 100%;

  height: 2.5em;

  justify-content: flex-start;

  line-height: 1.5;

  position: relative;

  vertical-align: top;

  min-width: 1.5em;

  min-height: 1.5em;

  max-width: 1.5em;

  max-height: 1.5em;

  padding: 0;

  margin-right: 0.625em;

  cursor: pointer;

  display: inline-block;

}

.Radio input + span--active,

.Radio input + span--focused,

.Radio input + span:active,

.Radio input + span:focus {

  outline: none;

}

.Radio input + span[disabled],

fieldset[disabled] .Radio input + span {

  cursor: not-allowed;

}

.Radio span:last-of-type {

  display: inline-block;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.Radio--small {

  font-size: 75%;

}

.Radio--medium {

  font-size: 125%;

}

.Radio--large {

  font-size: 150%;

}

.Radio input + span {

  border-radius: 9999px;

}

.Radio + .Radio {

  margin-right: 0.5em;

}

.Container {

  width: 100%;

  padding: 0 0.75rem;

}

@media (min-width: 1152px) {

  .Container {

    padding: 0 1rem;

  }

}

.Container--noPadding {

  padding: 0 !important;

}

.Container__Inner {

  width: 100%;

  margin: 0 auto;

  max-width: 1820px;

}

@media (min-width: 1920px) {

  .Container__Inner {

    max-width: 147.25rem;

  }

}

.Container__Inner--wide {

  max-width: none !important;

}

.Content {

  line-height: 1.4;

}

.Content > :not(:last-child) {

  margin-bottom: 0.75rem;

}

.Content ol,

.Content ul {

  padding-left: 1.25em;

}

.Content ol > li:not(:last-child),

.Content ul > li:not(:last-child) {

  margin-bottom: 0.375rem;

}

.Content ul {

  list-style-type: disc;

}

.Content ol {

  list-style-type: decimal;

}

.Content--large > :not(.Title):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {

  font-size: 120%;

}

.Control {

  box-sizing: border-box;

  clear: both;

  font-size: 100%;

  position: relative;

  text-align: inherit;

}

.Control--iconsLeft .Input--small ~ .Icon,

.Control--iconsLeft .Select--small ~ .Icon,

.Control--iconsRight .Input--small ~ .Icon,

.Control--iconsRight .Select--small ~ .Icon {

  font-size: 75%;

}

.Control--iconsLeft .Input--medium ~ .Icon,

.Control--iconsLeft .Select--medium ~ .Icon,

.Control--iconsRight .Input--medium ~ .Icon,

.Control--iconsRight .Select--medium ~ .Icon {

  font-size: 125%;

}

.Control--iconsLeft .Input--large ~ .Icon,

.Control--iconsLeft .Select--large ~ .Icon,

.Control--iconsRight .Input--large ~ .Icon,

.Control--iconsRight .Select--large ~ .Icon {

  font-size: 150%;

}

.Control--iconsLeft .Icon,

.Control--iconsRight .Icon {

  height: 2.5em;

  width: 1.25em;

  position: absolute;

  top: 0;

  z-index: 4;

}

.Control--iconsLeft .Input,

.Control--iconsLeft .Select select {

  padding-left: 2.5em;

}

.Control--iconsLeft .Icon {

  left: 1em;

}

.Control--iconsRight .Input,

.Control--iconsRight .Select select {

  padding-right: 2.5em;

}

.Control--iconsRight .Icon {

  right: 1em;

}

.Control--loading:after {

  position: absolute !important;

  top: 0.625em;

  z-index: 4;

}

.Control--loading--small:after {

  font-size: 75%;

}

.Control--loading--medium:after {

  font-size: 125%;

}

.Control--loading--large:after {

  font-size: 150%;

}

.Delete {

  position: relative;

  border-radius: 9999px;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  pointer-events: auto;

  flex-grow: 0;

  flex-shrink: 0;

  font-size: 0;

  outline: 0;

  vertical-align: top;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 1.5rem;

  height: 1.5rem;

}

.Delete:after,

.Delete:before {

  position: absolute;

  display: block;

  content: "";

  width: 2px;

  height: 1rem;

}

.Delete:before {

  transform: rotate(45deg);

}

.Delete:after {

  transform: rotate(-45deg);

}

.Delete--large {

  width: 3rem;

  height: 3rem;

}

.Delete--large:after,

.Delete--large:before {

  width: 4px;

  height: 1.98rem;

}

.Dropdown {

  display: inline-flex;

  position: relative;

  vertical-align: top;

}

.Dropdown--active .Dropdown__Menu,

.Dropdown--hoverable:hover .Dropdown__Menu {

  display: block !important;

}

.Dropdown--right .Dropdown__Menu {

  left: auto;

  right: 0;

}

.Dropdown--up .Dropdown__Menu {

  bottom: 100%;

  padding-bottom: 4px;

  padding-top: 0;

  top: auto;

}

.Dropdown__Menu {

  display: none;

  left: 0;

  min-width: 12rem;

  padding-top: 4px;

  position: absolute;

  top: 100%;

  z-index: 20;

}

.Dropdown__Content {

  border-radius: 0.325rem;

  padding-bottom: 0.5rem;

  padding-top: 0.5rem;

  overflow-y: auto;

  max-height: 50vh;

}

@media (min-width: 769px) {

  .Dropdown__Content {

    max-height: 300px;

  }

}

.DropdownItem {

  display: block;

  font-size: 0.875rem;

  line-height: 1.5;

  padding: 0.375rem 1rem;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

a.DropdownItem {

  cursor: pointer;

  padding-right: 3rem;

  text-align: inherit;

  white-space: nowrap;

  width: 100%;

}

.DropdownDivider {

  border: none;

  display: block;

  height: 1px;

  margin: 0.5rem 0;

}

.Field:not(:last-child) {

  margin-bottom: 0.75rem;

}

.Field--addons {

  display: flex;

  justify-content: flex-start;

}

.Field--addons .Control:not(:first-child):not(:last-child) .Button,

.Field--addons .Control:not(:first-child):not(:last-child) .Input,

.Field--addons .Control:not(:first-child):not(:last-child) .Select select {

  border-radius: 0;

}

.Field--addons .Control:first-child:not(:only-child) .Button,

.Field--addons .Control:first-child:not(:only-child) .Input,

.Field--addons .Control:first-child:not(:only-child) .Select select {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}

.Field--addons .Control:last-child:not(:only-child) .Button,

.Field--addons .Control:last-child:not(:only-child) .Input,

.Field--addons .Control:last-child:not(:only-child) .Select select {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}

.Field--addons .Control .Button--hovered,

.Field--addons .Control .Button:hover,

.Field--addons .Control .Input--hovered,

.Field--addons .Control .Input:hover,

.Field--addons .Control .Select select--hovered,

.Field--addons .Control .Select select:hover {

  z-index: 2;

}

.Field--addons .Control .Button--active,

.Field--addons .Control .Button--focused,

.Field--addons .Control .Button:active,

.Field--addons .Control .Button:focus,

.Field--addons .Control .Input--active,

.Field--addons .Control .Input--focused,

.Field--addons .Control .Input:active,

.Field--addons .Control .Input:focus,

.Field--addons .Control .Select select--active,

.Field--addons .Control .Select select--focused,

.Field--addons .Control .Select select:active,

.Field--addons .Control .Select select:focus {

  z-index: 3;

}

.Field--addons .Control .Button--active:hover,

.Field--addons .Control .Button--focused:hover,

.Field--addons .Control .Button:active:hover,

.Field--addons .Control .Button:focus:hover,

.Field--addons .Control .Input--active:hover,

.Field--addons .Control .Input--focused:hover,

.Field--addons .Control .Input:active:hover,

.Field--addons .Control .Input:focus:hover,

.Field--addons .Control .Select select--active:hover,

.Field--addons .Control .Select select--focused:hover,

.Field--addons .Control .Select select:active:hover,

.Field--addons .Control .Select select:focus:hover {

  z-index: 4;

}

.Field--addons .Control--expanded {

  flex-grow: 1;

  flex-shrink: 1;

}

.Field--addons--addonsCentered {

  justify-content: center;

}

.Field--addons--addonsRight {

  justify-content: flex-end;

}

.Field--addons--addonsFullwidth .Control {

  flex-grow: 1;

  flex-shrink: 0;

}

.Field--grouped {

  display: flex;

  justify-content: flex-start;

}

.Field--grouped > .Control {

  flex-shrink: 0;

}

.Field--grouped > .Control:not(:last-child) {

  margin-bottom: 0;

  margin-left: 0.75rem;

}

.Field--grouped > .Control--expanded {

  flex-grow: 1;

  flex-shrink: 1;

}

.Field--grouped--groupedCentered {

  justify-content: center;

}

.Field--grouped--groupedRight {

  justify-content: flex-end;

}

.Field--grouped--groupedMultiline {

  flex-wrap: wrap;

}

.Field--grouped--groupedMultiline > .Control:last-child,

.Field--grouped--groupedMultiline > .Control:not(:last-child) {

  margin-bottom: 0.75rem;

}

.Field--grouped--groupedMultiline:last-child {

  margin-bottom: -0.75rem;

}

.Field--grouped--groupedMultiline:not(:last-child) {

  margin-bottom: 0;

}

@media (min-width: 451px) {

  .Field--horizontal {

    display: flex;

  }

}

.FieldLabel {

  display: block;

  font-size: 100%;

  font-weight: 700;

}

.FieldLabel:not(:last-child) {

  margin-bottom: 0.5em;

}

.FieldLabel--small {

  font-size: 75%;

}

.FieldLabel--medium {

  font-size: 125%;

}

.FieldLabel--large {

  font-size: 150%;

}

.FieldHelp {

  display: block;

  font-size: 75%;

  margin-top: 0.325rem;

}

.FieldBodyLabel .FieldLabel {

  font-size: inherit;

}

@media (max-width: 768px) {

  .FieldBodyLabel {

    margin-bottom: 0.5rem;

  }

}

@media (min-width: 451px) {

  .FieldBodyLabel {

    flex-basis: 0;

    flex-grow: 1;

    flex-shrink: 0;

    margin-left: 1.5em;

    text-align: right;

    padding-top: 0.325em;

  }

}

.FieldBodyLabel--small {

  font-size: 75%;

}

.FieldBodyLabel--medium {

  font-size: 125%;

}

.FieldBodyLabel--large {

  font-size: 150%;

}

.FieldBody .Field .Field {

  margin-bottom: 0;

}

@media (min-width: 451px) {

  .FieldBody {

    display: flex;

    flex-basis: 0;

    flex-grow: 5;

    flex-shrink: 1;

  }

  .FieldBody .Field {

    margin-bottom: 0;

  }

  .FieldBody > .Field {

    flex-shrink: 1;

  }

  .FieldBody > .Field:not(.Field--narrow) {

    flex-grow: 1;

  }

  .FieldBody > .Field:not(:last-child) {

    margin-left: 0.75rem;

  }

}

.Flex {

  display: flex;

}

.Flex--inline {

  display: inline-flex;

}

.Flex--wrap {

  flex-wrap: wrap;

}

.Flex--wrapReverse {

  flex-wrap: wrap-reverse;

}

.Flex--directionColumn {

  flex-direction: column;

}

.Flex--directionColReverse {

  flex-direction: column-reverse;

}

.Flex--directionRow {

  flex-direction: row;

}

.Flex--directionRowReverse {

  flex-direction: row-reverse;

}

.Flex--alignStart {

  align-items: flex-start;

}

.Flex--alignEnd {

  align-items: flex-end;

}

.Flex--alignCenter {

  align-items: center;

}

.Flex--alignBaseline {

  align-items: baseline;

}

.Flex--alignStretch {

  align-items: stretch;

}

.Flex--justifyStart {

  justify-content: flex-start;

}

.Flex--justifyEnd {

  justify-content: flex-end;

}

.Flex--justifyCenter {

  justify-content: center;

}

.Flex--justifySpaceBetween {

  justify-content: space-between;

}

.Flex--justifySpaceAround {

  justify-content: space-around;

}

.Flex--justifySpaceEvenly {

  justify-content: space-evenly;

}

.Flex--pullTop {

  margin-bottom: auto !important;

}

.Flex--pullRight {

  margin-left: auto !important;

}

.Flex--pullBottom {

  margin-top: auto !important;

}

.Flex--centerX,

.Flex--pullLeft {

  margin-right: auto !important;

}

.Flex--centerX {

  margin-left: auto !important;

}

.Flex--centerY {

  margin-top: auto !important;

  margin-bottom: auto !important;

}

.Flex--center {

  margin: auto !important;

}

.Flex--expand {

  flex: 1 0 auto;

}

.Flex--fit {

  flex: 1 1;

  min-width: 0;

}

.Flex--narrow {

  flex: none;

  width: unset;

}

.Flex--wide {

  width: 100%;

}

.Flex--tall {

  height: 100%;

}

.Flex--fill {

  width: 100%;

  height: 100%;

}

.Flex--rigid {

  flex: 0 0 auto;

}

.Flex--threeQuarters {

  flex: none;

  width: 75%;

}

.Flex--twoThirds {

  flex: none;

  width: 66.6666%;

}

.Flex--half {

  flex: none;

  width: 50%;

}

.Flex--oneThird {

  flex: none;

  width: 33.3333%;

}

.Flex--oneQuarter {

  flex: none;

  width: 25%;

}

.Flex--oneFifth {

  flex: none;

  width: 20%;

}

.Flex--twoFifths {

  flex: none;

  width: 40%;

}

.Flex--threeFifths {

  flex: none;

  width: 60%;

}

.Flex--fourFifths {

  flex: none;

  width: 80%;

}

@media (max-width: 768px) {

  .Flex--collapseMobile {

    flex-direction: column !important;

  }

  .Flex--collapseMobile > .Flex {

    width: auto !important;

  }

}

@media (max-width: 1151px) {

  .Flex--collapseNarrow {

    flex-direction: column !important;

  }

  .Flex--collapseNarrow > .Flex {

    width: auto !important;

  }

}

@media (max-width: 959px) {

  .Flex--collapseDesktop {

    flex-direction: column !important;

  }

  .Flex--collapseDesktop > .Flex {

    width: auto !important;

  }

}

.Flex--gap1.Flex--container {

  margin-left: -0.75rem;

  margin-right: -0.75rem;

  margin-top: -0.75rem;

}

.Flex--gap1.Flex--container:last-child {

  margin-bottom: -0.75rem;

}

.Flex--gap1.Flex--container:not(:last-child) {

  margin-bottom: 0.75rem;

}

.Flex--gap1 > * {

  margin: 0.75rem;

}

.Flex--gap2.Flex--container {

  margin-left: -1.5rem;

  margin-right: -1.5rem;

  margin-top: -1.5rem;

}

.Flex--gap2.Flex--container:last-child {

  margin-bottom: -1.5rem;

}

.Flex--gap2.Flex--container:not(:last-child) {

  margin-bottom: 1.5rem;

}

.Flex--gap2 > * {

  margin: 1.5rem;

}

.Flex--gap3.Flex--container {

  margin-left: -2.25rem;

  margin-right: -2.25rem;

  margin-top: -2.25rem;

}

.Flex--gap3.Flex--container:last-child {

  margin-bottom: -2.25rem;

}

.Flex--gap3.Flex--container:not(:last-child) {

  margin-bottom: 2.25rem;

}

.Flex--gap3 > * {

  margin: 2.25rem;

}

.Flex--gap4.Flex--container {

  margin-left: -3rem;

  margin-right: -3rem;

  margin-top: -3rem;

}

.Flex--gap4.Flex--container:last-child {

  margin-bottom: -3rem;

}

.Flex--gap4.Flex--container:not(:last-child) {

  margin-bottom: 3rem;

}

.Flex--gap4 > * {

  margin: 3rem;

}

.Flex--gap5.Flex--container {

  margin-left: -3.75rem;

  margin-right: -3.75rem;

  margin-top: -3.75rem;

}

.Flex--gap5.Flex--container:last-child {

  margin-bottom: -3.75rem;

}

.Flex--gap5.Flex--container:not(:last-child) {

  margin-bottom: 3.75rem;

}

.Flex--gap5 > * {

  margin: 3.75rem;

}

.Flex--gap6.Flex--container {

  margin-left: -4.5rem;

  margin-right: -4.5rem;

  margin-top: -4.5rem;

}

.Flex--gap6.Flex--container:last-child {

  margin-bottom: -4.5rem;

}

.Flex--gap6.Flex--container:not(:last-child) {

  margin-bottom: 4.5rem;

}

.Flex--gap6 > * {

  margin: 4.5rem;

}

.Flex--gap0.Flex--container {

  margin-left: -0.5rem;

  margin-right: -0.5rem;

  margin-top: -0.5rem;

}

.Flex--gap0.Flex--container:last-child {

  margin-bottom: -0.5rem;

}

.Flex--gap0.Flex--container:not(:last-child) {

  margin-bottom: 0.5rem;

}

.Flex--gap0 > * {

  margin: 0.5rem;

}

.GamePlayer {

  position: relative;

  z-index: 1;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  min-width: 300px;

  min-height: 150px;

  overflow: hidden;

}

.GamePlayer--fluid {

  width: 100%;

}

.GamePlayer--fluid .GamePlayer__Game {

  width: 100%;

  height: 100%;

  z-index: 2;

}

.GamePlayer--fluid .GamePlayer__Game iframe,

.GamePlayer--fluid .GamePlayer__Game object,

.GamePlayer--fluid .GamePlayer__Game ruffle-object {

  position: absolute;

}

.GamePlayer--fluid .GamePlayer__Game ruffle-embed {

  width: 100%;

  height: 100%;

}

.GamePlayer__Incompatible,

.GamePlayer__Overlay,

.GamePlayer__PreviewOverlay,

.GamePlayer__PreviewOverlay:after {

  position: absolute;

  pointer-events: none;

  top: -2px;

  left: -2px;

  right: -2px;

  bottom: -2px;

}

.GamePlayer__Overlay,

.GamePlayer__PreviewOverlay {

  z-index: 2;

}

.GamePlayer__Overlay > *,

.GamePlayer__PreviewOverlay > * {

  pointer-events: auto;

}

.GamePlayer__PreviewOverlay {

  background-position: 50%;

  background-size: cover;

  background-repeat: no-repeat;

}

@media (max-width: 768px) {

  .GamePlayer__PreviewOverlay--remove {

    display: none;

  }

}

.GamePlayer__PreviewOverlay:after {

  content: "";

  display: block;

}

.GamePlayer__Game {

  z-index: 1;

  position: relative;

  pointer-events: none;

}

.GamePlayer__Game iframe,

.GamePlayer__Game object {

  position: relative;

  pointer-events: auto;

  z-index: 1;

}

.GamePlayer__Anchor {

  position: absolute;

  pointer-events: none;

  z-index: 4;

}

.GamePlayer__Anchor > * {

  pointer-events: auto;

}

.GamePlayer__Anchor--top {

  top: 1.5rem;

}

.GamePlayer__Anchor--right {

  right: 1.5rem;

}

.GamePlayer__Anchor--bottom {

  bottom: 1.5rem;

}

.GamePlayer__Anchor--left {

  left: 1.5rem;

}

.GamePlayer__Incompatible {

  z-index: 3;

  pointer-events: all;

  padding: 1.5rem;

  text-align: center;

}

@media (hover: hover) {

  .GamePlayer__Incompatible--landscape,

  .GamePlayer__Incompatible--mobile,

  .GamePlayer__Incompatible--portrait {

    display: none;

  }

}

.GamePlayer--fullScreen {

  position: fixed;

  z-index: 99999999;

}

.GamePlayer--fullScreen .GamePlayer__Game {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100% !important;

  height: 100% !important;

}

.GamePlayer--fullScreen .GamePlayer__Game iframe,

.GamePlayer--fullScreen .GamePlayer__Game object {

  position: absolute;

}

.GamePlayer__CloseButton {

  font-weight: lighter;

  background: hsla(0, 0%, 100%, 0.2);

  width: 1.25rem;

  height: 1.25rem;

  display: none;

  align-items: center;

  justify-content: center;

  line-height: 1;

  border-radius: 1rem;

  -webkit-backdrop-filter: blur(4px);

  backdrop-filter: blur(4px);

  color: #fff;

  font-family: sans-serif;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  cursor: pointer;

}

@media (min-width: 1152px) {

  .GamePlayer__CloseButton {

    display: flex;

  }

}

.GameTile {

  position: relative;

  cursor: pointer;

  display: block;

  width: 11.25rem;

  height: 7.3125rem;

  border-radius: 0.325rem;

  overflow: hidden;

  align-self: flex-start;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.GameTile__Preview {

  position: absolute;

  z-index: 0;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  font-size: 0;

  word-spacing: 0;

  border-radius: 0.325rem;

  overflow: hidden;

}

.GameTile__Description {

  position: absolute;

  z-index: 1;

  bottom: 0;

  left: 0;

  width: 100%;

  pointer-events: none;

}

.GameTile__Status {

  position: absolute;

  z-index: 2;

  top: 0;

  right: 0;

}

.GameTile--featured {

  width: calc(22.5rem + 0.75rem);

  height: calc(14.625rem + 0.75rem);

}

.GameTile--fullWidth {

  width: 100% !important;

  height: auto;

}

.GameTile--stretch {

  height: 100%;

}

.GameTile--floating {

  position: absolute;

  z-index: 1;

}

.GameTile--disabled {

  cursor: not-allowed;

}

.GameTile--disabled .GameTileThumbnail,

.GameTile--disabled .GameTileVideoThumbnail {

  filter: grayscale(100%);

}

.GameTileDescription,

.GameTileStatus {

  padding: 0.75em;

}

.GameTileVideoThumbnail {

  position: relative;

  width: 100%;

  height: 100%;

}

.GameTileVideoThumbnail video {

  background-color: transparent;

}

.GameTileVideoThumbnail img {

  width: 100%;

  height: 100%;

}

.GameTileVideoThumbnail__Poster {

  pointer-events: none;

  transition: opacity 0.2s ease;

  position: relative;

  z-index: 1;

}

.GameTileVideoThumbnail__Video {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  position: relative;

  z-index: 0;

}

.GameTileVideoThumbnail--play .GameTileVideoThumbnail__Poster {

  opacity: 0;

}

.Hamburger {

  font-size: 125%;

  width: 1.3em;

  height: 1em;

  position: relative;

  cursor: pointer;

}

.Hamburger span,

.Hamburger:after,

.Hamburger:before {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  width: 100%;

  border-top: 2px solid;

  top: calc(50% - 1px);

}

.Hamburger:before {

  top: 0;

}

.Hamburger:after {

  top: auto;

  bottom: 0;

}

.Hamburger--rounded span,

.Hamburger--rounded:after,

.Hamburger--rounded:before {

  border-radius: 1em;

}

.Icon {

  align-items: center;

  display: inline-flex;

  justify-content: center;

  height: 1.5rem;

  width: 1.5rem;

  position: relative;

}

.Icon--small {

  font-size: 75%;

  height: 1rem;

  width: 1rem;

}

.Icon--medium {

  font-size: 125%;

  height: 2rem;

  width: 2rem;

}

.Icon--large {

  font-size: 150%;

  height: 3rem;

  width: 3rem;

}

.Icon img,

.Icon svg {

  width: 100%;

  height: auto;

}

.IconWithText {

  align-items: flex-start;

  color: inherit;

  display: inline-flex;

  flex-wrap: wrap;

  line-height: 1.5rem;

  vertical-align: top;

}

.IconWithText .Icon {

  flex-grow: 0;

  flex-shrink: 0;

}

.IconWithText .Icon:not(:last-child) {

  margin-right: 0.25em;

}

.IconWithText .Icon:not(:first-child) {

  margin-left: 0.25em;

}

div.IconText {

  display: flex;

}

.Input {

  -moz-appearance: none;

  -webkit-appearance: none;

  align-items: center;

  border: 1px solid transparent;

  border-radius: 0.325rem;

  box-shadow: none;

  display: inline-flex;

  font-size: 100%;

  height: 2.5em;

  justify-content: flex-start;

  line-height: 1.5;

  padding: calc(0.5em - 1px) calc(1em - 1px);

  position: relative;

  vertical-align: top;

  max-width: 100%;

  width: 100%;

}

.Input--active,

.Input--focused,

.Input:active,

.Input:focus {

  outline: none;

}

.Input[disabled],

fieldset[disabled] .Input {

  cursor: not-allowed;

}

.Input--small {

  border-radius: 0.125rem;

  font-size: 75%;

}

.Input--medium {

  font-size: 125%;

}

.Input--large {

  font-size: 150%;

}

.Input--rounded {

  border-radius: 9999px;

  padding-left: calc(calc(1em - 1px) + 0.375em);

  padding-right: calc(calc(1em - 1px) + 0.375em);

}

.Input[type="number"] {

  width: auto;

  min-width: 8em;

  text-align: center;

}

.Textarea {

  -moz-appearance: none;

  -webkit-appearance: none;

  align-items: center;

  border: 1px solid transparent;

  border-radius: 0.325rem;

  box-shadow: none;

  display: inline-flex;

  font-size: 100%;

  height: 2.5em;

  justify-content: flex-start;

  line-height: 1.5;

  position: relative;

  vertical-align: top;

  width: 100%;

  display: block;

  max-width: 100%;

  min-width: 100%;

  padding: calc(1em - 1px);

  resize: vertical;

}

.Textarea--active,

.Textarea--focused,

.Textarea:active,

.Textarea:focus {

  outline: none;

}

.Textarea[disabled],

fieldset[disabled] .Textarea {

  cursor: not-allowed;

}

.Textarea--small {

  border-radius: 0.125rem;

  font-size: 75%;

}

.Textarea--medium {

  font-size: 125%;

}

.Textarea--large {

  font-size: 150%;

}

.Textarea:not([rows]) {

  max-height: 40em;

  min-height: 8em;

}

.Textarea[rows] {

  height: auto;

}

.Textarea--fixedSize {

  resize: none;

}

.LoaderFill {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 100000009;

}

.Menu {

  font-size: 100%;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  width: 100%;

}

.MenuList {

  line-height: 1.25;

}

.MenuList a {

  border-radius: 0.125rem;

  display: block;

  padding: 0.5em 0.75em;

  cursor: pointer;

}

.MenuList a.--active,

.MenuList a.RouterLink--active {

  cursor: default;

}

.MenuList li ul {

  margin: 0.75em;

  padding-left: 0.75em;

}

.MenuList hr {

  margin: 1.5rem 0;

}

.MenuLabel {

  font-size: 0.75em;

  letter-spacing: 0.1em;

  text-transform: uppercase;

}

.MenuLabel:not(:first-child) {

  margin-top: 1em;

}

.MenuLabel:not(:last-child) {

  margin-bottom: 1em;

}

.Modal {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  align-items: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  overflow: hidden;

  position: fixed;

  z-index: 100000001;

  pointer-events: none;

}

.Modal > * {

  pointer-events: auto;

}

.ModalCard {

  display: flex;

  flex-direction: column;

  margin: 0 1.5rem;

  max-height: calc(100svh - 3rem);

  overflow: hidden;

  position: relative;

  width: 100%;

}

@media (min-width: 451px) {

  .ModalCard:not(.ModalCard--autoWidth) {

    margin: 0 auto;

    max-width: 640px;

  }

  .ModalCard--autoWidth {

    margin: 0 auto;

    width: auto;

    min-width: 450px;

  }

}

@media (min-width: 769px) {

  .ModalCard--halfHeight {

    min-height: 400px;

    max-height: 50vh;

  }

}

.ModalCard__Foot,

.ModalCard__Head {

  align-items: center;

  display: flex;

  flex-shrink: 0;

  justify-content: flex-start;

  padding: 1.5rem;

  position: relative;

}

.ModalCard__Head {

  border-bottom: 1px solid;

  border-top-left-radius: 0.325rem;

  border-top-right-radius: 0.325rem;

}

.ModalCard__Title {

  flex-grow: 1;

  flex-shrink: 0;

  font-size: 125%;

  line-height: 1.125;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  max-width: 100%;

}

.ModalCard__Foot {

  border-bottom-left-radius: 0.325rem;

  border-bottom-right-radius: 0.325rem;

  border-top: 1px solid;

}

.ModalCard__Foot .Button:not(:last-child) {

  margin-right: 0.5em;

}

.ModalCard__Body {

  -webkit-overflow-scrolling: touch;

  flex-grow: 1;

  flex-shrink: 1;

  overflow: auto;

  padding: 1.5rem;

}

.ModalCard__Body:first-child {

  border-radius: 0.325rem 0.325rem 0 0;

}

.ModalCard__Body:last-child {

  border-radius: 0 0 0.325rem 0.325rem;

}

.ModalCard__Body:only-child {

  border-radius: 0.325rem;

}

.Modals {

  position: fixed;

  pointer-events: none;

  z-index: 100000001;

}

.Modals,

.Modals__Bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.Modals__Bg {

  position: absolute;

  z-index: 1;

  pointer-events: auto;

}

.Modals__Content {

  margin: 0 1.5rem;

  max-height: calc(100svh - 3rem);

  overflow: auto;

  position: relative;

  width: 100%;

  max-width: calc(100svw - 3rem);

  z-index: 2;

}

@media (min-width: 769px) {

  .Modals__Content {

    margin: 0 auto;

    max-width: 640px;

  }

}

.Modals > .Delete {

  position: absolute;

  top: 0.75rem;

  right: 0.75rem;

  z-index: 3;

}

@media (min-width: 769px) {

  .Modals > .Delete {

    top: 1.5rem;

    right: 1.5rem;

  }

}

.Notification {

  position: relative;

  border-radius: 0.325rem;

  padding: 1.25rem 2.5rem 1.25rem 1.5rem;

}

.Notification a:not(.button):not(.dropdown-item) {

  color: currentColor;

  text-decoration: underline;

}

.Notification strong {

  color: currentColor;

}

.Notification .Delete {

  top: 0.5rem;

  right: 0.5rem;

  position: absolute;

}

.Notifications {

  position: fixed;

  z-index: 100000002;

  pointer-events: none;

  top: 1.5rem;

  display: flex;

  left: 1.5rem;

}

.Notifications .Notification {

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  pointer-events: auto;

  margin-bottom: 0.75rem;

}

.Notifications--topRight {

  left: auto;

  right: 1.5rem;

}

.Notifications--center {

  right: 1.5rem;

}

.Notifications--center .Notification {

  margin: 0 auto;

}

@media (max-width: 768px) {

  .Notifications {

    left: 1.5rem;

    right: 1.5rem;

  }

  .Notifications .Notification,

  .Notifications .TransitionList {

    width: 100%;

  }

}

.Page {

  display: flex;

  width: 100%;

}

.PageLoader {

  position: fixed;

  z-index: 9999;

  top: 0;

  left: 0;

  width: 100%;

  height: 3px;

  pointer-events: none;

  transform-origin: 0 0;

  transform: scaleX(0);

  opacity: 0;

}

.Select {

  display: inline-block;

  max-width: 100%;

  position: relative;

}

.Select:not(.Select--loading):after {

  right: 1.125em;

  z-index: 4;

}

.Select--rounded select {

  border-radius: 9999px;

  padding-right: 1em;

}

.Select select {

  -moz-appearance: none;

  -webkit-appearance: none;

  align-items: center;

  border: 1px solid transparent;

  border-radius: 0.325rem;

  box-shadow: none;

  display: inline-flex;

  font-size: 100%;

  height: 2.5em;

  justify-content: flex-start;

  line-height: 1.5;

  position: relative;

  vertical-align: top;

  cursor: pointer;

  display: block;

  font-size: 1em;

  max-width: 100%;

  outline: none;

  padding: calc(0.5em - 1px) 2.5em calc(0.5em - 1px) calc(1em - 1px);

}

.Select select--active,

.Select select--focused,

.Select select:active,

.Select select:focus {

  outline: none;

}

.Select select[disabled],

fieldset[disabled] .Select select {

  cursor: not-allowed;

}

.Select select::-ms-expand {

  display: none;

}

.Select--small {

  border-radius: 0.125rem;

  font-size: 75%;

}

.Select--medium {

  font-size: 125%;

}

.Select--large {

  font-size: 150%;

}

.Select--fullwidth,

.Select--fullwidth select {

  width: 100%;

}

.Select--loading:after {

  margin-top: 0;

  position: absolute;

  right: 0.625em;

  top: 0.625em;

  transform: none;

}

.Select--loading--small:after {

  font-size: 75%;

}

.Select--loading--medium:after {

  font-size: 125%;

}

.Select--loading--large:after {

  font-size: 150%;

}

.Spacer {

  pointer-events: none;

  visibility: hidden;

}

.Spacer--wide {

  width: 100%;

  height: auto;

}

.Spacer--tall {

  height: 100%;

  width: auto;

}

.Tile {

  align-items: stretch;

  display: block;

  flex-basis: 0;

  flex-grow: 1;

  flex-shrink: 1;

  min-height: -webkit-min-content;

  min-height: -moz-min-content;

  min-height: min-content;

}

.Tile--child {

  margin: 0 !important;

}

.Tile--shrink {

  flex-grow: 0;

}

.Tile--vertical {

  flex-direction: column;

}

.Tile--vertical > .Tile--child:not(:last-child) {

  margin-bottom: 1.5rem !important;

}

.Tile--gap1.Tile--container {

  margin-left: -0.75rem;

  margin-right: -0.75rem;

  margin-top: -0.75rem;

}

.Tile--gap1.Tile--container:last-child {

  margin-bottom: -0.75rem;

}

.Tile--gap1.Tile--container:not(:last-child) {

  margin-bottom: 0.75rem;

}

.Tile--gap1 .Tile--parent {

  padding: 0.75rem;

}

.Tile--gap2.Tile--container {

  margin-left: -1.5rem;

  margin-right: -1.5rem;

  margin-top: -1.5rem;

}

.Tile--gap2.Tile--container:last-child {

  margin-bottom: -1.5rem;

}

.Tile--gap2.Tile--container:not(:last-child) {

  margin-bottom: 1.5rem;

}

.Tile--gap2 .Tile--parent {

  padding: 1.5rem;

}

.Tile--gap3.Tile--container {

  margin-left: -2.25rem;

  margin-right: -2.25rem;

  margin-top: -2.25rem;

}

.Tile--gap3.Tile--container:last-child {

  margin-bottom: -2.25rem;

}

.Tile--gap3.Tile--container:not(:last-child) {

  margin-bottom: 2.25rem;

}

.Tile--gap3 .Tile--parent {

  padding: 2.25rem;

}

.Tile--gap4.Tile--container {

  margin-left: -3rem;

  margin-right: -3rem;

  margin-top: -3rem;

}

.Tile--gap4.Tile--container:last-child {

  margin-bottom: -3rem;

}

.Tile--gap4.Tile--container:not(:last-child) {

  margin-bottom: 3rem;

}

.Tile--gap4 .Tile--parent {

  padding: 3rem;

}

.Tile--gap5.Tile--container {

  margin-left: -3.75rem;

  margin-right: -3.75rem;

  margin-top: -3.75rem;

}

.Tile--gap5.Tile--container:last-child {

  margin-bottom: -3.75rem;

}

.Tile--gap5.Tile--container:not(:last-child) {

  margin-bottom: 3.75rem;

}

.Tile--gap5 .Tile--parent {

  padding: 3.75rem;

}

.Tile--gap6.Tile--container {

  margin-left: -4.5rem;

  margin-right: -4.5rem;

  margin-top: -4.5rem;

}

.Tile--gap6.Tile--container:last-child {

  margin-bottom: -4.5rem;

}

.Tile--gap6.Tile--container:not(:last-child) {

  margin-bottom: 4.5rem;

}

.Tile--gap6 .Tile--parent {

  padding: 4.5rem;

}

@media (min-width: 769px) {

  .Tile:not(.Tile--child) {

    display: flex;

  }

  .Tile--size1 {

    flex: none;

    width: 8.334%;

  }

  .Tile--size2 {

    flex: none;

    width: 16.668%;

  }

  .Tile--size3 {

    flex: none;

    width: 25.002%;

  }

  .Tile--size4 {

    flex: none;

    width: 33.336%;

  }

  .Tile--size5 {

    flex: none;

    width: 41.67%;

  }

  .Tile--size6 {

    flex: none;

    width: 50.004%;

  }

  .Tile--size7 {

    flex: none;

    width: 58.338%;

  }

  .Tile--size8 {

    flex: none;

    width: 66.672%;

  }

  .Tile--size9 {

    flex: none;

    width: 75.006%;

  }

  .Tile--size10 {

    flex: none;

    width: 83.34%;

  }

  .Tile--size11 {

    flex: none;

    width: 91.674%;

  }

  .Tile--size12 {

    flex: none;

    width: 100.008%;

  }

}

.Subtitle,

.Title {

  word-break: break-word;

}

.Subtitle em,

.Subtitle span,

.Title em,

.Title span {

  font-weight: inherit;

}

.Title {

  font-family: Lato, sans-serif;

  font-size: 200%;

  font-weight: 700;

  line-height: 1.125;

}

.Title:not(.Title--spaced) + .Subtitle {

  margin-top: -1.25em;

}

.Title--size1 {

  font-size: 300%;

}

.Title--size2 {

  font-size: 250%;

}

.Title--size3 {

  font-size: 200%;

}

.Title--size4 {

  font-size: 150%;

}

.Title--size5 {

  font-size: 125%;

}

.Title--size6 {

  font-size: 100%;

}

.Title--size7 {

  font-size: 75%;

}

.Subtitle {

  font-family: sans-serif;

  font-size: 125%;

  font-weight: 400;

  line-height: 1.25;

}

.Subtitle:not(.Subtitle--spaced) + .Title {

  margin-top: -1.25em;

}

.Subtitle--size1 {

  font-size: 300%;

}

.Subtitle--size2 {

  font-size: 250%;

}

.Subtitle--size3 {

  font-size: 200%;

}

.Subtitle--size4 {

  font-size: 150%;

}

.Subtitle--size5 {

  font-size: 125%;

}

.Subtitle--size6 {

  font-size: 100%;

}

.Subtitle--size7 {

  font-size: 75%;

}

.--disableInput {

  pointer-events: none;

}

.--noSelect {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.--wide {

  width: 100%;

}

.--tall {

  height: 100%;

}

.--relative {

  position: relative;

}

.--pin {

  position: absolute;

  z-index: 1;

}

.--pinFixed {

  position: fixed;

  z-index: 99999999;

}

.--pinTop {

  top: 0;

}

.--pinLeft {

  left: 0;

}

.--pinBottom {

  bottom: 0;

}

.--pinRight {

  right: 0;

}

.--pinCenterX {

  left: 50%;

}

.--pinCenterY {

  top: 50%;

}

.--hide {

  display: none;

}

@media (max-width: 768px) {

  .--hideMobile {

    display: none !important;

  }

}

@media (min-width: 451px) {

  .--hideTablet {

    display: none !important;

  }

}

@media (min-width: 451px) and (max-width: 768px) {

  .--hideOnlyTablet {

    display: none !important;

  }

}

@media (min-width: 769px) {

  .--hideDesktop {

    display: none !important;

  }

}

@media (min-width: 1152px) {

  .--hideWidescreen {

    display: none !important;

  }

}

@media (min-width: 1344px) {

  .--hideHighdef {

    display: none !important;

  }

}

@media (min-width: 1920px) {

  .--hideUltrahd {

    display: none !important;

  }

}

@media (orientation: landscape) {

  .--hideLandscape {

    display: none !important;

  }

}

@media (orientation: portrait) {

  .--hidePortrait {

    display: none !important;

  }

}

.--flex {

  display: flex;

}

@media (max-width: 768px) {

  .--flexMobile {

    display: flex !important;

  }

}

@media (min-width: 451px) {

  .--flexTablet {

    display: flex !important;

  }

}

@media (min-width: 451px) and (max-width: 768px) {

  .--flexOnlyTablet {

    display: flex !important;

  }

}

@media (min-width: 769px) {

  .--flexDesktop {

    display: flex !important;

  }

}

@media (min-width: 1152px) {

  .--flexWidescreen {

    display: flex !important;

  }

}

@media (min-width: 1344px) {

  .--flexHighdef {

    display: flex !important;

  }

}

@media (min-width: 1920px) {

  .--flexUltrahd {

    display: flex !important;

  }

}

@media (orientation: landscape) {

  .--flexLandscape {

    display: flex !important;

  }

}

@media (orientation: portrait) {

  .--flexPortrait {

    display: flex !important;

  }

}

.--block {

  display: block;

}

@media (max-width: 768px) {

  .--blockMobile {

    display: block !important;

  }

}

@media (min-width: 451px) {

  .--blockTablet {

    display: block !important;

  }

}

@media (min-width: 451px) and (max-width: 768px) {

  .--blockOnlyTablet {

    display: block !important;

  }

}

@media (min-width: 769px) {

  .--blockDesktop {

    display: block !important;

  }

}

@media (min-width: 1152px) {

  .--blockWidescreen {

    display: block !important;

  }

}

@media (min-width: 1344px) {

  .--blockHighdef {

    display: block !important;

  }

}

@media (min-width: 1920px) {

  .--blockUltrahd {

    display: block !important;

  }

}

@media (orientation: landscape) {

  .--blockLandscape {

    display: block !important;

  }

}

@media (orientation: portrait) {

  .--blockPortrait {

    display: block !important;

  }

}

.--inline {

  display: inline;

}

@media (max-width: 768px) {

  .--inlineMobile {

    display: inline !important;

  }

}

@media (min-width: 451px) {

  .--inlineTablet {

    display: inline !important;

  }

}

@media (min-width: 451px) and (max-width: 768px) {

  .--inlineOnlyTablet {

    display: inline !important;

  }

}

@media (min-width: 769px) {

  .--inlineDesktop {

    display: inline !important;

  }

}

@media (min-width: 1152px) {

  .--inlineWidescreen {

    display: inline !important;

  }

}

@media (min-width: 1344px) {

  .--inlineHighdef {

    display: inline !important;

  }

}

@media (min-width: 1920px) {

  .--inlineUltrahd {

    display: inline !important;

  }

}

@media (orientation: landscape) {

  .--inlineLandscape {

    display: inline !important;

  }

}

@media (orientation: portrait) {

  .--inlinePortrait {

    display: inline !important;

  }

}

.--inlineFlex {

  display: inline-flex;

}

@media (max-width: 768px) {

  .--inlineFlexMobile {

    display: inline-flex !important;

  }

}

@media (min-width: 451px) {

  .--inlineFlexTablet {

    display: inline-flex !important;

  }

}

@media (min-width: 451px) and (max-width: 768px) {

  .--inlineFlexOnlyTablet {

    display: inline-flex !important;

  }

}

@media (min-width: 769px) {

  .--inlineFlexDesktop {

    display: inline-flex !important;

  }

}

@media (min-width: 1152px) {

  .--inlineFlexWidescreen {

    display: inline-flex !important;

  }

}

@media (min-width: 1344px) {

  .--inlineFlexHighdef {

    display: inline-flex !important;

  }

}

@media (min-width: 1920px) {

  .--inlineFlexUltrahd {

    display: inline-flex !important;

  }

}

@media (orientation: landscape) {

  .--inlineFlexLandscape {

    display: inline-flex !important;

  }

}

@media (orientation: portrait) {

  .--inlineFlexPortrait {

    display: inline-flex !important;

  }

}

.--marSm0 {

  margin: 0.125rem;

}

.--marSm0__x {

  margin-left: 0.125rem !important;

  margin-right: 0.125rem !important;

}

.--marSm0__y {

  margin-top: 0.125rem !important;

  margin-bottom: 0.125rem !important;

}

.--marSm0__l {

  margin-left: 0.125rem !important;

}

.--marSm0__r {

  margin-right: 0.125rem !important;

}

.--marSm0__b {

  margin-bottom: 0.125rem !important;

}

.--marSm0__t {

  margin-top: 0.125rem !important;

}

.--marSm1 {

  margin: 0.325rem;

}

.--marSm1__x {

  margin-left: 0.325rem !important;

  margin-right: 0.325rem !important;

}

.--marSm1__y {

  margin-top: 0.325rem !important;

  margin-bottom: 0.325rem !important;

}

.--marSm1__l {

  margin-left: 0.325rem !important;

}

.--marSm1__r {

  margin-right: 0.325rem !important;

}

.--marSm1__b {

  margin-bottom: 0.325rem !important;

}

.--marSm1__t {

  margin-top: 0.325rem !important;

}

.--marSm2 {

  margin: 0.5rem;

}

.--marSm2__x {

  margin-left: 0.5rem !important;

  margin-right: 0.5rem !important;

}

.--marSm2__y {

  margin-top: 0.5rem !important;

  margin-bottom: 0.5rem !important;

}

.--marSm2__l {

  margin-left: 0.5rem !important;

}

.--marSm2__r {

  margin-right: 0.5rem !important;

}

.--marSm2__b {

  margin-bottom: 0.5rem !important;

}

.--marSm2__t {

  margin-top: 0.5rem !important;

}

.--marSm3 {

  margin: 0.75rem;

}

.--marSm3__x {

  margin-left: 0.75rem !important;

  margin-right: 0.75rem !important;

}

.--marSm3__y {

  margin-top: 0.75rem !important;

  margin-bottom: 0.75rem !important;

}

.--marSm3__l {

  margin-left: 0.75rem !important;

}

.--marSm3__r {

  margin-right: 0.75rem !important;

}

.--marSm3__b {

  margin-bottom: 0.75rem !important;

}

.--marSm3__t {

  margin-top: 0.75rem !important;

}

.--marMd0 {

  margin: 1rem;

}

.--marMd0__x {

  margin-left: 1rem !important;

  margin-right: 1rem !important;

}

.--marMd0__y {

  margin-top: 1rem !important;

  margin-bottom: 1rem !important;

}

.--marMd0__l {

  margin-left: 1rem !important;

}

.--marMd0__r {

  margin-right: 1rem !important;

}

.--marMd0__b {

  margin-bottom: 1rem !important;

}

.--marMd0__t {

  margin-top: 1rem !important;

}

.--marMd1 {

  margin: 1.5rem;

}

.--marMd1__x {

  margin-left: 1.5rem !important;

  margin-right: 1.5rem !important;

}

.--marMd1__y {

  margin-top: 1.5rem !important;

  margin-bottom: 1.5rem !important;

}

.--marMd1__l {

  margin-left: 1.5rem !important;

}

.--marMd1__r {

  margin-right: 1.5rem !important;

}

.--marMd1__b {

  margin-bottom: 1.5rem !important;

}

.--marMd1__t {

  margin-top: 1.5rem !important;

}

.--marMd2 {

  margin: 2rem;

}

.--marMd2__x {

  margin-left: 2rem !important;

  margin-right: 2rem !important;

}

.--marMd2__y {

  margin-top: 2rem !important;

  margin-bottom: 2rem !important;

}

.--marMd2__l {

  margin-left: 2rem !important;

}

.--marMd2__r {

  margin-right: 2rem !important;

}

.--marMd2__b {

  margin-bottom: 2rem !important;

}

.--marMd2__t {

  margin-top: 2rem !important;

}

.--marMd3 {

  margin: 4rem;

}

.--marMd3__x {

  margin-left: 4rem !important;

  margin-right: 4rem !important;

}

.--marMd3__y {

  margin-top: 4rem !important;

  margin-bottom: 4rem !important;

}

.--marMd3__l {

  margin-left: 4rem !important;

}

.--marMd3__r {

  margin-right: 4rem !important;

}

.--marMd3__b {

  margin-bottom: 4rem !important;

}

.--marMd3__t {

  margin-top: 4rem !important;

}

.--padSm0 {

  padding: 0.125rem;

}

.--padSm0__x {

  padding-left: 0.125rem !important;

  padding-right: 0.125rem !important;

}

.--padSm0__y {

  padding-top: 0.125rem !important;

  padding-bottom: 0.125rem !important;

}

.--padSm0__l {

  padding-left: 0.125rem !important;

}

.--padSm0__r {

  padding-right: 0.125rem !important;

}

.--padSm0__b {

  padding-bottom: 0.125rem !important;

}

.--padSm0__t {

  padding-top: 0.125rem !important;

}

.--padSm1 {

  padding: 0.325rem;

}

.--padSm1__x {

  padding-left: 0.325rem !important;

  padding-right: 0.325rem !important;

}

.--padSm1__y {

  padding-top: 0.325rem !important;

  padding-bottom: 0.325rem !important;

}

.--padSm1__l {

  padding-left: 0.325rem !important;

}

.--padSm1__r {

  padding-right: 0.325rem !important;

}

.--padSm1__b {

  padding-bottom: 0.325rem !important;

}

.--padSm1__t {

  padding-top: 0.325rem !important;

}

.--padSm2 {

  padding: 0.5rem;

}

.--padSm2__x {

  padding-left: 0.5rem !important;

  padding-right: 0.5rem !important;

}

.--padSm2__y {

  padding-top: 0.5rem !important;

  padding-bottom: 0.5rem !important;

}

.--padSm2__l {

  padding-left: 0.5rem !important;

}

.--padSm2__r {

  padding-right: 0.5rem !important;

}

.--padSm2__b {

  padding-bottom: 0.5rem !important;

}

.--padSm2__t {

  padding-top: 0.5rem !important;

}

.--padSm3 {

  padding: 0.75rem;

}

.--padSm3__x {

  padding-left: 0.75rem !important;

  padding-right: 0.75rem !important;

}

.--padSm3__y {

  padding-top: 0.75rem !important;

  padding-bottom: 0.75rem !important;

}

.--padSm3__l {

  padding-left: 0.75rem !important;

}

.--padSm3__r {

  padding-right: 0.75rem !important;

}

.--padSm3__b {

  padding-bottom: 0.75rem !important;

}

.--padSm3__t {

  padding-top: 0.75rem !important;

}

.--padMd0 {

  padding: 1rem;

}

.--padMd0__x {

  padding-left: 1rem !important;

  padding-right: 1rem !important;

}

.--padMd0__y {

  padding-top: 1rem !important;

  padding-bottom: 1rem !important;

}

.--padMd0__l {

  padding-left: 1rem !important;

}

.--padMd0__r {

  padding-right: 1rem !important;

}

.--padMd0__b {

  padding-bottom: 1rem !important;

}

.--padMd0__t {

  padding-top: 1rem !important;

}

.--padMd1 {

  padding: 1.5rem;

}

.--padMd1__x {

  padding-left: 1.5rem !important;

  padding-right: 1.5rem !important;

}

.--padMd1__y {

  padding-top: 1.5rem !important;

  padding-bottom: 1.5rem !important;

}

.--padMd1__l {

  padding-left: 1.5rem !important;

}

.--padMd1__r {

  padding-right: 1.5rem !important;

}

.--padMd1__b {

  padding-bottom: 1.5rem !important;

}

.--padMd1__t {

  padding-top: 1.5rem !important;

}

.--padMd2 {

  padding: 2rem;

}

.--padMd2__x {

  padding-left: 2rem !important;

  padding-right: 2rem !important;

}

.--padMd2__y {

  padding-top: 2rem !important;

  padding-bottom: 2rem !important;

}

.--padMd2__l {

  padding-left: 2rem !important;

}

.--padMd2__r {

  padding-right: 2rem !important;

}

.--padMd2__b {

  padding-bottom: 2rem !important;

}

.--padMd2__t {

  padding-top: 2rem !important;

}

.--padMd3 {

  padding: 4rem;

}

.--padMd3__x {

  padding-left: 4rem !important;

  padding-right: 4rem !important;

}

.--padMd3__y {

  padding-top: 4rem !important;

  padding-bottom: 4rem !important;

}

.--padMd3__l {

  padding-left: 4rem !important;

}

.--padMd3__r {

  padding-right: 4rem !important;

}

.--padMd3__b {

  padding-bottom: 4rem !important;

}

.--padMd3__t {

  padding-top: 4rem !important;

}

.--marEmSm0 {

  margin: 0.125em;

}

.--marEmSm0__x {

  margin-left: 0.125em !important;

  margin-right: 0.125em !important;

}

.--marEmSm0__y {

  margin-top: 0.125em !important;

  margin-bottom: 0.125em !important;

}

.--marEmSm0__l {

  margin-left: 0.125em !important;

}

.--marEmSm0__r {

  margin-right: 0.125em !important;

}

.--marEmSm0__b {

  margin-bottom: 0.125em !important;

}

.--marEmSm0__t {

  margin-top: 0.125em !important;

}

.--marEmSm1 {

  margin: 0.325em;

}

.--marEmSm1__x {

  margin-left: 0.325em !important;

  margin-right: 0.325em !important;

}

.--marEmSm1__y {

  margin-top: 0.325em !important;

  margin-bottom: 0.325em !important;

}

.--marEmSm1__l {

  margin-left: 0.325em !important;

}

.--marEmSm1__r {

  margin-right: 0.325em !important;

}

.--marEmSm1__b {

  margin-bottom: 0.325em !important;

}

.--marEmSm1__t {

  margin-top: 0.325em !important;

}

.--marEmSm2 {

  margin: 0.5em;

}

.--marEmSm2__x {

  margin-left: 0.5em !important;

  margin-right: 0.5em !important;

}

.--marEmSm2__y {

  margin-top: 0.5em !important;

  margin-bottom: 0.5em !important;

}

.--marEmSm2__l {

  margin-left: 0.5em !important;

}

.--marEmSm2__r {

  margin-right: 0.5em !important;

}

.--marEmSm2__b {

  margin-bottom: 0.5em !important;

}

.--marEmSm2__t {

  margin-top: 0.5em !important;

}

.--marEmMd0 {

  margin: 1em;

}

.--marEmMd0__x {

  margin-left: 1em !important;

  margin-right: 1em !important;

}

.--marEmMd0__y {

  margin-top: 1em !important;

  margin-bottom: 1em !important;

}

.--marEmMd0__l {

  margin-left: 1em !important;

}

.--marEmMd0__r {

  margin-right: 1em !important;

}

.--marEmMd0__b {

  margin-bottom: 1em !important;

}

.--marEmMd0__t {

  margin-top: 1em !important;

}

.--marEmMd1 {

  margin: 1.5em;

}

.--marEmMd1__x {

  margin-left: 1.5em !important;

  margin-right: 1.5em !important;

}

.--marEmMd1__y {

  margin-top: 1.5em !important;

  margin-bottom: 1.5em !important;

}

.--marEmMd1__l {

  margin-left: 1.5em !important;

}

.--marEmMd1__r {

  margin-right: 1.5em !important;

}

.--marEmMd1__b {

  margin-bottom: 1.5em !important;

}

.--marEmMd1__t {

  margin-top: 1.5em !important;

}

.--marEmMd2 {

  margin: 2em;

}

.--marEmMd2__x {

  margin-left: 2em !important;

  margin-right: 2em !important;

}

.--marEmMd2__y {

  margin-top: 2em !important;

  margin-bottom: 2em !important;

}

.--marEmMd2__l {

  margin-left: 2em !important;

}

.--marEmMd2__r {

  margin-right: 2em !important;

}

.--marEmMd2__b {

  margin-bottom: 2em !important;

}

.--marEmMd2__t {

  margin-top: 2em !important;

}

.--padEmSm0 {

  padding: 0.125em;

}

.--padEmSm0__x {

  padding-left: 0.125em !important;

  padding-right: 0.125em !important;

}

.--padEmSm0__y {

  padding-top: 0.125em !important;

  padding-bottom: 0.125em !important;

}

.--padEmSm0__l {

  padding-left: 0.125em !important;

}

.--padEmSm0__r {

  padding-right: 0.125em !important;

}

.--padEmSm0__b {

  padding-bottom: 0.125em !important;

}

.--padEmSm0__t {

  padding-top: 0.125em !important;

}

.--padEmSm1 {

  padding: 0.325em;

}

.--padEmSm1__x {

  padding-left: 0.325em !important;

  padding-right: 0.325em !important;

}

.--padEmSm1__y {

  padding-top: 0.325em !important;

  padding-bottom: 0.325em !important;

}

.--padEmSm1__l {

  padding-left: 0.325em !important;

}

.--padEmSm1__r {

  padding-right: 0.325em !important;

}

.--padEmSm1__b {

  padding-bottom: 0.325em !important;

}

.--padEmSm1__t {

  padding-top: 0.325em !important;

}

.--padEmSm2 {

  padding: 0.5em;

}

.--padEmSm2__x {

  padding-left: 0.5em !important;

  padding-right: 0.5em !important;

}

.--padEmSm2__y {

  padding-top: 0.5em !important;

  padding-bottom: 0.5em !important;

}

.--padEmSm2__l {

  padding-left: 0.5em !important;

}

.--padEmSm2__r {

  padding-right: 0.5em !important;

}

.--padEmSm2__b {

  padding-bottom: 0.5em !important;

}

.--padEmSm2__t {

  padding-top: 0.5em !important;

}

.--padEmMd0 {

  padding: 1em;

}

.--padEmMd0__x {

  padding-left: 1em !important;

  padding-right: 1em !important;

}

.--padEmMd0__y {

  padding-top: 1em !important;

  padding-bottom: 1em !important;

}

.--padEmMd0__l {

  padding-left: 1em !important;

}

.--padEmMd0__r {

  padding-right: 1em !important;

}

.--padEmMd0__b {

  padding-bottom: 1em !important;

}

.--padEmMd0__t {

  padding-top: 1em !important;

}

.--padEmMd1 {

  padding: 1.5em;

}

.--padEmMd1__x {

  padding-left: 1.5em !important;

  padding-right: 1.5em !important;

}

.--padEmMd1__y {

  padding-top: 1.5em !important;

  padding-bottom: 1.5em !important;

}

.--padEmMd1__l {

  padding-left: 1.5em !important;

}

.--padEmMd1__r {

  padding-right: 1.5em !important;

}

.--padEmMd1__b {

  padding-bottom: 1.5em !important;

}

.--padEmMd1__t {

  padding-top: 1.5em !important;

}

.--padEmMd2 {

  padding: 2em;

}

.--padEmMd2__x {

  padding-left: 2em !important;

  padding-right: 2em !important;

}

.--padEmMd2__y {

  padding-top: 2em !important;

  padding-bottom: 2em !important;

}

.--padEmMd2__l {

  padding-left: 2em !important;

}

.--padEmMd2__r {

  padding-right: 2em !important;

}

.--padEmMd2__b {

  padding-bottom: 2em !important;

}

.--padEmMd2__t {

  padding-top: 2em !important;

}

.--noMar {

  margin: 0 !important;

}

.--noMar__t {

  margin-top: 0 !important;

}

.--noMar__r {

  margin-right: 0 !important;

}

.--noMar__l {

  margin-left: 0 !important;

}

.--noMar__b {

  margin-bottom: 0 !important;

}

.--noMar__x {

  margin-left: 0 !important;

  margin-right: 0 !important;

}

.--noMar__y {

  margin-top: 0 !important;

  margin-bottom: 0 !important;

}

.--noPad {

  padding: 0 !important;

}

.--noPad__t {

  padding-top: 0 !important;

}

.--noPad__r {

  padding-right: 0 !important;

}

.--noPad__l {

  padding-left: 0 !important;

}

.--noPad__b {

  padding-bottom: 0 !important;

}

.--noPad__x {

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.--noPad__y {

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}

.--textCenter {

  text-align: center;

}

.--textRight {

  text-align: right;

}

.--textLeft {

  text-align: left;

}

.--textSmall {

  font-size: 90%;

}

.--textLarge {

  font-size: 120%;

}

.--textTruncate {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.--scrollY {

  overflow-x: hidden;

  overflow-y: auto;

}

.--scrollX {

  overflow-x: auto;

  overflow-y: hidden;

}

.--scroll {

  overflow: auto;

}

.--scrollNone {

  overflow: hidden;

}

body {

  overflow-x: hidden;

  overflow-y: scroll;

  scrollbar-gutter: stable;

  font-family: Lato, sans-serif;

}

strong {

  font-weight: 700;

}

#__next {

  position: relative;

  width: 100%;

  overflow-x: hidden;

}

.Button {

  font-weight: 700;

}

button,

input,

textarea {

  font-family: Lato, sans-serif;

}

a,

button,

input,

select,

textarea {

  -webkit-tap-highlight-color: transparent;

}

hr {

  margin: 2rem 0;

  border: none;

  height: 1px;

}

.ympb_usp {

  z-index: 1 !important;

  margin-top: 0 !important;

  padding-bottom: 0.5em !important;

}

@media (min-width: 1152px) {

  .ympb_usp {

    margin-top: -114px !important;

    padding-bottom: 114px !important;

  }

}

body[data-theme="default"] {

  background-image: url(../images/bg.png);

  color: #fff;

  background-color: #171717;

}

body[data-theme="default"] ::-moz-selection {

  color: #fff;

  background: rgba(228, 61, 48, 0.35);

}

body[data-theme="default"] ::selection {

  color: #fff;

  background: rgba(228, 61, 48, 0.35);

}

body[data-theme="default"] .MenuList {

  background: #292929;

  border: 1px solid #3c3c3c;

  border-radius: 0.325rem;

}

@-webkit-keyframes pageLoaderGlowDefault {

  0% {

    background-color: #c7261a;

  }

  45% {

    background-color: #ea675d;

  }

  55% {

    background-color: #ea675d;

  }

  to {

    background-color: #c7261a;

  }

}

@keyframes pageLoaderGlowDefault {

  0% {

    background-color: #c7261a;

  }

  45% {

    background-color: #ea675d;

  }

  55% {

    background-color: #ea675d;

  }

  to {

    background-color: #c7261a;

  }

}

body[data-theme="default"] .PageLoader {

  -webkit-animation-name: pageLoaderGlowDefault;

  animation-name: pageLoaderGlowDefault;

}

body[data-theme="default"] .AppFooter__Logo img,

body[data-theme="default"] .MobileHeader__Logo img {

  width: 274px;

  height: 50px;

}

body[data-theme="default"] .Autocomplete::-moz-placeholder,

body[data-theme="default"] .Input::-moz-placeholder {

  color: #7f7f7f !important;

}

body[data-theme="default"] .Autocomplete:-ms-input-placeholder,

body[data-theme="default"] .Input:-ms-input-placeholder {

  color: #7f7f7f !important;

}

body[data-theme="default"] .Autocomplete::placeholder,

body[data-theme="default"] .Input::placeholder {

  color: #7f7f7f !important;

}

body[data-theme="default"] .Autocomplete__Menu {

  background-color: #171717;

  border: 1px solid #3c3c3c;

  box-shadow: none;

}

body[data-theme="default"] .AutocompleteItem {

  color: #fff;

}

body[data-theme="default"] a.AutocompleteItem:hover {

  background-color: #292929;

  color: #fff;

}

body[data-theme="default"] a.AutocompleteItem--active {

  background-color: #e43d30 !important;

  color: #fff !important;

}

body[data-theme="default"] .AutocompleteDivider {

  background-color: #7f7f7f;

}

body[data-theme="default"] .Box {

  color: #fff;

  background-color: #292929;

  box-shadow: none;

}

body[data-theme="default"] a.Box:focus,

body[data-theme="default"] a.Box:hover {

  box-shadow: 0 0.5em 1em -0.125em hsla(0, 0%, 100%, 0.1), 0 0 0 1px #e43d30;

}

body[data-theme="default"] a.Box:active {

  box-shadow: inset 0 1px 2px hsla(0, 0%, 100%, 0.2), 0 0 0 1px #e43d30;

}

body[data-theme="default"] .Breadcrumb .Breadcrumb__Parent {

  color: #e43d30;

}

body[data-theme="default"] .Breadcrumb .Breadcrumb__Child {

  color: #fff;

}

body[data-theme="default"] .Button {

  background-color: #171717;

  border-color: #3c3c3c;

  color: #fff;

}

body[data-theme="default"] .Button strong {

  color: inherit;

}

body[data-theme="default"] .Button--focused,

body[data-theme="default"] .Button--hovered,

body[data-theme="default"] .Button:focus,

body[data-theme="default"] .Button:hover {

  border-color: #e43d30;

  color: #fff;

}

body[data-theme="default"] .Button--focused:not(:active),

body[data-theme="default"] .Button:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Button--active,

body[data-theme="default"] .Button:active {

  border-color: #de2b1d;

  color: #fff;

}

body[data-theme="default"] .Button--disabled,

body[data-theme="default"] .Button--loading,

body[data-theme="default"] .Button[disabled],

fieldset[disabled] body[data-theme="default"] .Button {

  background-color: #171717;

  border-color: #dbdbdb;

  box-shadow: none;

  opacity: 0.5;

}

body[data-theme="default"] .Button--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #dbdbdb #dbdbdb;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

@-webkit-keyframes spinAround {

  0% {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(359deg);

  }

}

body[data-theme="default"] .Button--static {

  background-color: #292929;

  border-color: #dbdbdb;

  color: #7f7f7f;

  box-shadow: none;

  pointer-events: none;

}

body[data-theme="default"] .Button--primary {

  background-color: #e43d30;

  border-color: transparent;

}

body[data-theme="default"] .Button--primary--hovered,

body[data-theme="default"] .Button--primary:hover {

  background-color: #e33225;

  border-color: transparent;

  color: #fff;

}

body[data-theme="default"] .Button--primary--focused,

body[data-theme="default"] .Button--primary:focus {

  border-color: transparent;

  color: #fff;

}

body[data-theme="default"] .Button--primary--focused:not(:active),

body[data-theme="default"] .Button--primary:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Button--primary--active,

body[data-theme="default"] .Button--primary:active {

  background-color: #de2b1d;

  border-color: transparent;

  color: #fff;

}

body[data-theme="default"] .Button--primary--loading,

body[data-theme="default"] .Button--primary[disabled],

fieldset[disabled] body[data-theme="default"] .Button--primary {

  background-color: #e43d30;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="default"] .Button--primary--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #fff #fff;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .Button--secondary {

  background-color: #fff;

  border-color: transparent;

  color: #171717;

}

body[data-theme="default"] .Button--secondary--hovered,

body[data-theme="default"] .Button--secondary:hover {

  background-color: #f9f9f9;

  border-color: transparent;

  color: #171717;

}

body[data-theme="default"] .Button--secondary--focused,

body[data-theme="default"] .Button--secondary:focus {

  border-color: transparent;

  color: #171717;

}

body[data-theme="default"] .Button--secondary--focused:not(:active),

body[data-theme="default"] .Button--secondary:focus:not(:active) {

  box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);

}

body[data-theme="default"] .Button--secondary--active,

body[data-theme="default"] .Button--secondary:active {

  background-color: #f2f2f2;

  border-color: transparent;

  color: #171717;

}

body[data-theme="default"] .Button--secondary--loading,

body[data-theme="default"] .Button--secondary[disabled],

fieldset[disabled] body[data-theme="default"] .Button--secondary {

  background-color: #fff;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="default"] .Button--secondary--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #171717 #171717;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .Button--tertiary {

  background-color: #292929;

  border-color: transparent;

  color: #fff;

}

body[data-theme="default"] .Button--tertiary--hovered,

body[data-theme="default"] .Button--tertiary:hover {

  background-color: #232323;

  border-color: transparent;

  color: #fff;

}

body[data-theme="default"] .Button--tertiary--focused,

body[data-theme="default"] .Button--tertiary:focus {

  border-color: transparent;

  color: #fff;

}

body[data-theme="default"] .Button--tertiary--focused:not(:active),

body[data-theme="default"] .Button--tertiary:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(41, 41, 41, 0.25);

}

body[data-theme="default"] .Button--tertiary--active,

body[data-theme="default"] .Button--tertiary:active {

  background-color: #1c1c1c;

  border-color: transparent;

  color: #fff;

}

body[data-theme="default"] .Button--tertiary--loading,

body[data-theme="default"] .Button--tertiary[disabled],

fieldset[disabled] body[data-theme="default"] .Button--tertiary {

  background-color: #292929;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="default"] .Button--tertiary--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #fff #fff;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .Button--success {

  background-color: #1c5;

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--success--hovered,

body[data-theme="default"] .Button--success:hover {

  background-color: #10c050;

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--success--focused,

body[data-theme="default"] .Button--success:focus {

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--success--focused:not(:active),

body[data-theme="default"] .Button--success:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(17, 204, 85, 0.25);

}

body[data-theme="default"] .Button--success--active,

body[data-theme="default"] .Button--success:active {

  background-color: #0fb44b;

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--success--loading,

body[data-theme="default"] .Button--success[disabled],

fieldset[disabled] body[data-theme="default"] .Button--success {

  background-color: #1c5;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="default"] .Button--success--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent snow snow;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .Button--warning {

  background-color: #fa0;

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--warning--hovered,

body[data-theme="default"] .Button--warning:hover {

  background-color: #f2a200;

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--warning--focused,

body[data-theme="default"] .Button--warning:focus {

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--warning--focused:not(:active),

body[data-theme="default"] .Button--warning:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(255, 170, 0, 0.25);

}

body[data-theme="default"] .Button--warning--active,

body[data-theme="default"] .Button--warning:active {

  background-color: #e69900;

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--warning--loading,

body[data-theme="default"] .Button--warning[disabled],

fieldset[disabled] body[data-theme="default"] .Button--warning {

  background-color: #fa0;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="default"] .Button--warning--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent snow snow;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .Button--error {

  background-color: #e43d30;

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--error--hovered,

body[data-theme="default"] .Button--error:hover {

  background-color: #e33225;

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--error--focused,

body[data-theme="default"] .Button--error:focus {

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--error--focused:not(:active),

body[data-theme="default"] .Button--error:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Button--error--active,

body[data-theme="default"] .Button--error:active {

  background-color: #de2b1d;

  border-color: transparent;

  color: snow;

}

body[data-theme="default"] .Button--error--loading,

body[data-theme="default"] .Button--error[disabled],

fieldset[disabled] body[data-theme="default"] .Button--error {

  background-color: #e43d30;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="default"] .Button--error--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent snow snow;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .Button--light {

  background-color: #292929;

  border-color: transparent;

  color: #fff;

}

body[data-theme="default"] .Button--light--hovered,

body[data-theme="default"] .Button--light:hover {

  background-color: #232323;

  border-color: transparent;

  color: #fff;

}

body[data-theme="default"] .Button--light--focused,

body[data-theme="default"] .Button--light:focus {

  border-color: transparent;

  color: #fff;

}

body[data-theme="default"] .Button--light--focused:not(:active),

body[data-theme="default"] .Button--light:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(41, 41, 41, 0.25);

}

body[data-theme="default"] .Button--light--active,

body[data-theme="default"] .Button--light:active {

  background-color: #1c1c1c;

  border-color: transparent;

  color: #fff;

}

body[data-theme="default"] .Button--light--loading,

body[data-theme="default"] .Button--light[disabled],

fieldset[disabled] body[data-theme="default"] .Button--light {

  background-color: #292929;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="default"] .Button--light--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #fff #fff;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .Button--dark {

  background-color: #fff;

  border-color: transparent;

  color: #292929;

}

body[data-theme="default"] .Button--dark--hovered,

body[data-theme="default"] .Button--dark:hover {

  background-color: #f9f9f9;

  border-color: transparent;

  color: #292929;

}

body[data-theme="default"] .Button--dark--focused,

body[data-theme="default"] .Button--dark:focus {

  border-color: transparent;

  color: #292929;

}

body[data-theme="default"] .Button--dark--focused:not(:active),

body[data-theme="default"] .Button--dark:focus:not(:active) {

  box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);

}

body[data-theme="default"] .Button--dark--active,

body[data-theme="default"] .Button--dark:active {

  background-color: #f2f2f2;

  border-color: transparent;

  color: #292929;

}

body[data-theme="default"] .Button--dark--loading,

body[data-theme="default"] .Button--dark[disabled],

fieldset[disabled] body[data-theme="default"] .Button--dark {

  background-color: #fff;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="default"] .Button--dark--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #292929 #292929;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .Button--text {

  background-color: transparent;

  border-color: transparent;

  color: #fff;

  text-decoration: underline;

}

body[data-theme="default"] .Button--text--focused,

body[data-theme="default"] .Button--text--hovered,

body[data-theme="default"] .Button--text:focus,

body[data-theme="default"] .Button--text:hover {

  background-color: #292929;

  color: #fff;

}

body[data-theme="default"] .Button--text--active,

body[data-theme="default"] .Button--text:active {

  background-color: #1c1c1c;

  color: #fff;

}

body[data-theme="default"] .Button--text[disabled],

fieldset[disabled] body[data-theme="default"] .Button--text {

  background-color: transparent;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="default"] .Carousel__Button .Button {

  font-size: 1rem;

  transition-property: box-shadow, transform, opacity;

  transition-timing-function: ease;

  transition-duration: 1s;

}

@media (min-width: 769px) {

  body[data-theme="default"] .Carousel__Button .Button:hover {

    transition-property: box-shadow, transform, opacity;

    transition-timing-function: ease;

    transition-duration: 0.2s;

  }

}

body[data-theme="default"] .Carousel__Button:after {

  transition: all 0.2s ease;

  opacity: 0.35;

  background: linear-gradient(90deg, rgba(228, 61, 48, 0), #e43d30);

}

body[data-theme="default"] .Carousel__Button--left:after {

  background: linear-gradient(270deg, rgba(228, 61, 48, 0), #e43d30);

}

body[data-theme="default"] .Carousel__Button--hidden {

  pointer-events: none;

}

body[data-theme="default"] .Carousel__Button--hidden:after {

  opacity: 0 !important;

}

body[data-theme="default"] .Carousel__Button--hidden .Button {

  transform: scale(0.5);

  opacity: 0;

}

@media (min-width: 769px) {

  body[data-theme="default"] .Carousel:hover .Carousel__Button:after {

    opacity: 0.65;

  }

}

body[data-theme="default"] .Checkbox input[disabled],

body[data-theme="default"] .Checkbox[disabled],

fieldset[disabled] body[data-theme="default"] .Checkbox {

  color: #7f7f7f;

}

body[data-theme="default"] .Checkbox input + span {

  background-color: #292929;

  border-color: #3c3c3c;

  color: #fff;

  box-shadow: none;

}

body[data-theme="default"] .Checkbox input + span::-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Checkbox input + span::-webkit-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Checkbox input + span:-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Checkbox input + span:-ms-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Checkbox input + span--hovered,

body[data-theme="default"] .Checkbox input + span:hover {

  border-color: #7a7a7a;

}

body[data-theme="default"] .Checkbox input + span--active,

body[data-theme="default"] .Checkbox input + span--focused,

body[data-theme="default"] .Checkbox input + span:active,

body[data-theme="default"] .Checkbox input + span:focus {

  border-color: #e43d30;

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Checkbox input + span[disabled],

fieldset[disabled] body[data-theme="default"] .Checkbox input + span {

  background-color: #292929;

  border-color: #292929;

  box-shadow: none;

  color: #7f7f7f;

}

body[data-theme="default"] .Checkbox input + span[disabled]::-moz-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Checkbox

  input

  + span::-moz-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"]

  .Checkbox

  input

  + span[disabled]::-webkit-input-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Checkbox

  input

  + span::-webkit-input-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Checkbox input + span[disabled]:-moz-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Checkbox

  input

  + span:-moz-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"]

  .Checkbox

  input

  + span[disabled]:-ms-input-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Checkbox

  input

  + span:-ms-input-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Checkbox input[checked] + span {

  background-color: #e43d30;

  border-color: #e43d30;

}

body[data-theme="default"] .Checkbox input[checked] + span:active,

body[data-theme="default"] .Checkbox input[checked] + span:focus {

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Checkbox input[readonly] + span {

  box-shadow: none;

}

body[data-theme="default"] .Checkbox--error input + span {

  border-color: #e43d30;

}

body[data-theme="default"] .Checkbox--error input + span:active,

body[data-theme="default"] .Checkbox--error input + span:focus {

  border-color: #e43d30;

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Radio input[disabled],

body[data-theme="default"] .Radio[disabled],

fieldset[disabled] body[data-theme="default"] .Radio {

  color: #7f7f7f;

}

body[data-theme="default"] .Radio input + span {

  background-color: #292929;

  border-color: #3c3c3c;

  color: #fff;

  box-shadow: none;

}

body[data-theme="default"] .Radio input + span::-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Radio input + span::-webkit-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Radio input + span:-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Radio input + span:-ms-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Radio input + span--hovered,

body[data-theme="default"] .Radio input + span:hover {

  border-color: #7a7a7a;

}

body[data-theme="default"] .Radio input + span--active,

body[data-theme="default"] .Radio input + span--focused,

body[data-theme="default"] .Radio input + span:active,

body[data-theme="default"] .Radio input + span:focus {

  border-color: #e43d30;

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Radio input + span[disabled],

fieldset[disabled] body[data-theme="default"] .Radio input + span {

  background-color: #292929;

  border-color: #292929;

  box-shadow: none;

  color: #7f7f7f;

}

body[data-theme="default"] .Radio input + span[disabled]::-moz-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Radio

  input

  + span::-moz-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"]

  .Radio

  input

  + span[disabled]::-webkit-input-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Radio

  input

  + span::-webkit-input-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Radio input + span[disabled]:-moz-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Radio

  input

  + span:-moz-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Radio input + span[disabled]:-ms-input-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Radio

  input

  + span:-ms-input-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Radio input[checked] + span {

  background-color: #e43d30;

  border-color: #e43d30;

}

body[data-theme="default"] .Radio input[checked] + span:active,

body[data-theme="default"] .Radio input[checked] + span:focus {

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Radio input[readonly] + span {

  box-shadow: none;

}

body[data-theme="default"] .Radio--error input + span {

  border-color: #e43d30;

}

body[data-theme="default"] .Radio--error input + span:active,

body[data-theme="default"] .Radio--error input + span:focus {

  border-color: #e43d30;

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Control--iconsLeft .Input:focus ~ .Icon,

body[data-theme="default"] .Control--iconsLeft .Select:focus ~ .Icon,

body[data-theme="default"] .Control--iconsRight .Input:focus ~ .Icon,

body[data-theme="default"] .Control--iconsRight .Select:focus ~ .Icon {

  color: #e43d30;

}

body[data-theme="default"] .Control--iconsLeft .Icon,

body[data-theme="default"] .Control--iconsRight .Icon {

  color: #7f7f7f;

}

body[data-theme="default"] .Control--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #dbdbdb #dbdbdb;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .Delete {

  background-color: hsla(0, 0%, 100%, 0.4);

}

body[data-theme="default"] .Delete:hover {

  background-color: hsla(0, 0%, 100%, 0.85);

}

body[data-theme="default"] .Delete:active {

  background-color: #fff;

}

body[data-theme="default"] .Delete:after,

body[data-theme="default"] .Delete:before {

  background-color: #171717;

}

body[data-theme="default"] .Dropdown__Content {

  background-color: #3c3c3c;

  box-shadow: none;

}

body[data-theme="default"] .DropdownItem {

  color: #fff;

}

body[data-theme="default"] a.DropdownItem:hover {

  background-color: #292929;

  color: #fff;

}

body[data-theme="default"] a.DropdownItem--active {

  background-color: #e43d30 !important;

  color: #fff !important;

}

body[data-theme="default"] .DropdownDivider {

  background-color: #7f7f7f;

}

body[data-theme="default"] .GamePlayer {

  background-color: #292929;

}

body[data-theme="default"] .GamePlayer__PreviewOverlay:after {

  background-color: rgba(41, 41, 41, 0.8);

  mix-blend-mode: none;

}

body[data-theme="default"] .GamePlayer__PreviewOverlay + .GamePlayer__Overlay {

  -webkit-backdrop-filter: blur(8px) saturate(200%);

  backdrop-filter: blur(8px) saturate(200%);

}

body[data-theme="default"] .GamePlayer__Incompatible {

  background-color: #292929;

  color: snow;

}

body[data-theme="default"] .GamePlayer__Loader {

  font-size: 500%;

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #dbdbdb #dbdbdb;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .GameTile {

  background-color: #292929;

}

body[data-theme="default"] .GameTileDescription,

body[data-theme="default"] .GameTileStatus {

  color: snow;

}

body[data-theme="default"] .FieldLabel {

  color: #fff;

}

body[data-theme="default"] .FieldHelp--success {

  color: #1c5;

}

body[data-theme="default"] .FieldHelp--warning {

  color: #fa0;

}

body[data-theme="default"] .FieldHelp--error {

  color: #e43d30;

}

body[data-theme="default"] .Input {

  background-color: #292929;

  border-color: #3c3c3c;

  color: #fff;

  box-shadow: none;

}

body[data-theme="default"] .Input::-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Input::-webkit-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Input:-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Input:-ms-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Input--hovered,

body[data-theme="default"] .Input:hover {

  border-color: #7a7a7a;

}

body[data-theme="default"] .Input--active,

body[data-theme="default"] .Input--focused,

body[data-theme="default"] .Input:active,

body[data-theme="default"] .Input:focus {

  border-color: #e43d30;

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Input[disabled],

fieldset[disabled] body[data-theme="default"] .Input {

  background-color: #292929;

  border-color: #292929;

  box-shadow: none;

  color: #7f7f7f;

}

body[data-theme="default"] .Input[disabled]::-moz-placeholder,

fieldset[disabled] body[data-theme="default"] .Input::-moz-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Input[disabled]::-webkit-input-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Input::-webkit-input-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Input[disabled]:-moz-placeholder,

fieldset[disabled] body[data-theme="default"] .Input:-moz-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Input[disabled]:-ms-input-placeholder,

fieldset[disabled] body[data-theme="default"] .Input:-ms-input-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Input[readonly] {

  box-shadow: none;

}

body[data-theme="default"] .Input--error {

  border-color: #e43d30;

}

body[data-theme="default"] .Input--error--active,

body[data-theme="default"] .Input--error--focused,

body[data-theme="default"] .Input--error:active,

body[data-theme="default"] .Input--error:focus {

  border-color: #e43d30;

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Input--static {

  background-color: transparent;

  border-color: transparent;

  box-shadow: none;

  padding-left: 0;

  padding-right: 0;

}

body[data-theme="default"] .Textarea {

  background-color: #292929;

  border-color: #3c3c3c;

  color: #fff;

  box-shadow: none;

}

body[data-theme="default"] .Textarea::-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Textarea::-webkit-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Textarea:-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Textarea:-ms-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Textarea--hovered,

body[data-theme="default"] .Textarea:hover {

  border-color: #7a7a7a;

}

body[data-theme="default"] .Textarea--active,

body[data-theme="default"] .Textarea--focused,

body[data-theme="default"] .Textarea:active,

body[data-theme="default"] .Textarea:focus {

  border-color: #e43d30;

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Textarea[disabled],

fieldset[disabled] body[data-theme="default"] .Textarea {

  background-color: #292929;

  border-color: #292929;

  box-shadow: none;

  color: #7f7f7f;

}

body[data-theme="default"] .Textarea[disabled]::-moz-placeholder,

fieldset[disabled] body[data-theme="default"] .Textarea::-moz-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Textarea[disabled]::-webkit-input-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Textarea::-webkit-input-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Textarea[disabled]:-moz-placeholder,

fieldset[disabled] body[data-theme="default"] .Textarea:-moz-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Textarea[disabled]:-ms-input-placeholder,

fieldset[disabled] body[data-theme="default"] .Textarea:-ms-input-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Textarea[readonly] {

  box-shadow: none;

}

body[data-theme="default"] .Textarea--error {

  border-color: #e43d30;

}

body[data-theme="default"] .Textarea--error--active,

body[data-theme="default"] .Textarea--error--focused,

body[data-theme="default"] .Textarea--error:active,

body[data-theme="default"] .Textarea--error:focus {

  border-color: #e43d30;

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Link {

  color: #e43d30;

  cursor: pointer;

  text-decoration: none;

}

body[data-theme="default"] .Link strong {

  color: currentColor;

}

body[data-theme="default"] .Link:hover {

  color: #e43d30;

}

body[data-theme="default"] .Loader:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #dbdbdb #dbdbdb;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .Loader--large:after {

  font-size: 500%;

}

body[data-theme="default"] .LoaderFill {

  background: 0 0;

  -webkit-backdrop-filter: none;

  backdrop-filter: none;

}

body[data-theme="default"] .MenuList a {

  color: #fff;

}

body[data-theme="default"] .MenuList a:hover {

  background-color: #292929;

  color: #fff;

}

body[data-theme="default"] .MenuList a.--active,

body[data-theme="default"] .MenuList a.RouterLink--active {

  color: #fff;

  background-color: #e43d30;

}

body[data-theme="default"] .MenuList li ul {

  border-left: 1px solid #dbdbdb;

}

body[data-theme="default"] .MenuLabel {

  color: #7f7f7f;

}

body[data-theme="default"] .ModalCard__Foot,

body[data-theme="default"] .ModalCard__Head {

  background-color: #171717;

}

body[data-theme="default"] .ModalCard__Head {

  border-bottom-color: #171717;

}

body[data-theme="default"] .ModalCard__Title {

  color: #fff;

}

body[data-theme="default"] .ModalCard__Foot {

  border-top-color: #171717;

}

body[data-theme="default"] .ModalCard__Body {

  background-color: #171717;

}

body[data-theme="default"] .Modals__Bg {

  background-color: rgba(0, 0, 0, 0.9);

  -webkit-backdrop-filter: blur(2px);

  backdrop-filter: blur(2px);

}

body[data-theme="default"] .Notification--success {

  background-color: #1c5;

  color: snow;

}

body[data-theme="default"] .Notification--warning {

  background-color: #fa0;

  color: snow;

}

body[data-theme="default"] .Notification--error {

  background-color: #e43d30;

  color: snow;

}

body[data-theme="default"] .PageLoader {

  background: #e43d30;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

}

body[data-theme="default"] .Select:not(.Select--loading):after {

  border-radius: 2px;

  border-right: 0;

  border-top: 0;

  content: " ";

  display: block;

  height: 0.625em;

  margin-top: -0.625em;

  pointer-events: none;

  position: absolute;

  top: 50%;

  transform: rotate(-45deg);

  transform-origin: center;

  width: 0.625em;

  border-left: 3px solid #b5b5b5;

  border-bottom: 3px solid #b5b5b5;

  border-right-color: #b5b5b5;

  border-top-color: #b5b5b5;

}

body[data-theme="default"] .Select select {

  background-color: #292929;

  border-color: #3c3c3c;

  color: #fff;

}

body[data-theme="default"] .Select select::-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Select select::-webkit-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Select select:-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Select select:-ms-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="default"] .Select select--hovered,

body[data-theme="default"] .Select select:hover {

  border-color: #7a7a7a;

}

body[data-theme="default"] .Select select--active,

body[data-theme="default"] .Select select--focused,

body[data-theme="default"] .Select select:active,

body[data-theme="default"] .Select select:focus {

  border-color: #e43d30;

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Select select[disabled],

fieldset[disabled] body[data-theme="default"] .Select select {

  background-color: #292929;

  border-color: #292929;

  box-shadow: none;

  color: #7f7f7f;

}

body[data-theme="default"] .Select select[disabled]::-moz-placeholder,

fieldset[disabled] body[data-theme="default"] .Select select::-moz-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Select select[disabled]::-webkit-input-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Select

  select::-webkit-input-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Select select[disabled]:-moz-placeholder,

fieldset[disabled] body[data-theme="default"] .Select select:-moz-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Select select[disabled]:-ms-input-placeholder,

fieldset[disabled]

  body[data-theme="default"]

  .Select

  select:-ms-input-placeholder {

  color: hsla(0, 0%, 50%, 0.3);

}

body[data-theme="default"] .Select select[disabled]:hover,

fieldset[disabled] body[data-theme="default"] .Select select:hover {

  border-color: #292929;

}

body[data-theme="default"] .Select:not(.Select--loading):hover:after {

  border-color: #7a7a7a;

}

body[data-theme="default"] .Select--success select,

body[data-theme="default"] .Select--success:not(:hover):after {

  border-color: #1c5;

}

body[data-theme="default"] .Select--success select--active,

body[data-theme="default"] .Select--success select--focused,

body[data-theme="default"] .Select--success select:active,

body[data-theme="default"] .Select--success select:focus {

  border-color: #1c5;

  box-shadow: 0 0 0 0.125em rgba(17, 204, 85, 0.25);

}

body[data-theme="default"] .Select--warning select,

body[data-theme="default"] .Select--warning:not(:hover):after {

  border-color: #fa0;

}

body[data-theme="default"] .Select--warning select--active,

body[data-theme="default"] .Select--warning select--focused,

body[data-theme="default"] .Select--warning select:active,

body[data-theme="default"] .Select--warning select:focus {

  border-color: #fa0;

  box-shadow: 0 0 0 0.125em rgba(255, 170, 0, 0.25);

}

body[data-theme="default"] .Select--error select,

body[data-theme="default"] .Select--error:not(:hover):after {

  border-color: #e43d30;

}

body[data-theme="default"] .Select--error select--active,

body[data-theme="default"] .Select--error select--focused,

body[data-theme="default"] .Select--error select:active,

body[data-theme="default"] .Select--error select:focus {

  border-color: #e43d30;

  box-shadow: 0 0 0 0.125em rgba(228, 61, 48, 0.25);

}

body[data-theme="default"] .Select--disabled:after {

  border-color: #7f7f7f;

}

body[data-theme="default"] .Select--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #dbdbdb #dbdbdb;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="default"] .Subtitle,

body[data-theme="default"] .Title {

  color: #fff;

}

body[data-theme="default"] hr {

  background-color: #3c3c3c;

}

body[data-theme="default"] .Button {

  transition: border-color 0.3s ease;

  border-width: 1px;

  overflow: hidden;

}

body[data-theme="default"] .Button--disabled,

body[data-theme="default"] .Button[disabled] {

  pointer-events: none;

}

body[data-theme="default"] .Button:before {

  content: "";

  display: block;

  position: absolute;

  pointer-events: none;

  background: #e43d30;

  top: -2px;

  left: -2px;

  right: -2px;

  bottom: -2px;

  z-index: 0;

  transform: scaleY(0);

  opacity: 0;

  transition-property: transform, opacity;

  transition-duration: 0.3s;

  transition-timing-function: ease;

  transform-origin: 50% 100%;

}

body[data-theme="default"] .Button > span {

  position: relative;

}

body[data-theme="default"]

  .Button:not(.Button--primary)

  > span

  > .Icon:first-of-type {

  color: #e43d30;

  transition-property: color;

  transition-duration: 0.3s;

  transition-timing-function: ease;

}

body[data-theme="default"] .Button img {

  transition: filter 0.3s ease;

}

@media (min-width: 769px) {

  body[data-theme="default"] .Button:hover {

    transition-duration: 0s;

    border-color: #e43d30;

  }

  body[data-theme="default"] .Button:hover > span > .Icon:first-of-type {

    transition-duration: 0s;

    color: #fff;

  }

  body[data-theme="default"] .Button:hover img {

    transition-duration: 0s;

    filter: brightness(10);

  }

  body[data-theme="default"] .Button:hover:before {

    transition-duration: 0s;

    transform: scaleY(1);

    opacity: 1;

  }

}

body[data-theme="default"] .Button--primary {

  color: #fff;

}

body[data-theme="default"] .Button--primary:before {

  background: #ed7c74;

}

@media (min-width: 769px) {

  body[data-theme="default"] .Button--primary:hover {

    border-color: #ed7c74;

  }

}

body[data-theme="default"] .Button--tertiary {

  border-color: #3c3c3c;

}

@media (min-width: 769px) {

  body[data-theme="default"] .Button--tertiary:hover {

    border-color: #e43d30;

  }

}

body[data-theme="default"] .RouterLink {

  color: #e43d30;

  font-weight: 700;

}

@media (min-width: 769px) {

  body[data-theme="default"] .RouterLink:hover {

    color: #ed7c74;

  }

}

body[data-theme="default"] .ModalCard {

  border: 1px solid #3c3c3c;

  border-radius: 0.325rem;

}

body[data-theme="default"] .ModalCard__Head {

  font-weight: 700;

  text-transform: uppercase;

  padding-bottom: 0;

}

body[data-theme="default"] .Notification {

  color: #fff;

  background-color: #363636;

  border: 1px solid #7f7f7f;

  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);

}

body[data-theme="default"] .Notification--success {

  border-color: #1c5;

}

body[data-theme="default"] .Notification--warning {

  border-color: #fa0;

}

body[data-theme="default"] .Notification--error {

  border-color: #e43d30;

}

body[data-theme="default"] .AgAccordion--active {

  border-color: #3c3c3c !important;

}

body[data-theme="default"] .AgAccordion--active img {

  filter: none !important;

}

body[data-theme="default"] .AgAccordion--active:before {

  opacity: 0 !important;

}

body[data-theme="default"] .AgGameTile {

  overflow: visible;

}

@media (hover: hover) {

  body[data-theme="default"] .AgGameTile:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 0.325rem;

    pointer-events: none;

    z-index: 1;

    box-shadow: inset 0 0 0 0 transparent;

    transition: box-shadow 1s ease;

  }

  body[data-theme="default"] .AgGameTile:hover:after {

    transition: box-shadow 0s ease;

    box-shadow: inset 0 0 0 2px #e43d30;

  }

}

body[data-theme="default"] .AgGameTile .GameTile__Description {

  bottom: 0;

  padding: 0.75rem 0.5rem 0.325rem;

  font-size: 80%;

  font-weight: 700;

  background: linear-gradient(

    180deg,

    rgba(60, 60, 60, 0) 0,

    rgba(60, 60, 60, 0.85)

  );

  opacity: 0;

}

body[data-theme="default"] .AgGameTile__DesktopOnly {

  background: rgba(60, 60, 60, 0.8);

  border-radius: 0.325rem;

}

@media (hover: hover) {

  body[data-theme="default"] .AgGameTile .GameTile__Description {

    transition: all 0.2s ease;

  }

  body[data-theme="default"] .AgGameTile:hover .GameTile__Description {

    opacity: 1;

  }

}

body[data-theme="default"] .AgGameTile__Label {

  color: #fff;

}

body[data-theme="default"] .AgGameTile__Label--classic {

  background-color: #e49130;

  box-shadow: 0 4px #c7771a;

}

body[data-theme="default"] .AgGameTile__Label--classic:after {

  background: #9a5c14;

}

body[data-theme="default"] .AgGameTile__Label--popular {

  background-color: #6a30e4;

  box-shadow: 0 4px #521ac7;

}

body[data-theme="default"] .AgGameTile__Label--popular:after {

  background: #3f149a;

}

body[data-theme="default"] .AgGameTile__Label--updated {

  background-color: #306de4;

  box-shadow: 0 4px #1a55c7;

}

body[data-theme="default"] .AgGameTile__Label--updated:after {

  background: #14419a;

}

body[data-theme="default"] .AgGameTile__Label--trending {

  background-color: #e43d30;

  box-shadow: 0 4px #c7261a;

}

body[data-theme="default"] .AgGameTile__Label--trending:after {

  background: #9a1e14;

}

@media (min-width: 769px) {

  body[data-theme="default"]

    .AgFreeGameTile:hover

    .AgFreeGameTile__Content:after {

    transition: box-shadow 0s ease;

    box-shadow: inset 0 0 0 2px #e43d30;

  }

  body[data-theme="default"] .AgFreeGameTile:hover .AgFreeGameTile__Title {

    transition: color 0s ease;

    color: #e43d30;

  }

}

body[data-theme="default"] .AgFreeGameTile__Info {

  background-color: #292929;

}

body[data-theme="default"] .AgFreeGameTile__Title {

  transition: color 1s ease;

}

body[data-theme="default"] .AgFreeGameTile__Content {

  position: relative;

}

@media (min-width: 769px) {

  body[data-theme="default"] .AgFreeGameTile__Content:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 0.325rem;

    pointer-events: none;

    z-index: 1;

    box-shadow: inset 0 0 0 0 transparent;

    transition: box-shadow 1s ease;

  }

}

body[data-theme="default"] .AgSearchTabs .Button:last-child {

  border-right: 2px solid #666;

}

body[data-theme="default"] .AgSearchTabs .Button:last-child:hover {

  border-right: 2px solid #e43d30;

}

body[data-theme="default"] .AgSearchTabs .Button--active {

  background-color: #e43d30;

}

body[data-theme="default"] .AgSearchTabs .Button--active:last-child {

  border-right: 2px solid #e43d30;

}

body[data-theme="default"] .AppFooter {

  border-top: 1px solid hsla(0, 0%, 86%, 0.2);

  margin-top: 1.5rem;

  background-color: #171717;

}

body[data-theme="default"] .AppFooter .RouterLink {

  color: #fff;

}

body[data-theme="default"] .AppFooter p {

  opacity: 0.65;

}

body[data-theme="default"] .AppFooter__Socials .Icon {

  color: #e43d30;

}

body[data-theme="default"] .AppHeader {

  background: #171717;

  border-bottom: 1px solid #3c3c3c;

}

body[data-theme="default"] .DesktopHeader .UserAvatar {

  cursor: pointer;

}

@media (min-width: 769px) {

  body[data-theme="default"] .DesktopHeader .UserAvatar {

    transition: border-color 0.2s ease;

  }

  body[data-theme="default"] .DesktopHeader .UserAvatar:hover {

    transition-duration: 0s;

    border-color: #ed7c74;

  }

}

body[data-theme="default"] .DesktopHeader__DropdownOverlay {

  -webkit-backdrop-filter: blur(2px);

  backdrop-filter: blur(2px);

  background: rgba(0, 0, 0, 0.9);

}

body[data-theme="default"] .DesktopHeader__GamepassUpgradeButton {

  border-color: #e43d30;

}

body[data-theme="default"] .DesktopHeader__Dropdown {

  border: 1px solid #3c3c3c;

  border-top: none;

  background: #171717;

}

body[data-theme="default"] .DesktopHeader__DropdownInner:last-child {

  background-color: #222;

  color: #7f7f7f;

}

body[data-theme="default"] .MobileHeader .--userPanel {

  pointer-events: none;

  transform-origin: 100% 100%;

  opacity: 0;

  transform: scale(0.85);

  transition-property: opacity, transform;

  transition-duration: 0.2s;

  transition-timing-function: ease;

  background-color: #171717;

  border-radius: 0.325rem;

}

body[data-theme="default"] .MobileHeader--userPanelOpen .--userPanel {

  pointer-events: all !important;

  opacity: 1 !important;

  transform: scale(1) !important;

}

body[data-theme="default"] .MobileHeader .AgSearch {

  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);

  border-radius: 100px;

}

body[data-theme="default"] .MobileHeader .AgSearch .Input {

  background-color: #171717;

}

body[data-theme="default"] .MobileHeader__Menu > .Button,

body[data-theme="default"] .MobileHeader__Menu__ExtraButtonItem > .Button {

  box-shadow: 0 3px 7px rgba(109, 21, 14, 0.65);

}

body[data-theme="default"] .MobileHeader__Menu__Bg {

  background: rgba(0, 0, 0, 0.9);

}

body[data-theme="default"] .MobileHeader__MoreGamesPanel {

  background-color: #171717;

  box-shadow: 0 4px 13px hsla(0, 0%, 9%, 0.65);

}

body[data-theme="default"] .MobileHeader__Menu__ExtraButtonItem {

  opacity: 0;

}

body[data-theme="default"]

  .MobileHeader__Menu__ExtraButtonItem

  .MobileHeader__Menu__Panel {

  pointer-events: none;

  transform-origin: 100% 100%;

  opacity: 0;

  transform: scale(0.85);

  transition-property: opacity, transform;

  transition-duration: 0.2s;

  transition-timing-function: ease;

  background-color: #171717;

}

@-webkit-keyframes dropTargetPulseDefault {

  0% {

    box-shadow: 0 0 0 0 transparent;

  }

  50% {

    box-shadow: 0 0 0 30px rgba(228, 61, 48, 0.5);

  }

  to {

    box-shadow: 0 0 0 60px transparent;

  }

}

@-webkit-keyframes dropTargetPulseClassic {

  0% {

    box-shadow: 0 0 0 0 transparent;

  }

  50% {

    box-shadow: 0 0 0 30px rgba(46, 75, 130, 0.5);

  }

  to {

    box-shadow: 0 0 0 60px transparent;

  }

}

body[data-theme="default"] .MobileHeader__DropTargets > div {

  background-color: rgba(228, 61, 48, 0.85);

  -webkit-animation: dropTargetPulseClassic 1s infinite;

  animation: dropTargetPulseClassic 1s infinite;

  -webkit-animation: dropTargetPulseDefault 1s infinite;

  animation: dropTargetPulseDefault 1s infinite;

}

body[data-theme="default"] .GamePass__Banner {

  border-top-color: #e43d30;

  border-bottom-color: #e43d30;

  background-color: #171717;

}

body[data-theme="default"] .AvatarPicker__Avatars img {

  color: #e43d30;

}

body[data-theme="default"] .BlockContainer--altBackground {

  background-color: #292929;

}

body[data-theme="default"] .BlockPod--box {

  color: #fff;

  background-color: #292929;

  box-shadow: none;

}

body[data-theme="default"] .BlockPod--transparentBg {

  background-color: hsla(0, 0%, 9%, 0.8);

  -webkit-backdrop-filter: blur(2px);

  backdrop-filter: blur(2px);

  box-shadow: none;

}

body[data-theme="default"] .BlogPost {

  cursor: pointer;

}

@media (min-width: 769px) {

  body[data-theme="default"] .BlogPost:hover .BlogPost__Image:after {

    transition-duration: 0s;

    box-shadow: inset 0 0 0 2px #e43d30;

  }

}

body[data-theme="default"] .BlogPost p:empty:after {

  background-color: #3c3c3c;

}

body[data-theme="default"] .BlogPost__Image:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: box-shadow 0.2s ease;

  box-shadow: inset 0 0 0 0 #e43d30;

  border-radius: 0.75rem;

}

body[data-theme="default"] .CategoryTag {

  color: #fff;

  border: 1px solid transparent;

  background-color: #3c3c3c;

  transition: border-color 0.2s ease;

}

@media (min-width: 769px) {

  body[data-theme="default"] .CategoryTag:hover {

    transition: border-color 0s ease;

    border-color: #e43d30;

  }

}

body[data-theme="default"] .CategoryTag--active {

  border-color: #e43d30;

}

body[data-theme="default"] .CheckoutDetails ul li a {

  color: #e43d30;

}

body[data-theme="default"] .CheckoutDetails footer {

  border-top-color: hsla(0, 0%, 86%, 0.35);

}

body[data-theme="default"] .DeveloperPod {

  background-color: #292929;

}

body[data-theme="default"] .EditorialBlock__Image {

  background: #171717;

  border: 2px solid #e43d30;

}

body[data-theme="default"] .EditorialBlock__Content {

  background: #3c3c3c;

}

body[data-theme="default"] .EditorialBlock__Description:after {

  background: linear-gradient(

    rgba(60, 60, 60, 0),

    rgba(60, 60, 60, 0.65),

    #3c3c3c

  );

}

body[data-theme="default"] .EditorialBlock__Socials:after {

  background: #3c3c3c;

}

body[data-theme="default"] .FeaturedGameCarouselThumbnail {

  background-color: #3c3c3c;

}

@media (min-width: 575px) {

  body[data-theme="default"] .FeaturedGameCarouselSlide__Image img {

    box-shadow: 0 10px 30px #171717;

    background-color: #171717;

  }

}

body[data-theme="default"] .FluidCarousel__Wrapper:before {

  background: linear-gradient(

    270deg,

    hsla(0, 0%, 9%, 0),

    hsla(0, 0%, 9%, 0.7),

    #171717

  );

}

body[data-theme="default"] .FluidCarousel__Wrapper:after {

  background: linear-gradient(

    90deg,

    hsla(0, 0%, 9%, 0),

    hsla(0, 0%, 9%, 0.7),

    #171717

  );

}

body[data-theme="default"] .GPDescription__GameMeta .Flex div {

  color: #fff;

  background-color: #3c3c3c;

}

body[data-theme="default"] .GPRatingUi__Icon__ThumbsDown--picked,

body[data-theme="default"] .GPRatingUi__Icon__ThumbsUp--picked {

  border-color: #e43d30;

}

body[data-theme="default"] .GamePassOverlay__SvgHighlight {

  fill: #e43d30;

}

body[data-theme="default"] .GamePassOverlay__SvgFill {

  fill: #3c3c3c;

}

body[data-theme="default"] .GameReview {

  color: #fff;

  background-color: #3c3c3c;

}

body[data-theme="default"] .GameReview .RouterLink {

  color: #fff;

}

body[data-theme="default"]

  .GameReview--negative

  .GameReview__Author

  .Icon

  > svg {

  filter: drop-shadow(2px 1px 0 #e43d30);

}

body[data-theme="default"]

  .GameReview--positive

  .GameReview__Author

  .Icon

  > svg {

  filter: drop-shadow(2px 1px 0 #30e43d);

}

body[data-theme="default"] .GameReview__Subject {

  color: #b3b3b3;

  color: #fff;

  opacity: 0.65;

}

body[data-theme="default"] .GameTileBlock__Overlay {

  background-image: linear-gradient(

    270deg,

    rgba(41, 41, 41, 0),

    rgba(41, 41, 41, 0.85),

    rgba(41, 41, 41, 0.85),

    rgba(41, 41, 41, 0)

  );

  border-color: #e43d30;

  -webkit-backdrop-filter: blur(2px);

  backdrop-filter: blur(2px);

}

body[data-theme="default"] .InsetContainer {

  background-color: #292929;

}

body[data-theme="default"] .InsetContainer--transparentBg {

  background-color: transparent;

}

body[data-theme="default"] .PlaylistTile {

  position: relative;

}

@media (min-width: 769px) {

  body[data-theme="default"] .PlaylistTile:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 0.325rem;

    pointer-events: none;

    z-index: 1;

    box-shadow: inset 0 0 0 0 transparent;

    transition: box-shadow 1s ease;

  }

  body[data-theme="default"] .PlaylistTile:hover:after {

    transition: box-shadow 0s ease;

    box-shadow: inset 0 0 0 2px #e43d30;

  }

  body[data-theme="default"] .PlaylistTile:hover .PlaylistTile__Title {

    transition: color 0s ease;

    color: #e43d30;

  }

}

body[data-theme="default"] .PlaylistTile__Title {

  transition: color 1s ease;

  background-color: #292929;

}

body[data-theme="default"] .ProductFeature__Graphic > .Flex,

body[data-theme="default"] .ProductPlanBox {

  background-color: #292929;

}

body[data-theme="default"] .ProductPlanBox--featured {

  box-shadow: 0 0 0 2px #e43d30, 0 5px 40px 2px rgba(228, 61, 48, 0.65);

}

body[data-theme="default"] .ProductPlanBox__Header {

  background-color: #3c3c3c;

  color: #fff;

}

body[data-theme="default"] .ProductPlanBox__Sticker {

  background-color: #e43d30;

  color: #fff;

}

body[data-theme="default"] .SearchMenu {

  padding: 1rem;

  border-radius: 0.325rem;

}

@media (min-width: 960px) {

  body[data-theme="default"] .SearchMenu {

    background-color: #292929;

  }

}

body[data-theme="default"] .StickyFooter {

  background: #3c3c3c;

  color: #fff;

  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.35);

}

body[data-theme="default"] .TaxonomyTile:after {

  box-shadow: inset 0 0 0 1px #3c3c3c;

}

body[data-theme="default"] .RecentGamesBlock .GameTile {

  background-color: #3c3c3c;

}

body[data-theme="default"] .UserAvatar {

  color: #e43d30;

}

body[data-theme="default"] .AboutPageLayout .Content a {

  color: #e43d30;

  font-weight: 700;

}

body[data-theme="default"] .GamePage__Game__Toolbar {

  background-color: #292929;

}

body[data-theme="default"] .GamePage__ThumbnailPreview {

  transition: box-shadow 0.4s ease;

  border: 1px solid rgba(41, 41, 41, 0.6);

  box-shadow: 0 0 0 4px #e43d30, 0 6px 15px rgba(0, 0, 0, 0.4);

}

body[data-theme="default"] .GamePage__ThumbnailPreview:hover {

  transition-duration: 0s;

  box-shadow: 0 0 0 4px #ea675d, 0 6px 15px rgba(0, 0, 0, 0.4);

}

body[data-theme="default"] #gamePreroll {

  background-color: #292929;

}

body[data-theme="default"] .GamePage__Unlock small {

  opacity: 0.6;

}

body[data-theme="default"] .GamePage__Unlock strong {

  color: #e43d30;

}

body[data-theme="default"] .GPSidebarAd__Inner {

  background-color: #292929;

}

body[data-theme="default"] .GamePage__Game__Main {

  background-color: #000;

}

body[data-theme="default"] .BlogPage__Posts .BlogPost:not(:last-child) {

  border-color: #3c3c3c;

}

body[data-theme="default"] .BlogPostPage .Content a {

  color: #e43d30;

}

@media (hover: hover) {

  body[data-theme="default"] .BlogPostPage .Content a:hover {

    color: #ed7c74;

  }

}

body[data-theme="default"] .SearchPage .SearchPage__Container {

  padding: 1rem;

  border-radius: 0.325rem;

}

@media (min-width: 960px) {

  body[data-theme="default"] .SearchPage .SearchPage__Container {

    background-color: #292929;

  }

}

body[data-theme="default"]

  .SearchPage

  .SearchPage__Container

  .Game__Search__Table__Row--right {

  border-left: 2px solid #fff;

  padding-left: 0.75rem;

}

body[data-theme="default"]

  .SearchPage

  .SearchPage__Container

  .Game__Search__Table__Row

  .Game__Search__Table__Stats {

  margin-bottom: 10px;

}

body[data-theme="default"]

  .SearchPage

  .SearchPage__Container

  .Game__Search__Table__Row

  .Game__Search__Table__Stats__Rating {

  background-color: #e43d30;

  width: 45px;

  height: 45px;

  font-weight: 700;

  border-radius: 0.75rem;

  margin-right: 0.75rem;

}

body[data-theme="default"] .Listed__Category__Inner {

  background: #292929;

  box-shadow: 0 0 0 2px transparent, 0 4px 11px rgba(0, 0, 0, 0.4);

  transition: box-shadow 0.4s ease;

}

@media (min-width: 769px) {

  body[data-theme="default"] .Listed__Category__Inner:hover {

    transition-duration: 0s;

    box-shadow: 0 0 0 2px #e43d30, 0 4px 11px rgba(0, 0, 0, 0.4);

  }

}

body[data-theme="default"] .Listed__Game__Inner {

  background: #292929;

  transition-duration: 0.4s;

  transition-timing-function: ease;

  transition-property: box-shadow;

}

@media (min-width: 769px) {

  body[data-theme="default"] .Listed__Game__Inner:hover {

    transition-duration: 0s;

    box-shadow: 0 0 0 1px #e43d30;

  }

}

body[data-theme="default"] .ProfilePod__Avatar {

  border-color: #fff;

}

body[data-theme="default"] .ProfilePod__Stat--Label {

  color: #fff;

  font-weight: 700;

}

body[data-theme="default"] .ProfilePod__Stat--Value {

  color: #ccc;

}

body[data-theme="default"] .FreeGamesPage .FreeGamesPage__Container {

  padding: 1rem;

  border-radius: 0.325rem;

}

@media (min-width: 960px) {

  body[data-theme="default"] .FreeGamesPage .FreeGamesPage__Container {

    background-color: #292929;

  }

}

body[data-theme="default"]

  .FreeGamesPage

  .FreeGamesPage__Container

  .FreeGames__Table__Row--right {

  border-left: 2px solid #fff;

  padding-left: 0.75rem;

}

body[data-theme="default"]

  .FreeGamesPage

  .FreeGamesPage__Container

  .FreeGames__Table__Row

  .FreeGames__Table__Stats {

  margin-bottom: 10px;

}

body[data-theme="default"]

  .FreeGamesPage

  .FreeGamesPage__Container

  .FreeGames__Table__Row

  .FreeGames__Table__Stats__Rating {

  background-color: #e43d30;

  width: 45px;

  height: 45px;

  font-weight: 700;

  border-radius: 0.75rem;

  margin-right: 0.75rem;

}

body[data-theme="default"] .PandemicGameGuidePage .Content a {

  color: #e43d30;

}

@media (hover: hover) {

  body[data-theme="default"] .PandemicGameGuidePage .Content a:hover {

    color: #ed7c74;

  }

}

body[data-theme="classic"] {

  color: #050505;

  background-color: #d5d9de;

}

body[data-theme="classic"] ::-moz-selection {

  color: #fff;

  background: rgba(46, 75, 130, 0.35);

}

body[data-theme="classic"] ::selection {

  color: #fff;

  background: rgba(46, 75, 130, 0.35);

}

body[data-theme="classic"] .RouterLink {

  text-decoration: underline;

}

body[data-theme="classic"] .MenuList {

  background: #869bbf;

  border: 1px solid #2e4b82;

  border-radius: 0.325rem;

}

body[data-theme="classic"] .Autocomplete .Input,

body[data-theme="classic"] .Input {

  color: #050505 !important;

  background-color: #fff !important;

  border-color: #fff !important;

}

body[data-theme="classic"] .Autocomplete .Input::-moz-placeholder,

body[data-theme="classic"] .Input::-moz-placeholder {

  color: #869bbf !important;

}

body[data-theme="classic"] .Autocomplete .Input:-ms-input-placeholder,

body[data-theme="classic"] .Input:-ms-input-placeholder {

  color: #869bbf !important;

}

body[data-theme="classic"] .Autocomplete .Input::placeholder,

body[data-theme="classic"] .Input::placeholder {

  color: #869bbf !important;

}

body[data-theme="classic"] .Autocomplete .Input:focus ~ .Icon,

body[data-theme="classic"] .Input:focus ~ .Icon {

  color: #2e4b82 !important;

}

body[data-theme="classic"] .Delete {

  background-color: #2e4b82 !important;

}

body[data-theme="classic"] .Delete:hover {

  background-color: rgba(46, 75, 130, 0.85) !important;

}

body[data-theme="classic"] .Delete:active {

  background-color: #2e4b82 !important;

}

body[data-theme="classic"] .Delete:after,

body[data-theme="classic"] .Delete:before {

  background-color: #fff;

}

body[data-theme="classic"] .BlockHeader,

body[data-theme="classic"] .GamePage .Box h4,

body[data-theme="classic"] .GamePage .GamePlayer h1,

body[data-theme="classic"] .GamePage__Game__RatingTitle h1,

body[data-theme="classic"] .Title {

  color: #2e4b82;

  font-family: Comic Sans, Comic Sans Ms, Chalkboard, ChalkboardSE-Regular,

    sans-serif;

  letter-spacing: -1px;

  font-weight: 700;

}

body[data-theme="classic"] .Checkbox input + span,

body[data-theme="classic"] .Radio input + span {

  background-color: #869bbf !important;

}

body[data-theme="classic"] .Checkbox input[checked] + span,

body[data-theme="classic"] .Radio input[checked] + span {

  background-color: #2e4b82 !important;

}

@-webkit-keyframes pageLoaderGlowClassic {

  0% {

    background-color: #21355c;

  }

  45% {

    background-color: #3b61a8;

  }

  55% {

    background-color: #3b61a8;

  }

  to {

    background-color: #21355c;

  }

}

@keyframes pageLoaderGlowClassic {

  0% {

    background-color: #21355c;

  }

  45% {

    background-color: #3b61a8;

  }

  55% {

    background-color: #3b61a8;

  }

  to {

    background-color: #21355c;

  }

}

body[data-theme="classic"] .PageLoader {

  -webkit-animation-name: pageLoaderGlowClassic;

  animation-name: pageLoaderGlowClassic;

}

body[data-theme="classic"] .AppFooter__Logo img,

body[data-theme="classic"] .MobileHeader__Logo img {

  width: 175px;

  height: 32px;

}

body[data-theme="classic"]

  .Button:not(.Button--primary)

  > span

  > .Icon:first-of-type,

body[data-theme="classic"] .DesktopHeader__DropdownInner:last-child {

  color: #fff !important;

}

body[data-theme="classic"] .TaxonomyTile {

  color: #fff;

}

body[data-theme="classic"] .AppFooter .RouterLink {

  color: #2e4b82 !important;

}

body[data-theme="classic"] .FluidCarousel__Wrapper:before {

  background: linear-gradient(

    270deg,

    rgba(213, 217, 222, 0),

    rgba(213, 217, 222, 0.7),

    #d5d9de

  ) !important;

}

body[data-theme="classic"] .FluidCarousel__Wrapper:after {

  background: linear-gradient(

    90deg,

    rgba(213, 217, 222, 0),

    rgba(213, 217, 222, 0.7),

    #d5d9de

  ) !important;

}

body[data-theme="classic"] .Autocomplete__Menu {

  background-color: #d5d9de;

  border: 1px solid #fff;

  box-shadow: none;

}

body[data-theme="classic"] .AutocompleteItem {

  color: #fff;

}

body[data-theme="classic"] a.AutocompleteItem:hover {

  background-color: #869bbf;

  color: #fff;

}

body[data-theme="classic"] a.AutocompleteItem--active {

  background-color: #869bbf !important;

  color: #fff !important;

}

body[data-theme="classic"] .AutocompleteDivider {

  background-color: #383838;

}

body[data-theme="classic"] .Box {

  color: #050505;

  background-color: #869bbf;

  box-shadow: none;

}

body[data-theme="classic"] a.Box:focus,

body[data-theme="classic"] a.Box:hover {

  box-shadow: 0 0.5em 1em -0.125em hsla(0, 0%, 100%, 0.1), 0 0 0 1px #2e4b82;

}

body[data-theme="classic"] a.Box:active {

  box-shadow: inset 0 1px 2px hsla(0, 0%, 100%, 0.2), 0 0 0 1px #2e4b82;

}

body[data-theme="classic"] .Breadcrumb .Breadcrumb__Parent {

  color: #2e4b82;

}

body[data-theme="classic"] .Breadcrumb .Breadcrumb__Child {

  color: #050505;

}

body[data-theme="classic"] .Button {

  background-color: #869bbf;

  border-color: #fff;

  color: #fff;

}

body[data-theme="classic"] .Button strong {

  color: inherit;

}

body[data-theme="classic"] .Button--focused,

body[data-theme="classic"] .Button--hovered,

body[data-theme="classic"] .Button:focus,

body[data-theme="classic"] .Button:hover {

  border-color: #2e4b82;

  color: #fff;

}

body[data-theme="classic"] .Button--focused:not(:active),

body[data-theme="classic"] .Button:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(46, 75, 130, 0.25);

}

body[data-theme="classic"] .Button--active,

body[data-theme="classic"] .Button:active {

  border-color: #27406f;

  color: #fff;

}

body[data-theme="classic"] .Button--disabled,

body[data-theme="classic"] .Button--loading,

body[data-theme="classic"] .Button[disabled],

fieldset[disabled] body[data-theme="classic"] .Button {

  background-color: #d5d9de;

  border-color: #dbdbdb;

  box-shadow: none;

  opacity: 0.5;

}

body[data-theme="classic"] .Button--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #dbdbdb #dbdbdb;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .Button--static {

  background-color: #869bbf;

  border-color: #dbdbdb;

  color: #383838;

  box-shadow: none;

  pointer-events: none;

}

body[data-theme="classic"] .Button--primary {

  background-color: #2e4b82;

  border-color: transparent;

}

body[data-theme="classic"] .Button--primary--hovered,

body[data-theme="classic"] .Button--primary:hover {

  background-color: #2b4679;

  border-color: transparent;

  color: #fff;

}

body[data-theme="classic"] .Button--primary--focused,

body[data-theme="classic"] .Button--primary:focus {

  border-color: transparent;

  color: #fff;

}

body[data-theme="classic"] .Button--primary--focused:not(:active),

body[data-theme="classic"] .Button--primary:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(46, 75, 130, 0.25);

}

body[data-theme="classic"] .Button--primary--active,

body[data-theme="classic"] .Button--primary:active {

  background-color: #27406f;

  border-color: transparent;

  color: #fff;

}

body[data-theme="classic"] .Button--primary--loading,

body[data-theme="classic"] .Button--primary[disabled],

fieldset[disabled] body[data-theme="classic"] .Button--primary {

  background-color: #2e4b82;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="classic"] .Button--primary--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #fff #fff;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .Button--secondary {

  background-color: #fff;

  border-color: transparent;

  color: #869bbf;

}

body[data-theme="classic"] .Button--secondary--hovered,

body[data-theme="classic"] .Button--secondary:hover {

  background-color: #f9f9f9;

  border-color: transparent;

  color: #869bbf;

}

body[data-theme="classic"] .Button--secondary--focused,

body[data-theme="classic"] .Button--secondary:focus {

  border-color: transparent;

  color: #869bbf;

}

body[data-theme="classic"] .Button--secondary--focused:not(:active),

body[data-theme="classic"] .Button--secondary:focus:not(:active) {

  box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);

}

body[data-theme="classic"] .Button--secondary--active,

body[data-theme="classic"] .Button--secondary:active {

  background-color: #f2f2f2;

  border-color: transparent;

  color: #869bbf;

}

body[data-theme="classic"] .Button--secondary--loading,

body[data-theme="classic"] .Button--secondary[disabled],

fieldset[disabled] body[data-theme="classic"] .Button--secondary {

  background-color: #fff;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="classic"] .Button--secondary--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #869bbf #869bbf;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .Button--tertiary {

  background-color: #2e4b82;

  border-color: transparent;

  color: #fff;

}

body[data-theme="classic"] .Button--tertiary--hovered,

body[data-theme="classic"] .Button--tertiary:hover {

  background-color: #2b4679;

  border-color: transparent;

  color: #fff;

}

body[data-theme="classic"] .Button--tertiary--focused,

body[data-theme="classic"] .Button--tertiary:focus {

  border-color: transparent;

  color: #fff;

}

body[data-theme="classic"] .Button--tertiary--focused:not(:active),

body[data-theme="classic"] .Button--tertiary:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(46, 75, 130, 0.25);

}

body[data-theme="classic"] .Button--tertiary--active,

body[data-theme="classic"] .Button--tertiary:active {

  background-color: #27406f;

  border-color: transparent;

  color: #fff;

}

body[data-theme="classic"] .Button--tertiary--loading,

body[data-theme="classic"] .Button--tertiary[disabled],

fieldset[disabled] body[data-theme="classic"] .Button--tertiary {

  background-color: #2e4b82;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="classic"] .Button--tertiary--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #fff #fff;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .Button--success {

  background-color: #48c78e;

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--success--hovered,

body[data-theme="classic"] .Button--success:hover {

  background-color: #3ec487;

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--success--focused,

body[data-theme="classic"] .Button--success:focus {

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--success--focused:not(:active),

body[data-theme="classic"] .Button--success:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);

}

body[data-theme="classic"] .Button--success--active,

body[data-theme="classic"] .Button--success:active {

  background-color: #3abb81;

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--success--loading,

body[data-theme="classic"] .Button--success[disabled],

fieldset[disabled] body[data-theme="classic"] .Button--success {

  background-color: #48c78e;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="classic"] .Button--success--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent snow snow;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .Button--warning {

  background-color: #ffe08a;

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--warning--hovered,

body[data-theme="classic"] .Button--warning:hover {

  background-color: #ffdc7d;

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--warning--focused,

body[data-theme="classic"] .Button--warning:focus {

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--warning--focused:not(:active),

body[data-theme="classic"] .Button--warning:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);

}

body[data-theme="classic"] .Button--warning--active,

body[data-theme="classic"] .Button--warning:active {

  background-color: #ffd970;

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--warning--loading,

body[data-theme="classic"] .Button--warning[disabled],

fieldset[disabled] body[data-theme="classic"] .Button--warning {

  background-color: #ffe08a;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="classic"] .Button--warning--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent snow snow;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .Button--error {

  background-color: red;

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--error--hovered,

body[data-theme="classic"] .Button--error:hover {

  background-color: #f20000;

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--error--focused,

body[data-theme="classic"] .Button--error:focus {

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--error--focused:not(:active),

body[data-theme="classic"] .Button--error:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(255, 0, 0, 0.25);

}

body[data-theme="classic"] .Button--error--active,

body[data-theme="classic"] .Button--error:active {

  background-color: #e60000;

  border-color: transparent;

  color: snow;

}

body[data-theme="classic"] .Button--error--loading,

body[data-theme="classic"] .Button--error[disabled],

fieldset[disabled] body[data-theme="classic"] .Button--error {

  background-color: red;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="classic"] .Button--error--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent snow snow;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .Button--light {

  background-color: #869bbf;

  border-color: transparent;

  color: #050505;

}

body[data-theme="classic"] .Button--light--hovered,

body[data-theme="classic"] .Button--light:hover {

  background-color: #7e94bb;

  border-color: transparent;

  color: #050505;

}

body[data-theme="classic"] .Button--light--focused,

body[data-theme="classic"] .Button--light:focus {

  border-color: transparent;

  color: #050505;

}

body[data-theme="classic"] .Button--light--focused:not(:active),

body[data-theme="classic"] .Button--light:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(134, 155, 191, 0.25);

}

body[data-theme="classic"] .Button--light--active,

body[data-theme="classic"] .Button--light:active {

  background-color: #758db6;

  border-color: transparent;

  color: #050505;

}

body[data-theme="classic"] .Button--light--loading,

body[data-theme="classic"] .Button--light[disabled],

fieldset[disabled] body[data-theme="classic"] .Button--light {

  background-color: #869bbf;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="classic"] .Button--light--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #050505 #050505;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .Button--dark {

  background-color: #050505;

  border-color: transparent;

  color: #869bbf;

}

body[data-theme="classic"] .Button--dark--hovered,

body[data-theme="classic"] .Button--dark:hover {

  background-color: #000;

  border-color: transparent;

  color: #869bbf;

}

body[data-theme="classic"] .Button--dark--focused,

body[data-theme="classic"] .Button--dark:focus {

  border-color: transparent;

  color: #869bbf;

}

body[data-theme="classic"] .Button--dark--focused:not(:active),

body[data-theme="classic"] .Button--dark:focus:not(:active) {

  box-shadow: 0 0 0 0.125em rgba(5, 5, 5, 0.25);

}

body[data-theme="classic"] .Button--dark--active,

body[data-theme="classic"] .Button--dark:active {

  background-color: #000;

  border-color: transparent;

  color: #869bbf;

}

body[data-theme="classic"] .Button--dark--loading,

body[data-theme="classic"] .Button--dark[disabled],

fieldset[disabled] body[data-theme="classic"] .Button--dark {

  background-color: #050505;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="classic"] .Button--dark--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #869bbf #869bbf;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .Button--text {

  background-color: transparent;

  border-color: transparent;

  color: #050505;

  text-decoration: underline;

}

body[data-theme="classic"] .Button--text--focused,

body[data-theme="classic"] .Button--text--hovered,

body[data-theme="classic"] .Button--text:focus,

body[data-theme="classic"] .Button--text:hover {

  background-color: #869bbf;

  color: #050505;

}

body[data-theme="classic"] .Button--text--active,

body[data-theme="classic"] .Button--text:active {

  background-color: #758db6;

  color: #050505;

}

body[data-theme="classic"] .Button--text[disabled],

fieldset[disabled] body[data-theme="classic"] .Button--text {

  background-color: transparent;

  border-color: transparent;

  box-shadow: none;

}

body[data-theme="classic"] .Carousel__Button .Button {

  font-size: 1rem;

  transition-property: box-shadow, transform, opacity;

  transition-timing-function: ease;

  transition-duration: 1s;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .Carousel__Button .Button:hover {

    transition-property: box-shadow, transform, opacity;

    transition-timing-function: ease;

    transition-duration: 0.2s;

  }

}

body[data-theme="classic"] .Carousel__Button:after {

  transition: all 0.2s ease;

  opacity: 0.35;

  background: linear-gradient(90deg, rgba(46, 75, 130, 0), #2e4b82);

}

body[data-theme="classic"] .Carousel__Button--left:after {

  background: linear-gradient(270deg, rgba(46, 75, 130, 0), #2e4b82);

}

body[data-theme="classic"] .Carousel__Button--hidden {

  pointer-events: none;

}

body[data-theme="classic"] .Carousel__Button--hidden:after {

  opacity: 0 !important;

}

body[data-theme="classic"] .Carousel__Button--hidden .Button {

  transform: scale(0.5);

  opacity: 0;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .Carousel:hover .Carousel__Button:after {

    opacity: 0.65;

  }

}

body[data-theme="classic"] .Checkbox input[disabled],

body[data-theme="classic"] .Checkbox[disabled],

fieldset[disabled] body[data-theme="classic"] .Checkbox {

  color: #383838;

}

body[data-theme="classic"] .Checkbox input + span {

  background-color: #2e4b82;

  border-color: #2e4b82;

  color: #fff;

  box-shadow: none;

}

body[data-theme="classic"] .Checkbox input + span::-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Checkbox input + span::-webkit-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Checkbox input + span:-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Checkbox input + span:-ms-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Checkbox input + span--hovered,

body[data-theme="classic"] .Checkbox input + span:hover {

  border-color: #7a7a7a;

}

body[data-theme="classic"] .Checkbox input + span--active,

body[data-theme="classic"] .Checkbox input + span--focused,

body[data-theme="classic"] .Checkbox input + span:active,

body[data-theme="classic"] .Checkbox input + span:focus {

  border-color: #2e4b82;

  box-shadow: 0 0 0 0.125em rgba(46, 75, 130, 0.25);

}

body[data-theme="classic"] .Checkbox input + span[disabled],

fieldset[disabled] body[data-theme="classic"] .Checkbox input + span {

  background-color: #869bbf;

  border-color: #869bbf;

  box-shadow: none;

  color: #383838;

}

body[data-theme="classic"] .Checkbox input + span[disabled]::-moz-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Checkbox

  input

  + span::-moz-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"]

  .Checkbox

  input

  + span[disabled]::-webkit-input-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Checkbox

  input

  + span::-webkit-input-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Checkbox input + span[disabled]:-moz-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Checkbox

  input

  + span:-moz-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"]

  .Checkbox

  input

  + span[disabled]:-ms-input-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Checkbox

  input

  + span:-ms-input-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Checkbox input[checked] + span {

  background-color: #2e4b82;

  border-color: #2e4b82;

}

body[data-theme="classic"] .Checkbox input[checked] + span:active,

body[data-theme="classic"] .Checkbox input[checked] + span:focus {

  box-shadow: 0 0 0 0.125em rgba(46, 75, 130, 0.25);

}

body[data-theme="classic"] .Checkbox input[readonly] + span {

  box-shadow: none;

}

body[data-theme="classic"] .Checkbox--error input + span {

  border-color: red;

}

body[data-theme="classic"] .Checkbox--error input + span:active,

body[data-theme="classic"] .Checkbox--error input + span:focus {

  border-color: red;

  box-shadow: 0 0 0 0.125em rgba(255, 0, 0, 0.25);

}

body[data-theme="classic"] .Radio input[disabled],

body[data-theme="classic"] .Radio[disabled],

fieldset[disabled] body[data-theme="classic"] .Radio {

  color: #383838;

}

body[data-theme="classic"] .Radio input + span {

  background-color: #2e4b82;

  border-color: #2e4b82;

  color: #fff;

  box-shadow: none;

}

body[data-theme="classic"] .Radio input + span::-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Radio input + span::-webkit-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Radio input + span:-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Radio input + span:-ms-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Radio input + span--hovered,

body[data-theme="classic"] .Radio input + span:hover {

  border-color: #7a7a7a;

}

body[data-theme="classic"] .Radio input + span--active,

body[data-theme="classic"] .Radio input + span--focused,

body[data-theme="classic"] .Radio input + span:active,

body[data-theme="classic"] .Radio input + span:focus {

  border-color: #2e4b82;

  box-shadow: 0 0 0 0.125em rgba(46, 75, 130, 0.25);

}

body[data-theme="classic"] .Radio input + span[disabled],

fieldset[disabled] body[data-theme="classic"] .Radio input + span {

  background-color: #869bbf;

  border-color: #869bbf;

  box-shadow: none;

  color: #383838;

}

body[data-theme="classic"] .Radio input + span[disabled]::-moz-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Radio

  input

  + span::-moz-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"]

  .Radio

  input

  + span[disabled]::-webkit-input-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Radio

  input

  + span::-webkit-input-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Radio input + span[disabled]:-moz-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Radio

  input

  + span:-moz-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Radio input + span[disabled]:-ms-input-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Radio

  input

  + span:-ms-input-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Radio input[checked] + span {

  background-color: #2e4b82;

  border-color: #2e4b82;

}

body[data-theme="classic"] .Radio input[checked] + span:active,

body[data-theme="classic"] .Radio input[checked] + span:focus {

  box-shadow: 0 0 0 0.125em rgba(46, 75, 130, 0.25);

}

body[data-theme="classic"] .Radio input[readonly] + span {

  box-shadow: none;

}

body[data-theme="classic"] .Radio--error input + span {

  border-color: red;

}

body[data-theme="classic"] .Radio--error input + span:active,

body[data-theme="classic"] .Radio--error input + span:focus {

  border-color: red;

  box-shadow: 0 0 0 0.125em rgba(255, 0, 0, 0.25);

}

body[data-theme="classic"] .Control--iconsLeft .Input:focus ~ .Icon,

body[data-theme="classic"] .Control--iconsLeft .Select:focus ~ .Icon,

body[data-theme="classic"] .Control--iconsRight .Input:focus ~ .Icon,

body[data-theme="classic"] .Control--iconsRight .Select:focus ~ .Icon {

  color: #fff;

}

body[data-theme="classic"] .Control--iconsLeft .Icon,

body[data-theme="classic"] .Control--iconsRight .Icon {

  color: #869bbf;

}

body[data-theme="classic"] .Control--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #dbdbdb #dbdbdb;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .Delete {

  background-color: hsla(0, 0%, 100%, 0.4);

}

body[data-theme="classic"] .Delete:hover {

  background-color: hsla(0, 0%, 100%, 0.85);

}

body[data-theme="classic"] .Delete:active {

  background-color: #fff;

}

body[data-theme="classic"] .Delete:after,

body[data-theme="classic"] .Delete:before {

  background-color: #d5d9de;

}

body[data-theme="classic"] .Dropdown__Content {

  background-color: #2e4b82;

  box-shadow: none;

}

body[data-theme="classic"] .DropdownItem {

  color: #fff;

}

body[data-theme="classic"] a.DropdownItem:hover {

  background-color: #869bbf;

  color: #fff;

}

body[data-theme="classic"] a.DropdownItem--active {

  background-color: #869bbf !important;

  color: #fff !important;

}

body[data-theme="classic"] .DropdownDivider {

  background-color: #383838;

}

body[data-theme="classic"] .GamePlayer {

  background-color: #869bbf;

}

body[data-theme="classic"] .GamePlayer__PreviewOverlay:after {

  background-color: rgba(134, 155, 191, 0.85);

  mix-blend-mode: none;

}

body[data-theme="classic"] .GamePlayer__PreviewOverlay + .GamePlayer__Overlay {

  -webkit-backdrop-filter: blur(8px) saturate(200%);

  backdrop-filter: blur(8px) saturate(200%);

}

body[data-theme="classic"] .GamePlayer__Incompatible {

  background-color: #869bbf;

  color: snow;

}

body[data-theme="classic"] .GamePlayer__Loader {

  font-size: 500%;

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #dbdbdb #dbdbdb;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .GameTile {

  background-color: #869bbf;

}

body[data-theme="classic"] .GameTileDescription,

body[data-theme="classic"] .GameTileStatus {

  color: snow;

}

body[data-theme="classic"] .FieldLabel {

  color: #050505;

}

body[data-theme="classic"] .FieldHelp--success {

  color: #48c78e;

}

body[data-theme="classic"] .FieldHelp--warning {

  color: #ffe08a;

}

body[data-theme="classic"] .FieldHelp--error {

  color: red;

}

body[data-theme="classic"] .Input {

  background-color: #2e4b82;

  border-color: #2e4b82;

  color: #fff;

  box-shadow: none;

}

body[data-theme="classic"] .Input::-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Input::-webkit-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Input:-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Input:-ms-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Input--hovered,

body[data-theme="classic"] .Input:hover {

  border-color: #7a7a7a;

}

body[data-theme="classic"] .Input--active,

body[data-theme="classic"] .Input--focused,

body[data-theme="classic"] .Input:active,

body[data-theme="classic"] .Input:focus {

  border-color: #2e4b82;

  box-shadow: 0 0 0 0.125em rgba(46, 75, 130, 0.25);

}

body[data-theme="classic"] .Input[disabled],

fieldset[disabled] body[data-theme="classic"] .Input {

  background-color: #869bbf;

  border-color: #869bbf;

  box-shadow: none;

  color: #383838;

}

body[data-theme="classic"] .Input[disabled]::-moz-placeholder,

fieldset[disabled] body[data-theme="classic"] .Input::-moz-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Input[disabled]::-webkit-input-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Input::-webkit-input-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Input[disabled]:-moz-placeholder,

fieldset[disabled] body[data-theme="classic"] .Input:-moz-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Input[disabled]:-ms-input-placeholder,

fieldset[disabled] body[data-theme="classic"] .Input:-ms-input-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Input[readonly] {

  box-shadow: none;

}

body[data-theme="classic"] .Input--error {

  border-color: red;

}

body[data-theme="classic"] .Input--error--active,

body[data-theme="classic"] .Input--error--focused,

body[data-theme="classic"] .Input--error:active,

body[data-theme="classic"] .Input--error:focus {

  border-color: red;

  box-shadow: 0 0 0 0.125em rgba(255, 0, 0, 0.25);

}

body[data-theme="classic"] .Input--static {

  background-color: transparent;

  border-color: transparent;

  box-shadow: none;

  padding-left: 0;

  padding-right: 0;

}

body[data-theme="classic"] .Textarea {

  background-color: #2e4b82;

  border-color: #2e4b82;

  color: #fff;

  box-shadow: none;

}

body[data-theme="classic"] .Textarea::-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Textarea::-webkit-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Textarea:-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Textarea:-ms-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Textarea--hovered,

body[data-theme="classic"] .Textarea:hover {

  border-color: #7a7a7a;

}

body[data-theme="classic"] .Textarea--active,

body[data-theme="classic"] .Textarea--focused,

body[data-theme="classic"] .Textarea:active,

body[data-theme="classic"] .Textarea:focus {

  border-color: #2e4b82;

  box-shadow: 0 0 0 0.125em rgba(46, 75, 130, 0.25);

}

body[data-theme="classic"] .Textarea[disabled],

fieldset[disabled] body[data-theme="classic"] .Textarea {

  background-color: #869bbf;

  border-color: #869bbf;

  box-shadow: none;

  color: #383838;

}

body[data-theme="classic"] .Textarea[disabled]::-moz-placeholder,

fieldset[disabled] body[data-theme="classic"] .Textarea::-moz-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Textarea[disabled]::-webkit-input-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Textarea::-webkit-input-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Textarea[disabled]:-moz-placeholder,

fieldset[disabled] body[data-theme="classic"] .Textarea:-moz-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Textarea[disabled]:-ms-input-placeholder,

fieldset[disabled] body[data-theme="classic"] .Textarea:-ms-input-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Textarea[readonly] {

  box-shadow: none;

}

body[data-theme="classic"] .Textarea--error {

  border-color: red;

}

body[data-theme="classic"] .Textarea--error--active,

body[data-theme="classic"] .Textarea--error--focused,

body[data-theme="classic"] .Textarea--error:active,

body[data-theme="classic"] .Textarea--error:focus {

  border-color: red;

  box-shadow: 0 0 0 0.125em rgba(255, 0, 0, 0.25);

}

body[data-theme="classic"] .Link {

  color: #2e4b82;

  cursor: pointer;

  text-decoration: none;

}

body[data-theme="classic"] .Link strong {

  color: currentColor;

}

body[data-theme="classic"] .Link:hover {

  color: #2e4b82;

}

body[data-theme="classic"] .Loader:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #dbdbdb #dbdbdb;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

body[data-theme="classic"] .Loader--large:after {

  font-size: 500%;

}

body[data-theme="classic"] .LoaderFill {

  background: 0 0;

  -webkit-backdrop-filter: none;

  backdrop-filter: none;

}

body[data-theme="classic"] .MenuList a {

  color: #050505;

}

body[data-theme="classic"] .MenuList a:hover {

  background-color: #869bbf;

  color: #050505;

}

body[data-theme="classic"] .MenuList a.--active,

body[data-theme="classic"] .MenuList a.RouterLink--active {

  color: #fff;

  background-color: #2e4b82;

}

body[data-theme="classic"] .MenuList li ul {

  border-left: 1px solid #dbdbdb;

}

body[data-theme="classic"] .MenuLabel {

  color: #383838;

}

body[data-theme="classic"] .ModalCard__Foot,

body[data-theme="classic"] .ModalCard__Head {

  background-color: #869bbf;

}

body[data-theme="classic"] .ModalCard__Head {

  border-bottom-color: #869bbf;

}

body[data-theme="classic"] .ModalCard__Title {

  color: #050505;

}

body[data-theme="classic"] .ModalCard__Foot {

  border-top-color: #869bbf;

}

body[data-theme="classic"] .ModalCard__Body {

  background-color: #869bbf;

}

body[data-theme="classic"] .Modals__Bg {

  background-color: rgba(46, 75, 130, 0.8);

  -webkit-backdrop-filter: blur(2px);

  backdrop-filter: blur(2px);

}

body[data-theme="classic"] .Notification--success {

  background-color: #48c78e;

  color: snow;

}

body[data-theme="classic"] .Notification--warning {

  background-color: #ffe08a;

  color: snow;

}

body[data-theme="classic"] .Notification--error {

  background-color: red;

  color: snow;

}

body[data-theme="classic"] .PageLoader {

  background: #2e4b82;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

}

body[data-theme="classic"] .Select:not(.Select--loading):after {

  border-radius: 2px;

  border-right: 0;

  border-top: 0;

  content: " ";

  display: block;

  height: 0.625em;

  margin-top: -0.625em;

  pointer-events: none;

  position: absolute;

  top: 50%;

  transform: rotate(-45deg);

  transform-origin: center;

  width: 0.625em;

  border-left: 3px solid #b5b5b5;

  border-bottom: 3px solid #b5b5b5;

  border-right-color: #b5b5b5;

  border-top-color: #b5b5b5;

}

body[data-theme="classic"] .Select select {

  background-color: #2e4b82;

  border-color: #2e4b82;

  color: #fff;

}

body[data-theme="classic"] .Select select::-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Select select::-webkit-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Select select:-moz-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Select select:-ms-input-placeholder {

  color: hsla(0, 0%, 100%, 0.3);

}

body[data-theme="classic"] .Select select--hovered,

body[data-theme="classic"] .Select select:hover {

  border-color: #7a7a7a;

}

body[data-theme="classic"] .Select select--active,

body[data-theme="classic"] .Select select--focused,

body[data-theme="classic"] .Select select:active,

body[data-theme="classic"] .Select select:focus {

  border-color: #2e4b82;

  box-shadow: 0 0 0 0.125em rgba(46, 75, 130, 0.25);

}

body[data-theme="classic"] .Select select[disabled],

fieldset[disabled] body[data-theme="classic"] .Select select {

  background-color: #869bbf;

  border-color: #869bbf;

  box-shadow: none;

  color: #383838;

}

body[data-theme="classic"] .Select select[disabled]::-moz-placeholder,

fieldset[disabled] body[data-theme="classic"] .Select select::-moz-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Select select[disabled]::-webkit-input-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Select

  select::-webkit-input-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Select select[disabled]:-moz-placeholder,

fieldset[disabled] body[data-theme="classic"] .Select select:-moz-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Select select[disabled]:-ms-input-placeholder,

fieldset[disabled]

  body[data-theme="classic"]

  .Select

  select:-ms-input-placeholder {

  color: rgba(56, 56, 56, 0.3);

}

body[data-theme="classic"] .Select select[disabled]:hover,

fieldset[disabled] body[data-theme="classic"] .Select select:hover {

  border-color: #869bbf;

}

body[data-theme="classic"] .Select:not(.Select--loading):hover:after {

  border-color: #7a7a7a;

}

body[data-theme="classic"] .Select--success select,

body[data-theme="classic"] .Select--success:not(:hover):after {

  border-color: #48c78e;

}

body[data-theme="classic"] .Select--success select--active,

body[data-theme="classic"] .Select--success select--focused,

body[data-theme="classic"] .Select--success select:active,

body[data-theme="classic"] .Select--success select:focus {

  border-color: #48c78e;

  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);

}

body[data-theme="classic"] .Select--warning select,

body[data-theme="classic"] .Select--warning:not(:hover):after {

  border-color: #ffe08a;

}

body[data-theme="classic"] .Select--warning select--active,

body[data-theme="classic"] .Select--warning select--focused,

body[data-theme="classic"] .Select--warning select:active,

body[data-theme="classic"] .Select--warning select:focus {

  border-color: #ffe08a;

  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);

}

body[data-theme="classic"] .Select--error select,

body[data-theme="classic"] .Select--error:not(:hover):after {

  border-color: red;

}

body[data-theme="classic"] .Select--error select--active,

body[data-theme="classic"] .Select--error select--focused,

body[data-theme="classic"] .Select--error select:active,

body[data-theme="classic"] .Select--error select:focus {

  border-color: red;

  box-shadow: 0 0 0 0.125em rgba(255, 0, 0, 0.25);

}

body[data-theme="classic"] .Select--disabled:after {

  border-color: #383838;

}

body[data-theme="classic"] .Select--loading:after {

  -webkit-animation: spinAround 0.5s linear infinite;

  animation: spinAround 0.5s linear infinite;

  border-radius: 9999px;

  border-color: transparent transparent #dbdbdb #dbdbdb;

  border-style: solid;

  border-width: 0.125em;

  content: "";

  display: block;

  height: 1em;

  position: relative;

  width: 1em;

}

@keyframes spinAround {

  0% {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(359deg);

  }

}

body[data-theme="classic"] .Title {

  color: #2e4b82;

}

body[data-theme="classic"] .Subtitle {

  color: #050505;

}

body[data-theme="classic"] hr {

  background-color: #2e4b82;

}

body[data-theme="classic"] .Button {

  transition: border-color 0.3s ease;

  border-width: 1px;

  overflow: hidden;

}

body[data-theme="classic"] .Button--disabled,

body[data-theme="classic"] .Button[disabled] {

  pointer-events: none;

}

body[data-theme="classic"] .Button:before {

  content: "";

  display: block;

  position: absolute;

  pointer-events: none;

  background: #2e4b82;

  top: -2px;

  left: -2px;

  right: -2px;

  bottom: -2px;

  z-index: 0;

  transform: scaleY(0);

  opacity: 0;

  transition-property: transform, opacity;

  transition-duration: 0.3s;

  transition-timing-function: ease;

  transform-origin: 50% 100%;

}

body[data-theme="classic"] .Button > span {

  position: relative;

}

body[data-theme="classic"]

  .Button:not(.Button--primary)

  > span

  > .Icon:first-of-type {

  color: #2e4b82;

  transition-property: color;

  transition-duration: 0.3s;

  transition-timing-function: ease;

}

body[data-theme="classic"] .Button img {

  transition: filter 0.3s ease;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .Button:hover {

    transition-duration: 0s;

    border-color: #2e4b82;

  }

  body[data-theme="classic"] .Button:hover > span > .Icon:first-of-type {

    transition-duration: 0s;

    color: #fff;

  }

  body[data-theme="classic"] .Button:hover img {

    transition-duration: 0s;

    filter: brightness(10);

  }

  body[data-theme="classic"] .Button:hover:before {

    transition-duration: 0s;

    transform: scaleY(1);

    opacity: 1;

  }

}

body[data-theme="classic"] .Button--primary {

  color: #fff;

}

body[data-theme="classic"] .Button--primary:before {

  background: #426cbb;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .Button--primary:hover {

    border-color: #426cbb;

  }

}

body[data-theme="classic"] .Button--tertiary {

  border-color: #fff;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .Button--tertiary:hover {

    border-color: #2e4b82;

  }

}

body[data-theme="classic"] .RouterLink {

  color: #2e4b82;

  font-weight: 700;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .RouterLink:hover {

    color: #426cbb;

  }

}

body[data-theme="classic"] .ModalCard {

  border: 1px solid #2e4b82;

  border-radius: 0.325rem;

}

body[data-theme="classic"] .ModalCard__Head {

  font-weight: 700;

  text-transform: uppercase;

  padding-bottom: 0;

}

body[data-theme="classic"] .Notification {

  color: #fff;

  background-color: #2e4b82;

  border: 1px solid #383838;

  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);

}

body[data-theme="classic"] .Notification--success {

  border-color: #48c78e;

}

body[data-theme="classic"] .Notification--warning {

  border-color: #ffe08a;

}

body[data-theme="classic"] .Notification--error {

  border-color: red;

}

body[data-theme="classic"] .AgAccordion--active {

  border-color: #fff !important;

}

body[data-theme="classic"] .AgAccordion--active img {

  filter: none !important;

}

body[data-theme="classic"] .AgAccordion--active:before {

  opacity: 0 !important;

}

body[data-theme="classic"] .AgGameTile {

  overflow: visible;

}

@media (hover: hover) {

  body[data-theme="classic"] .AgGameTile:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 0.325rem;

    pointer-events: none;

    z-index: 1;

    box-shadow: inset 0 0 0 0 transparent;

    transition: box-shadow 1s ease;

  }

  body[data-theme="classic"] .AgGameTile:hover:after {

    transition: box-shadow 0s ease;

    box-shadow: inset 0 0 0 2px #2e4b82;

  }

}

body[data-theme="classic"] .AgGameTile .GameTile__Description {

  bottom: 0;

  padding: 0.75rem 0.5rem 0.325rem;

  font-size: 80%;

  font-weight: 700;

  background: linear-gradient(

    180deg,

    rgba(46, 75, 130, 0) 0,

    rgba(46, 75, 130, 0.85)

  );

  opacity: 0;

}

body[data-theme="classic"] .AgGameTile__DesktopOnly {

  background: rgba(46, 75, 130, 0.8);

  border-radius: 0.325rem;

}

@media (hover: hover) {

  body[data-theme="classic"] .AgGameTile .GameTile__Description {

    transition: all 0.2s ease;

  }

  body[data-theme="classic"] .AgGameTile:hover .GameTile__Description {

    opacity: 1;

  }

}

body[data-theme="classic"] .AgGameTile__Label {

  color: #fff;

}

body[data-theme="classic"] .AgGameTile__Label--classic {

  background-color: #e49130;

  box-shadow: 0 4px #c7771a;

}

body[data-theme="classic"] .AgGameTile__Label--classic:after {

  background: #9a5c14;

}

body[data-theme="classic"] .AgGameTile__Label--popular {

  background-color: #6a30e4;

  box-shadow: 0 4px #521ac7;

}

body[data-theme="classic"] .AgGameTile__Label--popular:after {

  background: #3f149a;

}

body[data-theme="classic"] .AgGameTile__Label--updated {

  background-color: #306de4;

  box-shadow: 0 4px #1a55c7;

}

body[data-theme="classic"] .AgGameTile__Label--updated:after {

  background: #14419a;

}

body[data-theme="classic"] .AgGameTile__Label--trending {

  background-color: #e43d30;

  box-shadow: 0 4px #c7261a;

}

body[data-theme="classic"] .AgGameTile__Label--trending:after {

  background: #9a1e14;

}

@media (min-width: 769px) {

  body[data-theme="classic"]

    .AgFreeGameTile:hover

    .AgFreeGameTile__Content:after {

    transition: box-shadow 0s ease;

    box-shadow: inset 0 0 0 2px #2e4b82;

  }

  body[data-theme="classic"] .AgFreeGameTile:hover .AgFreeGameTile__Title {

    transition: color 0s ease;

    color: #2e4b82;

  }

}

body[data-theme="classic"] .AgFreeGameTile__Info {

  background-color: #869bbf;

}

body[data-theme="classic"] .AgFreeGameTile__Title {

  transition: color 1s ease;

}

body[data-theme="classic"] .AgFreeGameTile__Content {

  position: relative;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .AgFreeGameTile__Content:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 0.325rem;

    pointer-events: none;

    z-index: 1;

    box-shadow: inset 0 0 0 0 transparent;

    transition: box-shadow 1s ease;

  }

}

body[data-theme="classic"] .AgSearchTabs .Button:last-child {

  border-right: 2px solid #666;

}

body[data-theme="classic"] .AgSearchTabs .Button:last-child:hover {

  border-right: 2px solid #2e4b82;

}

body[data-theme="classic"] .AgSearchTabs .Button--active {

  background-color: #2e4b82;

}

body[data-theme="classic"] .AgSearchTabs .Button--active:last-child {

  border-right: 2px solid #2e4b82;

}

body[data-theme="classic"] .AppFooter {

  border-top: 1px solid hsla(0, 0%, 86%, 0.2);

  margin-top: 1.5rem;

  background-color: #d5d9de;

}

body[data-theme="classic"] .AppFooter .RouterLink {

  color: #fff;

}

body[data-theme="classic"] .AppFooter p {

  opacity: 0.65;

}

body[data-theme="classic"] .AppFooter__Socials .Icon {

  color: #2e4b82;

}

body[data-theme="classic"] .AppHeader {

  background: #d5d9de;

  border-bottom: 1px solid #fff;

}

body[data-theme="classic"] .DesktopHeader .UserAvatar {

  cursor: pointer;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .DesktopHeader .UserAvatar {

    transition: border-color 0.2s ease;

  }

  body[data-theme="classic"] .DesktopHeader .UserAvatar:hover {

    transition-duration: 0s;

    border-color: #426cbb;

  }

}

body[data-theme="classic"] .DesktopHeader__DropdownOverlay {

  -webkit-backdrop-filter: blur(2px);

  backdrop-filter: blur(2px);

  background: rgba(46, 75, 130, 0.8);

}

body[data-theme="classic"] .DesktopHeader__GamepassUpgradeButton {

  border-color: #2e4b82;

}

body[data-theme="classic"] .DesktopHeader__Dropdown {

  border: 1px solid #fff;

  border-top: none;

  background: #d5d9de;

}

body[data-theme="classic"] .DesktopHeader__DropdownInner:last-child {

  background-color: #7d93ba;

  color: #383838;

}

body[data-theme="classic"] .MobileHeader .--userPanel {

  pointer-events: none;

  transform-origin: 100% 100%;

  opacity: 0;

  transform: scale(0.85);

  transition-property: opacity, transform;

  transition-duration: 0.2s;

  transition-timing-function: ease;

  background-color: #869bbf;

  border-radius: 0.325rem;

}

body[data-theme="classic"] .MobileHeader--userPanelOpen .--userPanel {

  pointer-events: all !important;

  opacity: 1 !important;

  transform: scale(1) !important;

}

body[data-theme="classic"] .MobileHeader .AgSearch {

  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);

  border-radius: 100px;

}

body[data-theme="classic"] .MobileHeader .AgSearch .Input {

  background-color: #869bbf;

}

body[data-theme="classic"] .MobileHeader__Menu > .Button,

body[data-theme="classic"] .MobileHeader__Menu__ExtraButtonItem > .Button {

  box-shadow: 0 3px 7px rgba(6, 10, 17, 0.65);

}

body[data-theme="classic"] .MobileHeader__Menu__Bg {

  background: rgba(46, 75, 130, 0.8);

}

body[data-theme="classic"] .MobileHeader__MoreGamesPanel {

  background-color: #869bbf;

  box-shadow: 0 4px 13px rgba(213, 217, 222, 0.65);

}

body[data-theme="classic"] .MobileHeader__Menu__ExtraButtonItem {

  opacity: 0;

}

body[data-theme="classic"]

  .MobileHeader__Menu__ExtraButtonItem

  .MobileHeader__Menu__Panel {

  pointer-events: none;

  transform-origin: 100% 100%;

  opacity: 0;

  transform: scale(0.85);

  transition-property: opacity, transform;

  transition-duration: 0.2s;

  transition-timing-function: ease;

  background-color: #869bbf;

}

@keyframes dropTargetPulseDefault {

  0% {

    box-shadow: 0 0 0 0 transparent;

  }

  50% {

    box-shadow: 0 0 0 30px rgba(228, 61, 48, 0.5);

  }

  to {

    box-shadow: 0 0 0 60px transparent;

  }

}

@keyframes dropTargetPulseClassic {

  0% {

    box-shadow: 0 0 0 0 transparent;

  }

  50% {

    box-shadow: 0 0 0 30px rgba(46, 75, 130, 0.5);

  }

  to {

    box-shadow: 0 0 0 60px transparent;

  }

}

body[data-theme="classic"] .MobileHeader__DropTargets > div {

  background-color: rgba(46, 75, 130, 0.85);

  -webkit-animation: dropTargetPulseClassic 1s infinite;

  animation: dropTargetPulseClassic 1s infinite;

}

body[data-theme="classic"] .GamePass__Banner {

  border-top-color: #2e4b82;

  border-bottom-color: #2e4b82;

  background-color: #d5d9de;

}

body[data-theme="classic"] .AvatarPicker__Avatars img {

  color: #2e4b82;

}

body[data-theme="classic"] .BlockContainer--altBackground {

  background-color: #869bbf;

}

body[data-theme="classic"] .BlockPod--box {

  color: #050505;

  background-color: #869bbf;

  box-shadow: none;

}

body[data-theme="classic"] .BlockPod--transparentBg {

  background-color: rgba(213, 217, 222, 0.8);

  -webkit-backdrop-filter: blur(2px);

  backdrop-filter: blur(2px);

  box-shadow: none;

}

body[data-theme="classic"] .BlogPost {

  cursor: pointer;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .BlogPost:hover .BlogPost__Image:after {

    transition-duration: 0s;

    box-shadow: inset 0 0 0 2px #2e4b82;

  }

}

body[data-theme="classic"] .BlogPost p:empty:after {

  background-color: #2e4b82;

}

body[data-theme="classic"] .BlogPost__Image:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: box-shadow 0.2s ease;

  box-shadow: inset 0 0 0 0 #2e4b82;

  border-radius: 0.75rem;

}

body[data-theme="classic"] .CategoryTag {

  color: #fff;

  border: 1px solid transparent;

  background-color: #2e4b82;

  transition: border-color 0.2s ease;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .CategoryTag:hover {

    transition: border-color 0s ease;

    border-color: #2e4b82;

  }

}

body[data-theme="classic"] .CategoryTag--active {

  border-color: #2e4b82;

}

body[data-theme="classic"] .CheckoutDetails ul li a {

  color: #2e4b82;

}

body[data-theme="classic"] .CheckoutDetails footer {

  border-top-color: hsla(0, 0%, 86%, 0.35);

}

body[data-theme="classic"] .DeveloperPod {

  background-color: #869bbf;

}

body[data-theme="classic"] .EditorialBlock__Image {

  background: #d5d9de;

  border: 2px solid #2e4b82;

}

body[data-theme="classic"] .EditorialBlock__Content {

  background: #2e4b82;

  color: #fff;

}

body[data-theme="classic"] .EditorialBlock__Description:after {

  background: linear-gradient(

    rgba(46, 75, 130, 0),

    rgba(46, 75, 130, 0.65),

    #2e4b82

  );

}

body[data-theme="classic"] .EditorialBlock__Socials:after {

  background: #fff;

}

body[data-theme="classic"] .EditorialBlock__Socials .RouterLink {

  color: #fff;

}

@media (hover: hover) {

  body[data-theme="classic"] .EditorialBlock__Socials .RouterLink:hover {

    color: #c5d2ea;

  }

}

body[data-theme="classic"] .FeaturedGameCarouselThumbnail {

  background-color: #2e4b82;

}

@media (min-width: 575px) {

  body[data-theme="classic"] .FeaturedGameCarouselSlide__Image img {

    box-shadow: 0 10px 30px #2e4b82;

    background-color: #d5d9de;

  }

}

body[data-theme="classic"] .FluidCarousel__Wrapper:before {

  background: linear-gradient(

    270deg,

    hsla(0, 0%, 9%, 0),

    hsla(0, 0%, 9%, 0.7),

    #171717

  );

}

body[data-theme="classic"] .FluidCarousel__Wrapper:after {

  background: linear-gradient(

    90deg,

    hsla(0, 0%, 9%, 0),

    hsla(0, 0%, 9%, 0.7),

    #171717

  );

}

body[data-theme="classic"] .GPDescription__GameMeta .Flex div {

  color: #fff;

  background-color: #2e4b82;

}

body[data-theme="classic"] .GPRatingUi__Icon__ThumbsDown--picked,

body[data-theme="classic"] .GPRatingUi__Icon__ThumbsUp--picked {

  border-color: #2e4b82;

}

body[data-theme="classic"] .GamePassOverlay__SvgFill,

body[data-theme="classic"] .GamePassOverlay__SvgHighlight {

  fill: #2e4b82;

}

body[data-theme="classic"] .GameReview {

  color: #fff;

  background-color: #2e4b82;

}

body[data-theme="classic"] .GameReview .RouterLink {

  color: #fff;

}

body[data-theme="classic"]

  .GameReview--negative

  .GameReview__Author

  .Icon

  > svg {

  filter: drop-shadow(2px 1px 0 #e43d30);

}

body[data-theme="classic"]

  .GameReview--positive

  .GameReview__Author

  .Icon

  > svg {

  filter: drop-shadow(2px 1px 0 #30e43d);

}

body[data-theme="classic"] .GameReview__Subject {

  color: #000;

  color: #fff;

  opacity: 0.65;

}

body[data-theme="classic"] .GameTileBlock__Overlay {

  background-image: linear-gradient(

    270deg,

    rgba(134, 155, 191, 0),

    rgba(134, 155, 191, 0.85),

    rgba(134, 155, 191, 0.85),

    rgba(134, 155, 191, 0)

  );

  border-color: #2e4b82;

  -webkit-backdrop-filter: blur(2px);

  backdrop-filter: blur(2px);

}

body[data-theme="classic"] .InsetContainer {

  background-color: #869bbf;

}

body[data-theme="classic"] .InsetContainer--transparentBg {

  background-color: transparent;

}

body[data-theme="classic"] .PlaylistTile {

  position: relative;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .PlaylistTile:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 0.325rem;

    pointer-events: none;

    z-index: 1;

    box-shadow: inset 0 0 0 0 transparent;

    transition: box-shadow 1s ease;

  }

  body[data-theme="classic"] .PlaylistTile:hover:after {

    transition: box-shadow 0s ease;

    box-shadow: inset 0 0 0 2px #2e4b82;

  }

  body[data-theme="classic"] .PlaylistTile:hover .PlaylistTile__Title {

    transition: color 0s ease;

    color: #2e4b82;

  }

}

body[data-theme="classic"] .PlaylistTile__Title {

  transition: color 1s ease;

  background-color: #869bbf;

}

body[data-theme="classic"] .ProductFeature__Graphic > .Flex,

body[data-theme="classic"] .ProductPlanBox {

  background-color: #869bbf;

}

body[data-theme="classic"] .ProductPlanBox--featured {

  box-shadow: 0 0 0 2px #2e4b82, 0 5px 40px 2px rgba(46, 75, 130, 0.65);

}

body[data-theme="classic"] .ProductPlanBox__Header,

body[data-theme="classic"] .ProductPlanBox__Sticker {

  background-color: #2e4b82;

  color: #fff;

}

body[data-theme="classic"] .SearchMenu {

  padding: 1rem;

  border-radius: 0.325rem;

}

@media (min-width: 960px) {

  body[data-theme="classic"] .SearchMenu {

    background-color: #869bbf;

  }

}

body[data-theme="classic"] .StickyFooter {

  color: #fff;

  background: #869bbf;

  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.35);

}

body[data-theme="classic"] .TaxonomyTile:after {

  box-shadow: inset 0 0 0 1px #2e4b82;

}

body[data-theme="classic"] .RecentGamesBlock .GameTile {

  background-color: #2e4b82;

}

body[data-theme="classic"] .UserAvatar {

  color: #2e4b82;

}

body[data-theme="classic"] .AboutPageLayout .Content a {

  color: #2e4b82;

  font-weight: 700;

}

body[data-theme="classic"] .GamePage__Game__Toolbar {

  background-color: #869bbf;

}

body[data-theme="classic"] .GamePage__ThumbnailPreview {

  transition: box-shadow 0.4s ease;

  border: 1px solid rgba(134, 155, 191, 0.6);

  box-shadow: 0 0 0 4px #2e4b82, 0 6px 15px rgba(0, 0, 0, 0.4);

}

body[data-theme="classic"] .GamePage__ThumbnailPreview:hover {

  transition-duration: 0s;

  box-shadow: 0 0 0 4px #3b61a8, 0 6px 15px rgba(0, 0, 0, 0.4);

}

body[data-theme="classic"] #gamePreroll {

  background-color: #869bbf;

}

body[data-theme="classic"] .GamePage__Unlock small {

  opacity: 0.6;

}

body[data-theme="classic"] .GamePage__Unlock strong {

  color: #2e4b82;

}

body[data-theme="classic"] .GPSidebarAd__Inner,

body[data-theme="classic"] .GamePage__Game__Main {

  background-color: #869bbf;

}

body[data-theme="classic"] .BlogPage__Posts .BlogPost:not(:last-child) {

  border-color: #2e4b82;

}

body[data-theme="classic"] .BlogPostPage .Content a {

  color: #2e4b82;

}

@media (hover: hover) {

  body[data-theme="classic"] .BlogPostPage .Content a:hover {

    color: #426cbb;

  }

}

body[data-theme="classic"] .SearchPage .SearchPage__Container {

  padding: 1rem;

  border-radius: 0.325rem;

}

@media (min-width: 960px) {

  body[data-theme="classic"] .SearchPage .SearchPage__Container {

    background-color: #869bbf;

  }

}

body[data-theme="classic"]

  .SearchPage

  .SearchPage__Container

  .Game__Search__Table__Row--right {

  border-left: 2px solid #fff;

  padding-left: 0.75rem;

}

body[data-theme="classic"]

  .SearchPage

  .SearchPage__Container

  .Game__Search__Table__Row

  .Game__Search__Table__Stats {

  margin-bottom: 10px;

}

body[data-theme="classic"]

  .SearchPage

  .SearchPage__Container

  .Game__Search__Table__Row

  .Game__Search__Table__Stats__Rating {

  background-color: #2e4b82;

  width: 45px;

  height: 45px;

  font-weight: 700;

  border-radius: 0.75rem;

  margin-right: 0.75rem;

}

body[data-theme="classic"] .Listed__Category__Inner {

  background: #869bbf;

  box-shadow: 0 0 0 2px transparent, 0 4px 11px rgba(0, 0, 0, 0.4);

  transition: box-shadow 0.4s ease;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .Listed__Category__Inner:hover {

    transition-duration: 0s;

    box-shadow: 0 0 0 2px #2e4b82, 0 4px 11px rgba(0, 0, 0, 0.4);

  }

}

body[data-theme="classic"] .Listed__Game__Inner {

  background: #869bbf;

  transition-duration: 0.4s;

  transition-timing-function: ease;

  transition-property: box-shadow;

}

@media (min-width: 769px) {

  body[data-theme="classic"] .Listed__Game__Inner:hover {

    transition-duration: 0s;

    box-shadow: 0 0 0 1px #2e4b82;

  }

}

body[data-theme="classic"] .MultiplayerGamesPage__LoaderColor .Loader:after {

  border-color: transparent transparent #2e4b82 #2e4b82;

}

body[data-theme="classic"] .ProfilePod__Avatar {

  border-color: #fff;

}

body[data-theme="classic"] .ProfilePod__Stat--Label {

  color: #050505;

  font-weight: 700;

}

body[data-theme="classic"] .ProfilePod__Stat--Value {

  color: #000;

}

body[data-theme="classic"] .FreeGamesPage .FreeGamesPage__Container {

  padding: 1rem;

  border-radius: 0.325rem;

}

@media (min-width: 960px) {

  body[data-theme="classic"] .FreeGamesPage .FreeGamesPage__Container {

    background-color: #869bbf;

  }

}

body[data-theme="classic"]

  .FreeGamesPage

  .FreeGamesPage__Container

  .FreeGames__Table__Row--right {

  border-left: 2px solid #fff;

  padding-left: 0.75rem;

}

body[data-theme="classic"]

  .FreeGamesPage

  .FreeGamesPage__Container

  .FreeGames__Table__Row

  .FreeGames__Table__Stats {

  margin-bottom: 10px;

}

body[data-theme="classic"]

  .FreeGamesPage

  .FreeGamesPage__Container

  .FreeGames__Table__Row

  .FreeGames__Table__Stats__Rating {

  background-color: #2e4b82;

  width: 45px;

  height: 45px;

  font-weight: 700;

  border-radius: 0.75rem;

  margin-right: 0.75rem;

  color: #fff;

}

body[data-theme="classic"] .PandemicGameGuidePage .Content a {

  color: #2e4b82;

}

@media (hover: hover) {

  body[data-theme="classic"] .PandemicGameGuidePage .Content a:hover {

    color: #426cbb;

  }

}

@font-face {

  font-family: Lato;

  font-style: normal;

  font-display: swap;

  font-weight: 400;

  src: url(../fonts/lato-latin-ext-400-normal.6ebed106.woff2)

      format("woff2"),

    url(../fonts/lato-all-400-normal.63513b00.woff) format("woff");

  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf,

    U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

  font-family: Lato;

  font-style: normal;

  font-display: swap;

  font-weight: 400;

  src: url(../fonts/lato-latin-400-normal.b7ffde23.woff2)

      format("woff2"),

    url(../fonts/lato-all-400-normal.63513b00.woff) format("woff");

  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,

    U+feff, U+fffd;

}

@font-face {

  font-family: Lato;

  font-style: normal;

  font-display: swap;

  font-weight: 700;

  src: url(../fonts/lato-latin-ext-700-normal.8697d1d5.woff2)

      format("woff2"),

    url(../fonts/lato-all-700-normal.bb27db94.woff) format("woff");

  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf,

    U+2113, U+2c60-2c7f, U+a720-a7ff;

}

@font-face {

  font-family: Lato;

  font-style: normal;

  font-display: swap;

  font-weight: 700;

  src: url(../fonts/lato-latin-700-normal.d5eb20bc.woff2)

      format("woff2"),

    url(../fonts/lato-all-700-normal.bb27db94.woff) format("woff");

  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,

    U+feff, U+fffd;

}

.AvatarPicker,

.AvatarPicker__Avatars {

  position: relative;

}

.AvatarPicker__Avatars img {

  width: 4rem;

  height: 4rem;

  border-radius: 0.325rem;

}

@media (min-width: 769px) {

  .AvatarPicker__Avatars img {

    cursor: pointer;

    transition: box-shadow 0.2s ease;

  }

  .AvatarPicker__Avatars img:hover {

    transition-duration: 0s;

    box-shadow: 0 0 0 2px;

  }

}

.AgGameTile {

  background-image: url(../images/emptyThumbnail.svg);

  background-size: cover;

  flex-shrink: 0;

  border-radius: 0.325rem;

  position: relative;

}

.AgGameTile--floating {

  position: absolute;

  z-index: 1;

}

@media (hover: hover) {

  .AgGameTile--small {

    width: 5.625rem;

    height: 3.65625rem;

  }

  .AgGameTile--small .GameTile__Description {

    display: none;

  }

}

@media (hover: none) {

  .AgGameTile .GameTile__Description {

    display: none !important;

  }

}

.AgGameTile .GameTile__Status {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

}

.AgGameTile:empty {

  pointer-events: none;

}

.AgGameTile__DesktopOnly {

  display: flex;

  height: 100%;

  padding: 1rem 0.8rem;

  text-transform: uppercase;

  font-size: 105%;

  font-weight: 900;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);

  letter-spacing: 0.25px;

  line-height: 1;

  white-space: nowrap;

}

.AgGameTile__DesktopOnly .Icon {

  width: 1.25rem;

  height: 1rem;

  margin-right: 0.4rem;

}

@media (hover: hover) and (min-width: 769px) {

  .AgGameTile__DesktopOnly {

    display: none;

  }

}

.AgGameTile__Label {

  padding: 0.325rem 0.5rem;

  border-radius: 7px 7px 0 7px;

  position: absolute;

  top: -4px;

  right: -4px;

  font-size: 65%;

  text-transform: uppercase;

  font-weight: 700;

}

.AgGameTile__Label:after {

  content: "";

  display: block;

  position: absolute;

  right: 0;

  top: 28px;

  width: 4px;

  height: 4px;

  border-radius: 0 0 4px 0;

}

.GameTileGrid {

  position: relative;

  grid-gap: 0.75rem;

}

@media (max-width: 450px) {

  .GameTileGrid--heightOneRowMobile {

    max-height: 7.3125rem;

    overflow: hidden;

  }

  .GameTileGrid--heightOneRow,

  .GameTileGrid--heightTwoRows {

    max-height: 15.375rem;

    overflow: hidden;

  }

  .GameTileGrid--heightPlaylistOneRow,

  .GameTileGrid--heightPlaylistTwoRows {

    max-height: 19.25rem;

    overflow: hidden;

  }

}

@media (min-width: 451px) {

  .GameTileGrid--heightOneRow,

  .GameTileGrid--heightOneRowMobile {

    max-height: 7.3125rem;

    overflow: hidden;

  }

  .GameTileGrid--heightTwoRows {

    max-height: 15.375rem;

    overflow: hidden;

  }

  .GameTileGrid--heightPlaylistOneRow {

    max-height: 9.25rem;

    overflow: hidden;

  }

  .GameTileGrid--heightPlaylistTwoRows {

    max-height: 19.25rem;

    overflow: hidden;

  }

}

.GameTileGrid__Overflow {

  overflow: visible;

  display: grid;

  grid-auto-flow: column;

  grid-template-rows: 7.3125rem 7.3125rem;

}

@media (min-width: 451px) {

  .GameTileGrid__Overflow {

    grid-template-columns: repeat(auto-fill, 11.25rem);

  }

}

@media (max-width: 450px) {

  .Box .GameTileGrid__Overflow {

    grid-template-columns: repeat(

      auto-fill,

      calc((100svw * 0.5) - 0.75rem - 0.375rem - 1.25rem)

    );

  }

  .Box .GameTileGrid__Overflow .GameTile {

    width: calc((100svw * 0.5) - 0.75rem - 0.375rem - 1.25rem);

  }

}