@charset "UTF-8";

.pool-table {
  position: relative;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.pool-table,
.pool-table>a {
  transition: opacity .3s ease
}

.pool-table>a {
  opacity: 1
}

.pool-table .ended {
  opacity: .7
}

.pool-table .player-info,
.pool-table .team-info {
  margin: 0;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4em
}

.pool-table.large .player-info,
.pool-table.large .team-info {
  font-size: 22px
}

.pool-table .match-info {
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: center
}

.pool-table .match-link {
  display: flex;
  align-items: center
}

.pool-table.large .item {
  width: 100%
}

.pool-table .item {
  width: 100%;
  padding: 0 10%;
  overflow: hidden;
  border-radius: 5px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between
}

.pool-table .item+.item {
  margin-top: 5px
}

.pool-table .item.winner,
.pool-table .item.winning {
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, .4))
}

.pool-table .item .content {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start
}

.pool-table .item .content .ui.avatar.image {
  margin-right: 1em
}

.pool-table.large .item .points {
  font-size: 2em;
  padding: 5px;
  min-width: 45px
}

.pool-table .item .points {
  margin: 10px 0 10px 10px;
  min-width: 40px;
  font-size: 1.5em;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  padding: 5px;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 10px;
  text-align: center
}

.pool-table.large .item .score {
  font-size: 2em;
  padding: 5px;
  min-width: 45px
}

.pool-table .item .score {
  margin: 10px 0 10px 10px;
  min-width: 40px;
  font-size: 1.5em;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  padding: 5px;
  background-color: rgba(0, 0, 0, .25);
  border-radius: 10px;
  text-align: center
}

.map-h2 {
  text-transform: uppercase;
  font-size: 1rem;
  padding: 20px 20px 20px 10px;
  text-align: center
}

.google-map {
  width: 100%;
  height: 300px
}

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

.pin-icon {
  font-size: 2em;
  color: #000
}

.pin-text {
  font-size: 1em;
  margin-left: 3px;
  margin-bottom: 0;
  color: #fff;
  font-weight: 700;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
}

@media screen and (min-width:799px) {
  .google-map {
    height: 700px
  }

  .map-h2 {
    font-size: 1.3rem;
    font-weight: 400
  }

  .pin {
    width: 200px
  }

  .pin-icon {
    font-size: 2em
  }
}

.bracket-default .fullscreen,
.bracket-default .fullscreen-enabled .scroll-container {
  background: linear-gradient(#fff, #f0f2f5)
}

.bracket-default .full-screenable-node {
  height: 100%
}

.bracket-default .match-link {
  color: #333;
  padding: 0;
  height: 20px
}

.bracket-default .player.winner.active-path {
  color: #fff;
  background: #566d84 !important
}

.bracket-default.dark .player.winner.active-path {
  color: #fff;
  background: #1891ff !important
}

.bracket-default .player.active-path .player-score {
  color: #fff;
  background: #566d84 !important
}

.bracket-default.dark .player.active-path .player-score {
  color: #fff;
  background: #1891ff !important
}

.bracket-default .active-path {
  color: #fff;
  background: #566d84 !important
}

.bracket-default.dark .active-path {
  color: #fff;
  background: #1891ff !important
}

.bracket-default .round.money-round {
  background-color: rgba(230, 255, 230, .35)
}

.bracket-default .a-side,
.bracket-default .draw {
  display: flex
}

.bracket-default .b-side {
  display: flex;
  order: -1
}

.bracket-default .b-side .round:first-child .match {
  padding-left: 20px
}

.bracket-default .b-side .round:first-child .match:before {
  border: none !important
}

.bracket-default .a-side .round:last-child .match {
  padding-right: 20px
}

.bracket-default .a-side .round:last-child .match:after {
  border: none !important
}

.bracket-default .connector {
  align-items: center;
  display: flex;
  padding: 32px 0
}

.bracket-default .connector>div {
  display: inline-block;
  vertical-align: middle
}

.bracket-default .connector .merger {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  width: 2rem;
  display: inline-block;
  vertical-align: top;
  border-top: 1px solid #c0c0c8;
  border-bottom: 1px solid #c0c0c8;
  min-height: 66px
}

.bracket-default .connector.left .merger {
  border-left: 1px solid #c0c0c8
}

.bracket-default .connector.right .merger {
  border-right: 1px solid #c0c0c8
}

.bracket-default .connector .line {
  border-bottom: thin solid #c0c0c8;
  box-sizing: border-box;
  width: 2rem;
  display: inline-block;
  vertical-align: top;
  flex: 1 1;
  align-items: center
}

.bracket-default .rounds {
  display: flex
}

.bracket-default .round {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0 0 40px;
  min-width: 320px;
  border-right: 1px solid transparent
}

.bracket-default .round-header {
  font-size: 12px;
  padding: 12px;
  text-transform: uppercase;
  color: #777;
  border-top: 1px solid rgba(0, 0, 0, .07);
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  margin-bottom: 20px;
  margin-top: 0;
  min-height: 80px;
  width: 100%;
  flex-direction: column
}

.bracket-default .round-header,
.bracket-default .round .match-spacer {
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.bracket-default .round .match-spacer {
  flex-grow: 1;
  padding: .5em 0;
  min-height: 20px
}

.bracket-default .b-side .round .match-spacer.odd {
  border: none !important
}

.bracket-default .b-side .match.bottom.even:after,
.bracket-default .b-side .match.bottom.odd:before,
.bracket-default .b-side .match.top.even:after,
.bracket-default .b-side .match.top.odd:before {
  height: 2px !important;
  top: 50% !important
}

.bracket-default .draw .round .match-spacer {
  border-left: 2px solid #888;
  border-right: 2px solid #888
}

.bracket-default .a-side .round .match-spacer {
  border-right: 2px solid #888
}

.bracket-default .b-side .round .match-spacer {
  border-left: 2px solid #888
}

.bracket-default .no-connector {
  border: none !important
}

.bracket-default .round .spacer {
  flex-grow: 0.5;
  text-align: center
}

.bracket-default .matches {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  height: 100%;
  justify-content: space-between
}

.bracket-default .match-group {
  display: flex;
  flex-direction: row;
  flex: 1 1;
  flex-grow: 1
}

.bracket-default .match {
  margin: 0 10px;
  position: relative
}

.bracket-default .a-side .match:not(.top):not(.bottom):before {
  border-left-style: solid;
  border-top-style: solid;
  height: 2px;
  top: 50%
}

.bracket-default .a-side .match:not(.top):not(.bottom):after {
  border-right-style: solid;
  border-top-style: solid;
  height: 2px;
  top: 50%
}

.bracket-default .b-side .match:not(.top):not(.bottom):before {
  border-left-style: solid;
  border-top-style: solid;
  height: 2px;
  top: 50%
}

.bracket-default .b-side .match:not(.top):not(.bottom):after {
  border-right-style: solid;
  border-top-style: solid;
  height: 2px;
  top: 50%
}

.bracket-default .match:before {
  content: "";
  border-color: #888;
  border-width: 2px;
  position: absolute;
  height: 2px;
  width: 10px;
  left: -12px
}

.bracket-default .draw .match:before {
  left: -10px
}

.bracket-default .a-side .match:before {
  left: -13px
}

.bracket-default .b-side .match:before {
  left: -10px
}

.bracket-default .match.top.no-connectors:before {
  height: auto
}

.bracket-default .match.bottom.no-connectors:before {
  height: auto !important;
  top: 50% !important
}

.bracket-default .match.bottom.no-right-connector:after,
.bracket-default .match.top.no-right-connector:after {
  height: auto
}

.bracket-default .match.top:before {
  border-left-style: solid;
  border-top-style: solid;
  height: 50%;
  top: 50%
}

.bracket-default .match.bottom:before {
  border-left-style: solid;
  border-bottom-style: solid;
  height: 50%;
  top: 0
}

.bracket-default .match:after {
  content: "";
  border-color: #888;
  border-width: 2px;
  position: absolute;
  display: block;
  width: 10px;
  right: -10px
}

.bracket-default .draw .match:before {
  right: -12px
}

.bracket-default .a-side .match:after {
  right: -10px
}

.bracket-default .b-side .match:after {
  right: -13px
}

.bracket-default .match.top:after {
  border-right-style: solid;
  border-top-style: solid;
  height: 50%;
  top: 50%
}

.bracket-default .b-side .match.bottom:after,
.bracket-default .match.bottom:after {
  border-right-style: solid;
  border-bottom-style: solid;
  height: 50%;
  top: 0
}

.bracket-default .b-side .match.bottom:before {
  border-left-style: solid;
  border-bottom-style: solid;
  height: 50%;
  top: 0
}

.bracket-default .time {
  font-size: 12px;
  padding-left: 5px;
  padding-bottom: 5px;
  color: #aaa
}

.bracket-default .live .match-data {
  background-color: #f5212d
}

.bracket-default .live .match-number {
  color: #fff
}

.bracket-default .winner-loser-from {
  color: #aeb4bb
}

.bracket-default .match.completed:hover .match-data {
  opacity: 1
}

.bracket-default .match.completed .match-number {
  background-color: #d3dce4;
  color: #000
}

.bracket-default.dark .match.completed .match-number {
  background-color: #172b40;
  color: #fff
}

.bracket-default.dark .match.pending .match-number {
  background-color: #056c72;
  color: #fff
}

.bracket-default .match.pending .match-number {
  background-color: #078890;
  color: #fff
}

.bracket-default .match.in_progress .match-number {
  background-color: #198fff;
  color: #fff
}

.bracket-default.dark .match.in_progress .match-number {
  background-color: #172b40;
  color: #fff
}

.bracket-default .match.streaming .match-number {
  background-color: #f5212d !important;
  color: #fff
}

.bracket-default .match.completed:hover,
.bracket-default .match.in_progress,
.bracket-default .match:hover>div {
  opacity: 1
}

.bracket-default .match.in_progress.has_players .match-scores {
  background: linear-gradient(90deg, #d3e8ff, #fff)
}

.bracket-default.dark .match.in_progress.has_players .match-scores {
  background: linear-gradient(90deg, #0666b9, #304d6a)
}

.bracket-default .match.has_payout .match-data {
  border: 1px solid #7ec7a9
}

.bracket-default .match.has_payout .match-number {
  background-color: #c0e6d6
}

.bracket-default.dark .match.has_payout .match-number {
  background-color: #64ad8e;
  color: #000
}

.bracket-default .match.has_payout .match-data:hover {
  border: 1px solid #35b37f
}

.bracket-default.dark .ant-progress-inner {
  background-color: #2f4d6b
}

.bracket-default .match.bye .match-scores {
  opacity: .4
}

.bracket-default .match.assigned .match-scores {
  background: linear-gradient(90deg, #304d6a, #556c83)
}

.bracket-default .zoom-buttons-container {
  background-color: hsla(0, 0%, 100%, .9);
  border-radius: 10px;
  border: 1px solid #eee
}

.bracket-default.dark .zoom-buttons-container,
.bracket-default .zoom-buttons-container {
  position: absolute;
  right: 20px;
  bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
  padding: 10px
}

.bracket-default.dark .zoom-buttons-container {
  background-color: #000;
  border-radius: 10px;
  border: 1px solid #000
}

.bracket-default .zoom-buttons {
  color: #fff;
  background-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 5px 15px rgba(0, 63, 255, .2);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  cursor: pointer;
  touch-action: manipulation;
  height: 32px;
  width: 36px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  border-radius: 4px;
  transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.bracket-default .zoom-buttons:hover {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff
}

.bracket-default .zoom-minus {
  margin-top: 10px
}

.bracket-default .match-data,
.bracket-default .match-info {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.bracket-default .match-data {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #d3dce4
}

.bracket-default .match-data:hover {
  box-shadow: 0 0 9px rgba(0, 0, 0, .1);
  border: 1px solid #198fff !important
}

.bracket-default .match-footer {
  margin: 2px 0 0;
  font-size: 12px;
  height: 16px
}

.bracket-default .compact .match-footer {
  height: 0
}

.bracket-default .match-number {
  padding: 10px 6px;
  text-align: center;
  background-color: #d3dce4;
  border-radius: 8px 0 0 8px;
  color: #000
}

.bracket-default.dark .match-number {
  padding: 10px 6px;
  text-align: center;
  background-color: #172b40;
  border-radius: 8px 0 0 8px;
  color: #fff
}

.bracket-default .player-seed {
  background-color: hsla(0, 0%, 100%, 0);
  padding: 5px;
  min-width: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}

.bracket-default.dark .ant-btn-secondary {
  background-color: #000;
  color: #fff
}

.bracket-default .match-scores {
  flex: 1 1;
  background-color: #fff
}

.bracket-default.dark .pending .match-scores {
  flex: 1 1;
  background-color: #056c72
}

.bracket-default .pending .match-scores {
  flex: 1 1;
  background-color: #aceae5
}

.bracket-default.dark .match-scores {
  flex: 1 1;
  background-color: #2f4d6b
}

.bracket-default .player {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ededed;
  cursor: pointer
}

.bracket-default .player-number {
  align-items: center;
  border-right: 1px solid #ededed;
  padding: 5px 10px;
  min-width: 35px;
  text-align: center
}

.bracket-default .player-name {
  align-items: center;
  flex: 1 1;
  text-align: left;
  display: flex;
  font-weight: 700;
  height: 34px
}

.bracket-default .player-name .flag {
  margin-right: 10px
}

.bracket-default .player-score {
  align-items: center;
  font-weight: 600;
  padding: 8px 10px 5px;
  min-width: 35px;
  text-align: center;
  font-size: 1.1em
}

.bracket-default .player.bottom {
  border-bottom: 0
}

.bracket-default .match.streaming .player {
  background: linear-gradient(90deg, #ffe1e3, #fff)
}

.bracket-default.dark .match.streaming .player {
  background: linear-gradient(90deg, #8a191f, #304d6a)
}

.bracket-default .match.streaming .player.winning {
  background: linear-gradient(90deg, #ffc0c4, #fff)
}

.bracket-default.dark .match.streaming .player.winning {
  background: linear-gradient(90deg, #f5212d, #304d6a)
}

.bracket-default .match.streaming .player.losing {
  background: linear-gradient(90deg, #ffe1e3, #fff)
}

.bracket-default.dark .match.streaming .player.losing {
  background: linear-gradient(90deg, #8a191f, #304d6a)
}

.bracket-default .player.losing {
  background: linear-gradient(90deg, #d3e8ff, #fff)
}

.bracket-default.dark .player.losing {
  background: linear-gradient(90deg, #0866b8, #2f4e6c)
}

.bracket-default .pending .player.losing {
  background: linear-gradient(90deg, #aceae5, #fff)
}

.bracket-default.dark .pending .player.losing {
  background: linear-gradient(90deg, #006e73, #304d6a)
}

.bracket-default .player.loser {
  opacity: .6
}

.bracket-default .player.loser .player-score {
  background-color: #fff
}

.bracket-default.dark .player.loser .player-score {
  background-color: #2f4d6b
}

.bracket-default .player.winner {
  background: linear-gradient(-90deg, #fff9e1, #fff);
  background: #fff9e1
}

.bracket-default.dark .player.winner {
  background: #22598e
}

.bracket-default .player.winning {
  background: linear-gradient(90deg, #a2ceff, #fff)
}

.bracket-default.dark .player.winning {
  background: linear-gradient(90deg, #2e97fe, #304d6a)
}

.bracket-default .pending .player.winning {
  background: linear-gradient(90deg, #63d2c9, #fff)
}

.bracket-default.dark .pending .player.winning {
  background: linear-gradient(90deg, #009ba2, #304d6a)
}

.bracket-default .player.winning .player-score {
  background-color: #fefae8
}

.bracket-default.dark .player.winning .player-score {
  background-color: #216bb1
}

.bracket-default .player.winner .player-score {
  background-color: #fff4bf;
  font-weight: 700
}

.bracket-default.dark .player.winner .player-score {
  background-color: #216bb1;
  font-weight: 700
}

.bracket-default .player.blinking {
  -webkit-animation: blinkingPlayer 1.2s infinite;
  animation: blinkingPlayer 1.2s infinite
}

.bracket-default .player.active-path.blinking .player-score,
.bracket-default .player.blinking .player-score {
  background-color: #1890ff !important
}

.bracket-compact .full-screenable-node {
  height: 100%
}

.bracket-compact .match-link {
  color: #333;
  padding: 0;
  height: 20px
}

.bracket-compact .player.winner.active-path {
  color: #fff;
  background: #566d84 !important
}

.bracket-compact.dark .player.winner.active-path {
  color: #fff;
  background: #1891ff !important
}

.bracket-compact .player.active-path .player-score {
  color: #fff;
  background: #566d84 !important
}

.bracket-compact.dark .player.active-path .player-score {
  color: #fff;
  background: #1891ff !important
}

.bracket-compact .active-path {
  color: #fff;
  background: #566d84 !important
}

.bracket-compact.dark .active-path {
  color: #fff;
  background: #1891ff !important
}

.mobilegpu {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.bracket-compact .draw {
  display: flex
}

.bracket-compact .a-side {
  display: flex;
  width: 100%
}

.bracket-compact .b-side {
  display: flex
}

.bracket-compact .round.money-round {
  background-color: rgba(230, 255, 230, .35)
}

.ant-modal-wrap {
  left: 250px !important
}

.bracket-compact .b-side .round:first-child .match:before {
  border: none !important
}

.bracket-compact .a-side .round:last-child .match {
  padding-right: 20px
}

.bracket-compact .a-side .round:last-child .match:after {
  border: none !important
}

#bracket-container .ant-drawer {
  position: fixed;
  top: 166px
}

#scores .ant-drawer {
  position: fixed;
  left: 250px
}

#scores .ant-drawer-content-wrapper {
  width: calc(100% - 250px)
}

.bracket-compact .connector {
  align-items: center;
  display: flex;
  padding: 32px 0
}

.bracket-compact .connector>div {
  display: inline-block;
  vertical-align: middle
}

.bracket-compact .connector .merger {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  width: 2rem;
  display: inline-block;
  vertical-align: top;
  border-top: 1px solid #c0c0c8;
  border-bottom: 1px solid #c0c0c8;
  min-height: 66px
}

.bracket-compact .connector.left .merger {
  border-left: 1px solid #c0c0c8
}

.bracket-compact .connector.right .merger {
  border-right: 1px solid #c0c0c8
}

.bracket-compact .connector .line {
  border-bottom: thin solid #c0c0c8;
  box-sizing: border-box;
  width: 2rem;
  display: inline-block;
  vertical-align: top;
  flex: 1 1;
  align-items: center
}

.bracket-compact .rounds {
  display: flex
}

table.hoverable tbody tr:hover {
  background-color: #fafafa
}

.bracket-compact .round {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0 0 40px;
  min-width: 320px;
  border-right: 1px solid transparent
}

.ant-btn.approve-match-btn {
  background-color: #009ba2;
  border-color: #009ba2
}

.bracket-compact .round-header {
  font-size: 12px;
  padding: 12px;
  text-transform: uppercase;
  border-top: 1px solid rgba(0, 0, 0, .07);
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  margin-bottom: 20px;
  margin-top: 0;
  min-height: 80px;
  width: 100%;
  flex-direction: column
}

.bracket-compact .round-header,
.bracket-compact .round .match-spacer {
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.bracket-compact .round .match-spacer {
  flex-grow: 1;
  padding: .5em 0;
  min-height: 20px
}

.bracket-compact .round.compact .match-spacer {
  padding: 0
}

.bracket-compact .b-side .round .match-spacer.odd {
  border: none !important
}

.bracket-compact .b-side .match.bottom.odd:before,
.bracket-compact .b-side .match.top.odd:before {
  height: 2px !important;
  top: 50% !important
}

.bracket-compact .b-side .match.top.even:after {
  height: 50%;
  top: 50%;
  border-right-style: solid;
  right: -10px
}

.bracket-compact .b-side .match.bottom.even:after {
  height: 50%;
  bottom: 50%;
  border-right-style: solid;
  right: -10px
}

.bracket-compact .a-side .round .match-spacer,
.bracket-compact .b-side .round .match-spacer,
.bracket-compact .draw .round .match-spacer {
  border-right: 2px solid #888
}

.bracket-compact .no-connector {
  border: none !important
}

.bracket-compact .round .spacer {
  flex-grow: 0.5;
  text-align: center
}

.bracket-compact .matches {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  height: 100%;
  justify-content: space-between
}

.bracket-compact .match-group {
  display: flex;
  flex-direction: row;
  flex: 1 1;
  flex-grow: 1
}

.bracket-compact .match {
  margin: 0 10px;
  position: relative
}

.bracket-compact .bracket-surface {
  position: relative
}

.bracket-compact .a-side .round:nth-last-child(2) .match:after,
.bracket-compact .b-side .round:nth-last-child(2) .match:after {
  border-right-style: none !important;
  border-top-style: none !important
}

.bracket-compact .a-side .match:not(.top):not(.bottom):before {
  border-left-style: solid;
  border-top-style: solid;
  height: 2px;
  top: 50%
}

.bracket-compact .a-side .match:not(.top):not(.bottom):after {
  border-right-style: solid;
  border-top-style: solid;
  height: 2px;
  top: 50%
}

.bracket-compact .b-side .match:not(.top):not(.bottom):before {
  border-left-style: solid;
  border-top-style: solid;
  height: 2px;
  top: 50%
}

.bracket-compact .b-side .match:not(.top):not(.bottom):after {
  border-right-style: solid;
  border-top-style: solid;
  height: 2px;
  top: 50%
}

.bracket-compact .match:before {
  content: "";
  border-color: #888;
  border-width: 2px;
  position: absolute;
  height: 2px;
  width: 10px;
  left: -12px
}

.bracket-compact .draw .match:before {
  left: -10px
}

.bracket-compact .a-side .match:before {
  left: -13px
}

.bracket-compact .b-side .match:before {
  left: -10px
}

.bracket-compact .match.top.no-connectors:before {
  height: auto
}

.bracket-compact .match.bottom.no-connectors:before {
  height: auto !important;
  top: 50% !important
}

.bracket-compact .match.bottom.no-right-connector:after,
.bracket-compact .match.top.no-right-connector:after {
  height: auto
}

.bracket-compact .draw .match.bottom:before,
.bracket-compact .draw .match.top:before {
  border-left-style: none;
  border-top-style: none;
  border-bottom-style: none
}

.bracket-compact .match.top:before {
  border-left-style: solid;
  border-top-style: solid;
  height: 50%;
  top: 50%
}

.bracket-compact .match.bottom:before {
  border-left-style: solid;
  border-bottom-style: solid;
  height: 50%;
  top: 0
}

.bracket-compact .match:after {
  content: "";
  border-color: #888;
  border-width: 2px;
  position: absolute;
  display: block;
  width: 10px;
  right: -10px
}

.bracket-compact .draw .match:before {
  right: -12px
}

.bracket-compact .a-side .match:after {
  right: -10px
}

.bracket-compact .b-side .match:after {
  right: -13px
}

.bracket-compact .match.top:after {
  border-right-style: solid;
  border-top-style: solid;
  height: 50%;
  top: 50%
}

.bracket-compact .match.bottom:after {
  border-right-style: solid;
  border-bottom-style: solid;
  height: 50%;
  top: 0
}

.bracket-compact .b-side .match.top:before {
  border-left-style: none;
  border-top-style: solid;
  height: 50%;
  top: 50%
}

.bracket-compact .b-side .match.top:after {
  border-right-style: none;
  border-top-style: solid;
  height: 50%;
  top: 50%
}

.bracket-compact .b-side .match.bottom:after {
  border-right-style: none;
  border-bottom-style: solid;
  height: 50%;
  top: 0
}

.bracket-compact .b-side .match.bottom:before {
  border-left-style: none;
  border-bottom-style: solid;
  height: 50%;
  top: 0
}

.bracket-compact .time {
  font-size: 12px;
  padding-left: 5px;
  padding-bottom: 5px;
  color: #aaa
}

.bracket-compact .live .match-data {
  background-color: #f5212d
}

.bracket-compact .live .match-number {
  color: #f5212d
}

.bracket-compact .match.completed:hover .match-data {
  opacity: 1
}

.bracket-compact .match.completed .match-number {
  background-color: #d3dce4;
  color: #000
}

.bracket-compact.dark .match.completed .match-number {
  background-color: #172b40;
  color: #fff
}

.bracket-compact.dark .match.pending .match-number {
  background-color: #056c72;
  color: #fff
}

.bracket-compact .match.pending .match-number {
  background-color: #078890;
  color: #fff
}

.bracket-compact .match.in_progress .match-number {
  background-color: #198fff;
  color: #fff
}

.bracket-compact.dark .match.in_progress .match-number {
  background-color: #172b40;
  color: #fff
}

.bracket-compact .match.streaming .match-number {
  background-color: #f5212d !important;
  color: #fff
}

.bracket-compact .match.completed:hover,
.bracket-compact .match.in_progress,
.bracket-compact .match:hover>div {
  opacity: 1
}

.bracket-compact .match.in_progress.has_players .match-scores {
  background: linear-gradient(90deg, #d3e8ff, #fff)
}

.bracket-compact.dark .match.in_progress.has_players .match-scores {
  background: linear-gradient(90deg, #0666b9, #304d6a)
}

.bracket-compact .match.has_payout .match-data {
  border: 1px solid #7ec7a9
}

.bracket-compact .match.has_payout .match-number {
  background-color: #c0e6d6
}

.bracket-compact.dark .match.has_payout .match-number {
  background-color: #64ad8e;
  color: #000
}

.bracket-compact .match.has_payout .match-data:hover {
  border: 1px solid #35b37f
}

.bracket-compact.dark .ant-progress-inner {
  background-color: #2f4d6b
}

.bracket-compact .match.bye .match-scores {
  opacity: .4
}

.bracket-compact .match.assigned .match-scores {
  background: linear-gradient(90deg, #304d6a, #556c83)
}

.bracket-compact .completed .match-number {
  color: #fff
}

.bracket-compact .zoom-buttons-container {
  background-color: hsla(0, 0%, 100%, .9);
  border-radius: 10px;
  border: 1px solid #eee
}

.bracket-compact.dark .zoom-buttons-container,
.bracket-compact .zoom-buttons-container {
  position: absolute;
  right: 10px;
  bottom: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
  padding: 10px
}

.bracket-compact.dark .zoom-buttons-container {
  background-color: #000;
  border-radius: 10px;
  border: 1px solid #000
}

.bracket-compact .zoom-buttons {
  color: #fff;
  background-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 5px 15px rgba(0, 63, 255, .2);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  cursor: pointer;
  touch-action: manipulation;
  height: 32px;
  width: 36px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  border-radius: 4px;
  transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.bracket-compact .zoom-buttons:hover {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff
}

.bracket-compact .zoom-minus {
  margin-top: 10px
}

.bracket-compact .match-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 16px
}

.bracket-compact.dark .match-data,
.bracket-compact .match-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #d3dce4
}

.bracket-compact .match-data:hover {
  box-shadow: 0 0 9px rgba(0, 0, 0, .1);
  border: 1px solid #198fff !important
}

.bracket-compact.dark .match-data:hover {
  box-shadow: 0 0 9px rgba(0, 0, 0, .1);
  border: 1px solid #4da9ff !important
}

.bracket-compact .winner-loser-from {
  color: #aeb4bb
}

.bracket-compact .match-footer {
  margin: 2px 0 0;
  font-size: 12px;
  height: 16px
}

.bracket-compact .compact .match-footer {
  height: 0
}

.bracket-compact .match-number {
  padding: 10px 6px;
  text-align: center;
  background-color: #d3dce4;
  border-radius: 8px 0 0 8px;
  color: #000
}

.bracket-compact.dark .match-number {
  padding: 10px 6px;
  text-align: center;
  background-color: #172b40;
  border-radius: 8px 0 0 8px;
  color: #fff
}

.bracket-compact .player-seed {
  background-color: hsla(0, 0%, 100%, 0);
  padding: 5px;
  min-width: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}

.bracket-compact.dark .ant-btn-secondary {
  background-color: #000;
  color: #fff
}

.bracket-compact .match-scores {
  flex: 1 1;
  background-color: #fff
}

.bracket-compact.dark .pending .match-scores {
  flex: 1 1;
  background-color: #056c72
}

.bracket-compact .pending .match-scores {
  flex: 1 1;
  background-color: #aceae5
}

.bracket-compact.dark .match-scores {
  flex: 1 1;
  background-color: #2f4d6b
}

.bracket-compact .player {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ededed;
  cursor: pointer
}

.bracket-compact .player-number {
  align-items: center;
  border-right: 1px solid #ededed;
  padding: 5px 10px;
  min-width: 35px;
  text-align: center
}

.bracket-compact .player-name {
  align-items: center;
  flex: 1 1;
  text-align: left;
  display: flex;
  font-weight: 700;
  height: 34px
}

.bracket-compact .player-name .flag {
  margin-right: 10px
}

.bracket-compact .player-score {
  align-items: center;
  font-weight: 600;
  padding: 8px 10px 5px;
  min-width: 35px;
  text-align: center;
  font-size: 1.1em
}

.bracket-compact .player.bottom {
  border-bottom: 0
}

.bracket-compact .match.streaming .player {
  background: linear-gradient(90deg, #ffe1e3, #fff)
}

.bracket-compact.dark .match.streaming .player {
  background: linear-gradient(90deg, #8a191f, #304d6a)
}

.bracket-compact .match.streaming .player.winning {
  background: linear-gradient(90deg, #ffc0c4, #fff)
}

.bracket-compact.dark .match.streaming .player.winning {
  background: linear-gradient(90deg, #f5212d, #304d6a)
}

.bracket-compact .match.streaming .player.losing {
  background: linear-gradient(90deg, #ffe1e3, #fff)
}

.bracket-compact.dark .match.streaming .player.losing {
  background: linear-gradient(90deg, #8a191f, #304d6a)
}

.ant-progress.dark .ant-progress-inner {
  background-color: hsla(0, 0%, 100%, .1) !important
}

.bracket-compact .player.losing {
  background: linear-gradient(90deg, #d3e8ff, #fff)
}

.bracket-compact.dark .player.losing {
  background: linear-gradient(90deg, #0866b8, #2f4e6c)
}

.bracket-compact .pending .player.losing {
  background: linear-gradient(90deg, #aceae5, #fff)
}

.bracket-compact.dark .pending .player.losing {
  background: linear-gradient(90deg, #006e73, #304d6a)
}

.bracket-compact .player.loser {
  opacity: .6
}

.bracket-compact.dark .player.loser .player-score {
  background-color: #2f4d6b
}

.bracket-compact .player.winner {
  background: linear-gradient(-90deg, #fff9e1, #fff);
  background: #fff9e1
}

.bracket-compact.dark .player.winner {
  background: #22598e
}

.bracket-compact .player.winning {
  background: linear-gradient(90deg, #a2ceff, #fff)
}

.bracket-compact.dark .player.winning {
  background: linear-gradient(90deg, #2e97fe, #304d6a)
}

.bracket-compact .pending .player.winning {
  background: linear-gradient(90deg, #63d2c9, #fff)
}

.bracket-compact.dark .pending .player.winning {
  background: linear-gradient(90deg, #009ba2, #304d6a)
}

.bracket-compact .player.winner .player-score {
  background-color: #fff4bf;
  font-weight: 700
}

.bracket-compact.dark .player.winner .player-score {
  background-color: #216bb1;
  font-weight: 700
}

@keyframes flickerAnimation {
  0% {
    opacity: 1
  }

  50% {
    opacity: .2
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1
  }

  50% {
    opacity: .2
  }

  to {
    opacity: 1
  }
}

.animate-flicker {
  -webkit-animation: flickerAnimation 1s 3;
  animation: flickerAnimation 1s 3
}

.bracket-compact .match-scores.blinking,
.bracket-compact .player.blinking {
  -webkit-animation: blinkingPlayer 1.2s infinite;
  animation: blinkingPlayer 1.2s infinite
}

.bracket-compact .player.active-path.blinking .player-score,
.bracket-compact .player.blinking .player-score {
  background-color: #1890ff !important
}

@-webkit-keyframes blinkingPlayer {
  0% {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff
  }

  49% {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff
  }

  60% {
    color: transparent;
    background-color: none;
    border-color: none
  }

  99% {
    color: transparent;
    background-color: none;
    border-color: none
  }

  to {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff
  }
}

@keyframes blinkingPlayer {
  0% {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff
  }

  49% {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff
  }

  60% {
    color: transparent;
    background-color: none;
    border-color: none
  }

  99% {
    color: transparent;
    background-color: none;
    border-color: none
  }

  to {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff
  }
}

.dpl .hello h1 {
  color: #0b2296;
  font-size: 64px;
  font-size: 4rem;
  margin: 0
}

.dpl .hello .logo {
  width: 250px
}

.dpl .header-container {
  background-attachment: fixed;
  background-color: #161922;
  background-image: url(/static/media/header-bg3.a9fe46a9.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover
}

.dpl .content-container {
  margin-top: -7px
}

@media only screen and (min-width:768px) {
  .dpl .content-container {
    margin: 0
  }
}

.dpl .container {
  max-width: 1120px
}

.dpl .flex {
  -ms-flex: 1;
  -ms-flex-pack: start;
  -webkit-box-flex: 1;
  -webkit-box-pack: start;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: flex-start
}

@media only screen and (min-width:768px) {
  .dpl .flex {
    -ms-flex: 1;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    -webkit-box-pack: justify;
    display: flex;
    flex: 1 1;
    flex-direction: row;
    justify-content: space-between
  }
}

.dpl .row {
  margin-bottom: 0
}

.dpl .row .col {
  padding: 0
}

.dpl .col-3 {
  display: inline-block
}

.dpl .header-full {
  display: none
}

@media only screen and (min-width:768px) {
  .dpl .col-3 {
    -ms-flex: 1;
    -ms-flex-line-pack: start;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    -webkit-box-pack: justify;
    align-content: flex-start;
    display: flex;
    flex: 1 1;
    flex-direction: row;
    justify-content: space-between
  }

  .dpl .col-3 .col+.col {
    margin-left: 60px
  }

  .dpl .col-3 .row .col {
    padding: 0 2rem
  }
}

.dpl:after {
  background: #161922 url(/static/media/header-bg3.a9fe46a9.jpg) 0 0;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1
}

.dpl .header-container-sub {
  height: auto;
  position: relative
}

@media only screen and (min-width:768px) {
  .dpl .header-container-sub {
    min-height: 100px
  }
}

@media only screen and (min-width:768px) {
  .dpl .header-container-sub .header-logo {
    display: inline-block;
    margin: 0
  }

  .dpl .header-container-sub .container:first-of-type {
    padding-bottom: 85px;
    padding-top: 85px
  }
}

.dpl .header-container-sub .top-nav {
  display: none
}

.dpl .header-container {
  height: auto;
  position: relative
}

@media only screen and (min-width:768px) {
  .dpl .header-container {
    height: 700px
  }
}

.dpl .header-container .container {
  text-align: center
}

.dpl .header-container .container:first-of-type {
  -ms-flex-align: center;
  -ms-flex-line-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
  max-width: 1120px;
  padding-top: 40px;
  position: relative
}

@media only screen and (min-width:768px) {
  .dpl .header-container .container:first-of-type {
    justify-content: space-between
  }

  .dpl .header-container .container {
    text-align: left
  }
}

.dpl .header-container .header-logo {
  display: inline-block
}

@media only screen and (min-width:768px) {
  .dpl .header-container .header-logo {
    display: inline-block;
    margin: 0
  }

  .dpl .header-container .container:first-of-type {
    padding-top: 85px
  }
}

.dpl .header-container .top-nav {
  display: none
}

.dpl .header-container .header-app {
  bottom: 0;
  display: inline-block;
  line-height: 0;
  position: absolute;
  z-index: 1
}

.dpl .header-container .header-app img {
  max-width: 700px
}

@media only screen and (min-width:768px) {
  .dpl .header-container .header-app {
    bottom: 0;
    display: inline-block;
    line-height: 0;
    position: absolute;
    z-index: 1
  }

  .dpl .header-container .header-app img {
    max-width: 1100px
  }
}

@media only screen and (min-width:768px) {
  .dpl .header-container .text-container {
    top: 30px
  }
}

.dpl .header-container .text-container {
  max-width: 500px;
  position: relative;
  top: 10px;
  z-index: 2
}

.dpl .header-container .text-container h1 {
  color: #fff;
  font-size: 50px;
  line-height: 60px
}

.dpl .header-container .text-container .notify-container {
  display: inline-block;
  width: 360px
}

.dpl .header-container .text-container .notify-container h3 {
  color: #ffad23;
  font-size: 25px
}

.dpl .header-container .text-container .notify-container p {
  color: #fff;
  font-size: 16px
}

.dpl .header-container .text-container .notify-container form {
  margin-top: 30px
}

.dpl .tos {
  padding-bottom: 40px;
  padding-top: 40px
}

.dpl .tos h2 {
  font-size: 3em
}

.dpl .tos h3 {
  font-size: 1.4em;
  font-weight: 800;
  line-height: 1.4em
}

.dpl form {
  display: inline-block
}

.dpl form .fields {
  -ms-flex: 1;
  -ms-flex-pack: start;
  -webkit-box-flex: 1;
  -webkit-box-pack: start;
  display: flex;
  flex: 1 1;
  justify-content: flex-start
}

.dpl form .fields input.error {
  background-color: rgba(255, 0, 0, .16) !important;
  border: 1px solid #ff1744 !important;
  color: #ff1744 !important
}

.dpl form .error {
  color: #ff1744
}

.dpl .intro p {
  color: #9aa9bd
}

.dpl .content-block {
  padding-bottom: 1rem;
  padding-top: 3rem;
  position: relative;
  width: 100%
}

.dpl .content-block h1 {
  font-size: 35px;
  margin-top: 0
}

.dpl .content-block h2 {
  color: #fff;
  font-size: 35px;
  margin-bottom: 10px;
  margin-top: 10px
}

.dpl .content-block h3 {
  color: #fff;
  font-size: 35px;
  margin: 0 auto;
  max-width: 735px
}

.dpl .content-block p {
  font-size: 15px;
  line-height: 30px;
  margin: 20px auto;
  max-width: 900px
}

.dpl .content-block.footer {
  padding: 0;
  text-align: center
}

.dpl .content-block.footer p {
  max-width: 100%
}

.dpl .content-block.signup {
  text-align: center
}

.dpl .content-block.signup h3 {
  font-size: 25px
}

.dpl .content-block.signup h2 {
  font-size: 30px
}

.dpl .content-block.signup form {
  text-align: center
}

.dpl .content-block.signup form .error {
  text-align: left
}

@media only screen and (min-width:768px) {
  .dpl .content-block.footer {
    padding: 0;
    text-align: left
  }

  .dpl .content-block.footer p {
    max-width: 100%
  }

  .dpl .content-block.signup {
    padding: 3rem 0 2rem;
    text-align: left
  }

  .dpl .content-block.signup form {
    text-align: right
  }
}

.dpl .content-block.about {
  padding: 2rem 4rem 4rem
}

.dpl .content-block.why {
  padding: 3rem 2rem 1rem
}

.dpl .content-block.why h3 {
  color: #000;
  line-height: 50px
}

@media only screen and (min-width:768px) {
  .dpl .content-block.why {
    padding: 3rem 0 1rem
  }
}

.dpl .content-block.ribbon {
  margin: 0 auto;
  padding: 2rem 1rem
}

.dpl .content-block.ribbon .container {
  display: inline-block;
  margin: 0
}

.dpl .content-block.ribbon h2 {
  color: #fff;
  font-size: 26px;
  line-height: 34px;
  margin: 0
}

.dpl .content-block.ribbon .contact-link {
  -o-transition: opacity .15s ease;
  -webkit-transition: opacity .15s ease;
  color: #fff;
  text-decoration: underline;
  transition: opacity .15s ease
}

.dpl .content-block.ribbon .contact-link:hover {
  opacity: .75
}

.dpl .content-block.feature {
  padding: 4rem 0
}

.dpl .content-block.feature .col {
  text-align: center;
  width: 100%
}

.dpl .content-block.feature .feature-label {
  color: #0089ff;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase
}

.dpl .content-block.feature .feature-title {
  color: #000;
  line-height: 50px;
  max-width: 600px;
  text-align: center
}

.dpl .content-block.feature .text-container .col+.col {
  margin-top: 50px
}

.dpl .content-block.feature.how .col {
  line-height: 30px;
  font-size: 15px
}

@media only screen and (min-width:768px) {

  .dpl .content-block.feature .feature-label,
  .dpl .content-block.feature .feature-title {
    text-align: left
  }

  .dpl .content-block.feature .col {
    text-align: left;
    width: 50%
  }

  .dpl .content-block.feature .col+.col {
    margin-left: 50px
  }

  .dpl .content-block.feature .text-container {
    -ms-flex: 1;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    -webkit-box-pack: justify;
    display: flex;
    flex: 1 1;
    justify-content: space-between;
    max-width: 500px
  }

  .dpl .content-block.feature .text-container .col+.col {
    margin-left: 50px;
    margin-top: 0
  }

  .dpl .content-block.feature .text-container .col {
    margin: 0
  }

  .dpl .content-block.feature.how .text-container {
    max-width: 100%
  }
}

.dpl .footer-link {
  -o-transition: color .15s ease;
  -webkit-transition: color .15s ease;
  color: #039be5;
  transition: color .15s ease
}

.dpl .footer-link:hover {
  color: #fff
}

.dpl .align-right {
  text-align: right
}

.dpl .notify-form {
  display: inline-block;
  margin-top: 20px;
  text-align: center
}

@media only screen and (min-width:768px) {
  .dpl .notify-form {
    display: inline-block;
    margin-top: 0;
    text-align: right
  }
}

.dpl img.realtime-scoring {
  max-width: 380px
}

.dpl img.live-brackets {
  max-width: 400px
}

.dpl img.multiple-game-types {
  max-width: 330px
}

.dpl img.sponsored-locations {
  max-width: 350px
}

@media only screen and (min-width:1024px) {
  .dpl img.realtime-scoring {
    width: 380px
  }

  .dpl img.live-brackets {
    width: 400px
  }

  .dpl img.multiple-game-types {
    width: 330px
  }

  .dpl img.sponsored-locations {
    width: 350px
  }
}

@media only screen and (min-width:768px) {
  .dpl .intro-block {
    margin-top: -80px;
    position: relative;
    text-align: center
  }

  .dpl .intro-block,
  .dpl .intro-block .intro-icon {
    margin-bottom: 2rem
  }

  .dpl .intro-block h3 {
    color: #fff;
    font-size: 20px
  }

  .dpl .intro-block p {
    line-height: 30px;
    margin: 20px auto
  }
}

.dpl .intro-block {
  position: relative;
  text-align: center
}

.dpl .intro-block .intro-icon {
  margin-bottom: 2rem
}

.dpl .intro-block h3 {
  color: #fff;
  font-size: 20px
}

.dpl .intro-block p {
  line-height: 30px;
  margin: 20px auto
}

.dpl .centered {
  text-align: center;
  width: 100%
}

.dpl .white-bg {
  background-color: #fff
}

.dpl .dark-bg {
  background-color: #161922
}

.dark-grey-bg {
  background-color: #1d2029
}

.dpl .medium-grey-bg {
  background-color: #2b3141
}

.dpl .light-grey-bg {
  background-color: #f9f9f9
}

.dpl .blue-gradient-bg {
  background-image: linear-gradient(270deg, #00d0ff, #213ca3)
}

.dpl .light-blue-bg {
  background-color: #f6fafe
}

.dpl .shadow {
  box-shadow: 0 7px 21px -7px rgba(0, 0, 0, .53)
}

.dpl .reverse-shadow,
.dpl .shadow {
  position: relative;
  z-index: 1
}

.dpl .reverse-shadow {
  box-shadow: 0 -5px 21px -7px rgba(0, 0, 0, .53)
}

.dpl .orange-text {
  color: #ffad23
}

.dpl .success-message {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  padding: 20px;
  width: auto
}

.dpl .hidden {
  display: none
}

.dpl .input-button {
  -o-transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  height: 48px;
  margin-left: 10px;
  outline-color: #ffad23;
  padding: 0 20px;
  transition: opacity .25s ease
}

.dpl .input-button.orange {
  background: #ffad23;
  background: linear-gradient(180deg, #ffad23, #ff7e37);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad23", endColorstr="#ff7e37", GradientType=0)
}

.dpl .input-button.disabled {
  opacity: .25;
  pointer-events: none
}

.dpl .input-field {
  border: 1px solid hsla(0, 0%, 100%, .45) !important;
  border-radius: 5px !important;
  color: #fff !important;
  max-width: 140px;
  padding: 0 0 0 20px !important
}

.dpl .input-field:focus {
  -webkit-box-shadow: none !important;
  border: 1px solid hsla(0, 0%, 100%, .75) !important;
  box-shadow: none !important
}

.podium {
  display: flex
}

.podium .place {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center
}

.podium .place .participant {
  text-align: center;
  width: 100%;
  flex: 1 1;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 16px
}

.podium .place .participant .info {
  display: flex;
  align-items: center;
  flex-direction: column
}

.podium .place .participant .name {
  margin-top: 10px;
  margin-bottom: 5px
}

.podium .place .base {
  background-color: #000;
  vertical-align: bottom;
  position: relative;
  display: inline-block;
  width: 100%
}

.podium .place .number {
  padding: 10px 0;
  position: relative;
  color: #fff;
  text-align: center;
  width: 100%;
  background-color: #40464d
}

.podium .place.position1 .base {
  height: 50px;
  background-color: #fff0b3;
  background: linear-gradient(180deg, #fff0b3, #fc0)
}

.podium .place.position2 .base {
  height: 25px;
  background-color: #d3dce4;
  background: linear-gradient(180deg, #dee1e2, #b0bec5)
}

.podium .place.position2 .participant .info {
  margin-top: 10px
}

.podium .place.position3 .base {
  height: 10px;
  background-color: #ffcd83;
  background: linear-gradient(180deg, #ffcd83, #ff9800)
}

.podium .place.position3 .participant .info {
  margin-top: 30px
}

.App {
  text-align: center
}

.App-logo {
  -webkit-animation: App-logo-spin 20s linear infinite;
  animation: App-logo-spin 20s linear infinite;
  height: 40vmin;
  pointer-events: none
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: #fff
}

.App-link {
  color: #61dafb
}

@-webkit-keyframes App-logo-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes App-logo-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.match-badge {
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  padding: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  font-weight: 600;
  font-size: .8em;
  line-height: 1em;
  border-radius: 4px;
  text-align: center
}

.match-badge.win {
  background-color: #2096f3;
  color: #fff
}

.match-badge.loss {
  background-color: #40464d;
  color: #fff
}

.logo {
  max-width: 160px;
  float: left
}

.logo-centered {
  max-width: 160px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.round {
  padding: 0
}

.bye-round {
  opacity: .5 !important
}

.ant-input,
.ant-select-selection {
  background: none;
  font-size: 16px
}

::-webkit-input-placeholder {
  color: #707070 !important;
  opacity: .6
}

:-ms-input-placeholder {
  color: #707070 !important;
  opacity: .6
}

.ant-select-selection__placeholder,
::placeholder {
  color: #707070 !important;
  opacity: .6
}

.ant-form-vertical .ant-form-item {
  padding-bottom: 0
}

.ant-select-dropdown-menu-item-group-list>.ant-select-dropdown-menu-item {
  padding-left: 12px
}

.player-table .ant-table-tbody>tr.ant-table-row:hover>td {
  background: unset
}

.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: rgba(0, 0, 0, .65)
}

#bracket-container .ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
  width: 40px
}

.tournament-progress-bar {
  width: 100%;
  height: 6px;
  position: relative;
  overflow: hidden;
  z-index: 1
}

.round tbody tr:nth-child(2n) {
  background-color: #fff
}

.round tbody tr:nth-child(odd) {
  background-color: #f7f9fa
}

.title-sticky-active {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6
}

.title-sticky-released {
  background-color: #fff;
  border-bottom: none
}

.ant-modal-wrap {
  left: 0 !important
}

.ant-menu-item {
  transition: all .1s ease;
  border-left: 2px solid transparent
}

.ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane,
.ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane {
  transition: opacity 0s
}

.tabs-bg .ant-tabs-nav .ant-tabs-tab-active {
  color: #72f8ff
}

.tabs-bg .ant-tabs-ink-bar {
  background-color: #72f8ff
}

.tabs-bg .ant-tabs-nav .ant-tabs-tab:hover {
  color: #72f8ff
}

.tabs-bg2 .ant-tabs-nav .ant-tabs-tab-active {
  color: #1890ff
}

.tabs-bg2 .ant-tabs-ink-bar {
  background-color: #1890ff
}

.tabs-bg2 .ant-tabs-nav .ant-tabs-tab:hover {
  color: #1890ff
}

.ant-tabs.no-scroll .ant-tabs-nav-container-scrolling {
  padding: 0 !important
}

.ant-tabs.no-scroll .ant-tabs-tab-arrow-show {
  display: none
}

.ant-layout-sider-dark .ant-menu-item:hover {
  background-color: rgba(0, 0, 0, .3) !important
}

.ant-layout-sider-dark .ant-menu-item-active,
.products-menu .ant-menu-item-active {
  background-color: hsla(0, 0%, 100%, .04) !important
}

.ant-modal-body {
  overflow-x: auto
}

.ant-layout-sider-dark .ant-menu-item-selected,
.products-menu .ant-menu-item-selected {
  background-color: rgba(0, 0, 0, .5) !important;
  border-left: 2px solid #1890ff !important
}

.ant-menu-item-active {
  background-color: hsla(0, 0%, 100%, .04) !important
}

.ant-menu-item-selected {
  background-color: hsla(0, 0%, 100%, .1) !important;
  border-left: 2px solid #1890ff !important
}

.table_nowrap table td,
.table_nowrap table th {
  white-space: nowrap
}

body.light-mode .match-table.table-striped-rows tr.completed:nth-child(2n) td {
  background-color: #fff9e1
}

body.light-mode .match-table.table-striped-rows tr.in_progress:nth-child(2n) td {
  background-color: #e4f1ff
}

body.light-mode .match-table.table-striped-rows tr.streaming:nth-child(2n) td {
  background-color: #ffe5e6
}

body.dark-mode .match-table.table-striped-rows tr.completed:nth-child(2n) td {
  background-color: #17212b
}

body.dark-mode .match-table.table-striped-rows tr.in_progress:nth-child(2n) td {
  background-color: #08213b
}

body.dark-mode .match-table.table-striped-rows tr.streaming:nth-child(2n) td {
  background-color: #3c1315
}

.ant-card-body {
  flex: 1 1
}

.ant-tabs-tab-next.ant-tabs-tab-arrow-show,
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show {
  color: #fff
}

.ant-card-meta-title {
  white-space: normal
}

.ant-card-hoverable2 {
  transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.ant-card-hoverable2:hover {
  -webkit-transform: translateY(-.5rem);
  transform: translateY(-.5rem);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05), 0 15px 37px 0 #dbe2eb !important
}

.ant-card-hoverable.dashed-card {
  border: 2px dashed #ccc !important
}

.ant-card-hoverable {
  transition: all .15s cubic-bezier(.4, 0, .2, 1);
  -webkit-transform: scale(.98) translateZ(0);
  transform: scale(.98) translateZ(0)
}

.ant-card-hoverable:hover {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 16px 20px -10px rgba(0, 0, 0, .3), 0 16px 10px -10px #dbe2eb;
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  z-index: 10;
  border-radius: 4px
}

@media only screen and (min-width:960px) {

  .section-header h2,
  .section-header h3 {
    letter-spacing: 8px
  }

  .ant-page-header-heading-title {
    letter-spacing: 5px
  }
}

.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fff
}

.ant-tabs-bar {
  margin: 0
}

.ant-page-header-heading-title {
  font-size: 22px;
  font-weight: 500
}

.products-menu {
  position: fixed;
  left: 0;
  width: 58px;
  z-index: 10;
  height: 100%;
  overflow: hidden
}

.ant-menu-dark,
.ant-menu-light {
  background: none !important
}

.ant-menu-horizontal,
.ant-menu-horizontal .ant-menu-submenu,
.ant-menu-horizontal .ant-menu-submenu:hover {
  border: none
}

.logged-in .mobile .ant-message,
.logged-out .desktop .ant-message,
.logged-out .mobile .ant-message {
  width: 300px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: auto;
  position: fixed
}

.sidebar {
  height: 100%
}

.logged-in .desktop .ant-message {
  width: 300px;
  left: calc(50% + 150px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: auto;
  position: fixed
}

.ant-descriptions-title {
  padding-bottom: 6px;
  border-bottom: 1px solid #e8e8e8
}

.ant-form-horizontal .ant-form-item-label {
  line-height: 39.9999px
}

.noselect .ant-table-tbody>tr.ant-table-row:hover>td {
  background: unset !important;
  cursor: auto !important
}

.ant-list-item-meta-title {
  margin-bottom: 0
}

.ant-list-item.selected {
  background-color: #e8e8e8
}

.ant-layout-sider-collapsed,
.ant-menu-inline-collapsed {
  min-width: 60px !important;
  max-width: 60px !important;
  width: 60px !important
}

.ant-menu-inline-collapsed {
  padding: 0
}

.ant-menu-inline-collapsed>.ant-menu-item {
  padding: 0 20px !important
}

.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: none
}

.bracket-compact,
.bracket-default {
  background-color: #dff4ff !important
}

.bracket-compact.dark,
.bracket-default.dark {
  background-color: #0b1a2c !important
}

.ant-breadcrumb {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px
}

.ant-tabs .ant-tabs-bottom-content,
.ant-tabs .ant-tabs-top-content {
  width: 100%;
  height: 100%
}

.products-menu .ant-badge-count {
  min-width: 16px;
  height: 16px;
  padding: 3px;
  font-size: 12px;
  line-height: 10px;
  box-shadow: none;
  font-weight: 700
}

.orange-breadcrumb .ant-breadcrumb-link a {
  color: #e47e12
}

.orange-breadcrumb.ant-breadcrumb-link a:hover {
  color: #e87400
}

.orange-breadcrumb.ant-breadcrumb>span:last-child a {
  color: #e87400;
  font-weight: 700
}

.orange-breadcrumb .ant-breadcrumb-separator {
  color: #faad14
}

.dark-breadcrumb .ant-breadcrumb-link a {
  color: hsla(0, 0%, 100%, .7)
}

.dark-breadcrumb .ant-breadcrumb-link a:hover {
  color: #fff
}

.dark-breadcrumb.ant-breadcrumb>span:last-child a {
  color: #fff;
  font-weight: 500
}

.dark-breadcrumb .ant-breadcrumb-separator {
  color: hsla(0, 0%, 100%, .5)
}

.ant-list-item-meta {
  align-items: center
}

.ant-badge-dot {
  box-shadow: none
}

.ant-menu-item.deleted {
  color: hsla(0, 0%, 100%, .35) !important;
  opacity: .8
}

.player-search.ant-select-selection__placeholder ::-webkit-input-placeholder {
  color: #000 !important
}

.player-search.ant-select-selection__placeholder :-ms-input-placeholder {
  color: #000 !important
}

.player-search.ant-select-auto-complete.ant-select .ant-select-selection__placeholder,
.player-search.ant-select-selection__placeholder ::placeholder {
  color: #000 !important
}

.player-search {
  margin: 5px
}

.player-search input {
  color: #000
}

.player-search .ant-select-selection {
  background: none !important;
  color: #000
}

.player-search ::-webkit-input-placeholder {
  color: #000 !important;
  opacity: 1
}

.player-search :-ms-input-placeholder {
  color: #000 !important;
  opacity: 1
}

.player-search ::placeholder {
  color: #000 !important;
  opacity: 1
}

.player-search .ant-input-search-icon {
  color: #000
}

.ant-badge-count {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 18px;
  box-shadow: none
}

body.light-mode .match-table .in_progress {
  background-color: #d3e8ff
}

body.light-mode .match-table .completed {
  background-color: #fffdf7
}

body.light-mode .match-table .streaming {
  background-color: #ffe5e6
}

body.dark-mode .match-table .in-progress {
  background-color: #08213b
}

body.dark-mode .match-table .streaming {
  background-color: #3c1315
}

.ant-layout-sider {
  background: #0d1e35
}

.ant-table-tbody>tr>td,
.ant-table-thead>tr>th {
  padding: 12px 24px
}

.ant-table-pagination.ant-pagination {
  margin: 16px
}

.ant-layout-header-dark .ant-input-affix-wrapper .ant-input {
  background-color: rgba(0, 0, 0, .1);
  border: 1px solid hsla(0, 0%, 100%, .2);
  color: #fff;
  padding-left: 15px;
  border-radius: 30px
}

.ant-layout-header-dark .ant-input-search-icon {
  color: #fff
}

.ant-layout-header-light .ant-input-affix-wrapper .ant-input {
  background-color: hsla(0, 0%, 100%, .1);
  border: 1px solid rgba(0, 0, 0, .2);
  color: #000;
  padding-left: 15px;
  border-radius: 30px
}

.ant-layout-header-light .ant-input-search-icon {
  color: #000
}

.ant-menu-submenu-title .anticon {
  margin-right: 15px
}

.ant-layout-sider .ant-menu-sub .ant-menu-item {
  padding-left: 24px !important
}

.Tappable-inactive {
  display: inline-block
}

.ant-layout-sider .ant-menu.ant-menu-dark .ant-menu-item-selected {
  background: hsla(0, 0%, 100%, .08);
  border-left: 2px solid #1890ff !important
}

.ant-menu.ant-menu-dark .ant-menu-item-selected {
  border-left: 2px solid transparent !important
}

.ant-layout-sider.products-menu .ant-menu.ant-menu-dark .ant-menu-item-selected {
  background: none;
  border: none
}

.ant-layout-sider.products-menu {
  background-color: #081629;
  box-shadow: inset -5px 0 10px -2px rgba(0, 0, 0, .4)
}

.ant-btn,
.ant-layout-header .ant-btn {
  padding: 0 10px
}

.ant-btn {
  line-height: 1
}

.ant-btn+.ant-btn {
  margin-left: 6px
}

.ant-form-item {
  margin-bottom: 0;
  padding-bottom: 0
}

.ant-form-inline .ant-form-item>.ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item>.ant-form-item-label {
  vertical-align: middle
}

.ant-form-item-control {
  line-height: 20px
}

.ant-form-vertical .ant-form-item-label {
  padding: 8px 0 0
}

.ant-form-item-label {
  line-height: 1em
}

.ant-table-tbody>tr {
  cursor: pointer
}

.ant-layout-header-dark {
  background: linear-gradient(180deg, #26394a, #0b192b)
}

.ant-layout-header-dark,
.header-narrow {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
  z-index: 1
}

.header-narrow {
  background: linear-gradient(180deg, #354358, #0d1e35)
}

.ant-layout-header-light {
  background: linear-gradient(180deg, #fff, #fafafa);
  box-shadow: 0 -2px 10px 0 rgba(0, 21, 41, .35);
  z-index: 1
}

.ant-descriptions-item {
  vertical-align: top
}

.ant-descriptions-item-label {
  font-weight: 700
}

.ant-page-header-heading-extra {
  position: relative
}

.ant-page-header {
  padding: 24px
}

.ant-content {
  padding: 24px;
  flex: 1 1;
  display: flex
}

.ant-btn-primary {
  box-shadow: 0 5px 15px rgba(0, 63, 255, .2)
}

.ripple-effect {
  width: 100%;
  position: relative;
  display: flex;
  overflow: hidden;
  height: 100%
}

.ant-empty {
  flex: 1 1;
  align-self: center
}

.ant-menu-submenu-title {
  padding: 0
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.dark .player-list .ant-list-header {
  border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.ant-col {
  padding-top: 8px;
  padding-bottom: 8px
}

body.light-mode .table-striped-rows tr:nth-child(2n) td {
  background-color: #f7f9fa
}

body.light-mode .table-striped-rows thead {
  background-color: #f1f1f1
}

body.dark-mode .table-striped-rows tr:nth-child(2n) td {
  background-color: #071524
}

body.dark-mode .table-striped-rows thead {
  background-color: #f1f1f1
}

.masonry-container {
  width: 100%;
  margin: auto
}

.masonry-container .masonry {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: stretch;
  width: 100%;
  margin: auto
}

.masonry-container .column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: stretch;
  flex-grow: 1;
  min-width: 200px;
  max-width: 400px
}

.masonry-container .item+.item {
  margin-top: 14px
}

@media only screen and (max-width:600px) {
  .masonry-container .column {
    min-width: 100%
  }
}

@media only screen and (max-width:600px) and (min-width:960px) {
  .masonry-container .column {
    min-width: 50%
  }
}

@media only screen and (min-width:960px) {
  .masonry-container .column {
    min-width: calc(33% - 10px)
  }
}

@media only screen and (min-width:1280px) {
  .masonry-container .column {
    min-width: calc(25% - 10px)
  }
}

@media only screen and (min-width:1920px) {
  .masonry-container .column {
    min-width: calc(20% - 10px)
  }
}

.masonry-container .column {
  margin-left: 7px;
  margin-right: 7px
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.headroom {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  justify-content: center;
  display: flex;
  background: linear-gradient(-90deg, #002eaf, #008dd0) 100% 100% no-repeat
}

.headroom--pinned.headroom--scrolled {
  z-index: 10 !important
}

.scroll-container,
.scrolling-wrapper-container {
  -webkit-overflow-scrolling: touch
}

.scrolling-wrapper-container {
  overflow-y: scroll;
  height: 100%;
  width: 100%
}

.scrollto-top-container {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  cursor: pointer;
  opacity: .6;
  text-align: center;
  transition: all .3s ease
}

.scrollto-top-container:hover {
  opacity: 1;
  -webkit-animation: wiggle 1s ease;
  animation: wiggle 1s ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1
}

@-webkit-keyframes wiggle {
  20% {
    -webkit-transform: translate(-50%, 6px);
    transform: translate(-50%, 6px)
  }

  40% {
    -webkit-transform: translate(-50%, -6px);
    transform: translate(-50%, -6px)
  }

  60% {
    -webkit-transform: translate(-50%, 4px);
    transform: translate(-50%, 4px)
  }

  80% {
    -webkit-transform: translate(-50%, -2px);
    transform: translate(-50%, -2px)
  }

  to {
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
  }
}

@keyframes wiggle {
  20% {
    -webkit-transform: translate(-50%, 6px);
    transform: translate(-50%, 6px)
  }

  40% {
    -webkit-transform: translate(-50%, -6px);
    transform: translate(-50%, -6px)
  }

  60% {
    -webkit-transform: translate(-50%, 4px);
    transform: translate(-50%, 4px)
  }

  80% {
    -webkit-transform: translate(-50%, -2px);
    transform: translate(-50%, -2px)
  }

  to {
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
  }
}

.ant-table-row.winners+.ant-table-row.losers>td {
  border-top: 1px solid #ff838a !important
}

.display-linebreak {
  white-space: pre-line
}

.border-gradient {
  border-image-slice: 1;
  border: 5px solid;
  border-radius: 50%
}

.border-gradient-purple {
  border-image-source: linear-gradient(270deg, #743ad5, #d53a9d)
}

.border-gradient-green {
  border-image-source: linear-gradient(270deg, #00c853, #b2ff59)
}

.ant-upload.ant-upload-select {
  display: block
}

.gradient-border {
  background: linear-gradient(116deg, #70ceff, #0380f5);
  border-radius: 50%;
  padding: 1px;
  position: relative
}

.match-disabled {
  opacity: .7
}

.ball-tray .ant-btn+.ant-btn {
  margin-left: 0
}

.ball-scored {
  opacity: .3 !important
}

.stream-overlay-button .ant-btn-ghost {
  color: #fff
}

.slick-slider {
  background-color: #000
}

.slick-slide img {
  margin: auto
}

.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  color: red;
  border: none;
  outline: 0;
  background: 0 0
}

.slick-prev {
  left: 25px;
  z-index: 100
}

.slick-next {
  right: 25px;
  z-index: 100
}

.slick-dots {
  bottom: 25px;
  color: #fff;
  z-index: 100
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
  color: #fff
}

.image-button-container {
  position: relative;
  display: flex;
  justify-content: center
}

.image-button-container:hover .image-button-overlay {
  opacity: 1
}

.image-button-container img {
  transition: .5s ease
}

.image-button-container:hover img {
  opacity: .5
}

.image-button-overlay {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  z-index: 10
}

.footer-dark {
  text-align: center;
  background: #111b27;
  border-top: 1px solid hsla(0, 0%, 100%, .2);
  color: hsla(0, 0%, 100%, .65)
}

.footer-light {
  text-align: center;
  background: none
}

.player-wrapper .video-react .video-react-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.player-wrapper .video-react .video-react-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: none;
  background: #3b95fa;
  border-radius: .3em;
  transition: all .4s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.player-wrapper .video-react:hover .video-react-big-play-button {
  background-color: #3b95fa;
  border: none
}

.ant-btn.disabled,
.disabled .ant-btn {
  color: hsla(0, 0%, 100%, .25) !important;
  border-color: hsla(0, 0%, 100%, .25) !important
}

.live-scoring.pending {
  opacity: .5
}

.live-text {
  padding-left: 5px;
  padding-bottom: 5px
}

.ant-modal .live-text,
.live-text {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #f5212d
}

.completed-text {
  padding-left: 5px;
  padding-bottom: 5px
}

.ant-modal .completed-text,
.completed-text {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #999
}

.pending-text {
  padding-left: 5px;
  padding-bottom: 5px
}

.ant-modal .pending-text,
.pending-text {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #0db9aa
}

.scheduled-text {
  padding-left: 5px;
  padding-bottom: 5px
}

.ant-modal .scheduled-text,
.scheduled-text {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #198fff
}

#bracket-container .dark .ant-progress-text {
  color: hsla(0, 0%, 100%, .7) !important
}

#bracket-container .ant-progress-text {
  color: rgba(0, 0, 0, .65) !important
}

.player-search-clear.ant-select-auto-complete.ant-select .ant-input {
  border: 1px solid hsla(0, 0%, 100%, .7)
}

.youtube-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 20px
}

.youtube-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.ant-comment-inner {
  padding: 16px 0 0
}

.feed-comment .ant-input-group-addon {
  padding: 0
}

.ant-comment-content {
  font-size: 16px
}

.ant-comment-content p {
  margin-bottom: 0
}

.ant-comment-actions {
  margin-top: 5px
}

.video-react .video-react-big-play-button:before,
.video-react .video-react-control:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center
}

@font-face {
  font-family: "video-react";
  src: url(data:application/vnd.ms-fontobject;base64,MBgAAHwXAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAic4U8QAAAAAAAAAAAAAAAAAAAAAAABYAdgBpAGQAZQBvAC0AcgBlAGEAYwB0AAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAWAHYAaQBkAGUAbwAtAHIAZQBhAGMAdAAAAAAAAAEAAAALAIAAAwAwT1MvMg7RD8oAAAC8AAAAYGNtYXAOVuSnAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zsdb3FIAAAF4AAAS0GhlYWQLMledAAAUSAAAADZoaGVhB6wEJgAAFIAAAAAkaG10eIgAFM8AABSkAAAAlGxvY2FLllAoAAAVOAAAAExtYXhwACoAyQAAFYQAAAAgbmFtZVtqyukAABWkAAABtnBvc3QAAwAAAAAXXAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADyIAQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8iD//f//AAAAAAAg8gD//f//AAH/4w4EAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYA1gMqAyoAAgAACQIBVgHU/iwDKv7W/tYAAgBWAFYDqgOqAAIAFgAAAS0BNzIeAhUUDgIjIi4CNTQ+AgGqAQD/AFZYnHNDQ3ObWVicc0NDc5sBQMDA6kNzm1lYnHNDQ3ObWVicc0MAAAADAFYAVgOqA6oAEwAnACoAACUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEFAgBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObAwEAqjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9lgGAwAAAAAACAQAA1gMAAyoAAwAHAAABMxEjIREzEQJWqqr+qqoDKv2sAlT9rAAAAwBWAFYDqgOqAAMABwAbAAABESMRIxEjERMyHgIVFA4CIyIuAjU0PgICgFZUVoBYnHNDQ3ObWVicc0NDc5sBVgFU/qwBVP6sAlRDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAAREzEQcyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CAxEzEQIqVoBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObJ1YBVgFU/qysNl18R0Z9XTY2XXxHRn1dNgMAQ3ObWVicc0NDc5tZWJxzQ/2sAVT+rAABAQABAAMAAwAAAwAAASERIQEAAgD+AAMA/gAAAgBqAQADVgMAAAIABQAACQERIQkBAeoBbP6A/pQBbAIAAQD+AAEAAQAAAAACAKoBAAOWAwAAAgAFAAAJAiERAQIqAWz+lP6AAWwDAP8A/wACAP8AAAAAAAIBAAEAAwADAAACAAYAAAkBEQEzESMBlgFq/gBWVgIAAQD+AAIA/gAAAAAAAgEAAQADAAMAAAMABgAAATMRIyERAQKqVlb+VgFqAwD+AAIA/wAAAAIAqgCAA1YD1gBFAGgAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMRMh4CFRQOAiMiLgI1MxQeAjMyPgI1NC4CIxUnNwH4AwsEHgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYGBwMDEQYGDQMDCwYICiIODAMGAwoEBAoJA0Z9XTY2XXxHRn1dNlYpRV01NF5FKSlFXTXW1gG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBgYDAwMBAQMDAgMEFgwLCQEDCAkDGggKBAFuNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAEAKoAgANWA9YAGwBGAE0AcAAAARQWMzI2PwEwNj0BMCY1NCYjIgYPATAGHQEwFjcUBg8BMAYjIgYjIiYnLgEnLgE9ATQ2PwEwNjMyNjMyFhceARceARceARUHIzUHNTczEzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCNA4GAwgDCAQEEgQDBgMIBgZUAQMMEAYGDgYGDgYGCAYKCAEDDg4GBg4GBg4GBgoGBgMDAwG2KCpMBi5GfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGAEeNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAABACqAIADVgPWABsARgCjAMYAAAEUFjMyNj8BMDY9ATQmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1EzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCPBAGAwYDCAQEEAQDCAMIBARQAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGmZGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAYIAQMKCQNWAwYDBAoDAwgJA1YJJwkTBhoMBAsFAw4JCRAJHgkTBhoMBAEDAwYDAw4JCRAJDgwIBQMDAQQFAwgPHwQHBQQYCg4JAwMFBwMDBwYGDgYGDQMDCgMDBQQBAwMCAwQbCwgFAwMBBAUDFgUDAwEeAWo1XXtHRn1dNjZdfEc0XkUpKUVdNTReRSms1tYAAAIAqgCAA1YD1gBCAGUAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMlND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgH0AwsEGgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYIFw8GDQMDCwYICiIODAMGAwoEBAoJA/6uNl18R9bWNF5FKSlFXTU0XkUpVjZdfEdGfV02AbwBBQIDA14eJgEDAwMDAwMDAwYDBxkOBg0DAw0GCAgBAwMCAwQWDAsJAQMICQMaCAoEGkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MwU0PgIzNRcHNSIOAhUUHgIzMj4CNTMUDgIjIi4CAjQOBgMIAwgEBBIEAwYDCAYGUAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBsigqTAb+2DZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgF4BQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQBAwMGAwUoDx4JEwYaDAQBAwMGAwMOCQkQCWqMDB4YNkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAAAAQAqgCAA1YD1gAiAD4AaQDGAAATND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgUUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1qjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgGODgYDCAMIBAQSBAMGAwgEBFQBAwwQBgYOBg8VCgYDAwMDAwMMEAYGDAYGDgYGCgYGAwMDAeIMEgQFAxYFAwMBLBYOAw4DDRkKCAgEBQMDCAMGDQMDBQEDAwYDAw0GBg4GBgsDAw0GCAokBAUDFgUDAwEEBQMaAdZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwXBQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgAAAAAEAIAAgAOAA4AAAgAUACYALgAAARUnJwEHJw4BBzU+ATcnEScjETMnATQuAic1HgMVFAYHJz4BJxwBByc1HgECAFrwAso2WCJOLBswFbbWqsrKAqofOU0vQG5PLRcVQAoMagJoMDoDVrRahP02NlgbKAtYBxoRtv7g1gEAyv62M1xLNg5YDkVjfEQwWydCGTkeBw0GaF4YWwAAAAABASoAqgKqA1YABQAAATM3EScjASqs1NSsAoDW/VTWAAIA1gCqAxYDVgAFAAwAABMzNxEnIyUUBgcRHgHWqtbWqgJAPDAwPAKA1v1U1oA5WxgBWBhbAAAAAwCAAIoDgAN2ABUAHAAiAAABHgMVFA4CBzU+AzU0LgInExQGBxEeASUzNxEnIwJWQG5PLS1PbUEuTjkfHzlNL2o6MDA6/cCq1taqA3YORWN8RER7Y0YOWA03S1wzM1xLNg7+4jlbGAFYGFtH1v1U1gAAAAAEANYA1gMqAyoABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQDKtSA/lSA1FQBLNRUgKyAVNQABADWANYDKgMqAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAqpU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAqgOAA1YAFwAvAD8AAAE1NCYrASIGHQEUFjsBMjY9ASMVIzUzFSM1NCYrASIGHQEUFjsBMjY9ASMVIzUzFQEyFhURFAYjISImNRE0NjMDABgSgBIaGhKAEhhAVlbqGhKAEhgYEoASGkBWVgGUIjQzI/2sJDIyJAIqLBIYGBKsEhgYEiwWgBYsEhgYEqwSGBgSLBaAFgEsMyP+ACI0MyMCACI0AAAEAIAAgAOAA4AAAwANABkAKQAAATUzFScRMzI2PQE0JiMBESMVIzUjETM1MxUBMhYVERQGIyEiJjURNDYzAmpWlqwSGBgS/wBAVkBAVgGUIjQzI/2sJDIyJAHAgIDA/wAYEqwSGP8AAQBqav8AVlYCADMj/awiNDMjAlQiNAAAAAIAZABWA5wDqgALAFkAAAEyNjU0JiMiBhUUFiUXHgEPAQ4BLwEOAQ8BDgErASImLwEuAScHBiYvASY2PwEuATU8ATcnLgE/AT4BHwE+AT8BPgE7ATIWHwEeARc3NhYfARYGDwEeARUcAQIAPVlYPj1ZWAF8WgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQECWgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQEBalg+PVlYPj1ZbEYEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVC0YEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVAAAAAQCAAFgDgAOqADMAAAEyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLAFSSTMzS0szBw8GsBASSzU0TBERrgcPCDRMSzU0TBMRsAcPCAcPCLAPEQADAFYAVgOqA6oAAwAHABsAAAE1IxUTESMREzIeAhUUDgIjIi4CNTQ+AgIqVFRUKlicc0NDc5tZWJxzQ0NzmwKAVlb+qgEA/wACgENzm1lYnHNDQ3ObWVicc0MAAAQAVgBWA6oDqgADABcAKwAvAAABNTMVAzI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgITETMRAdZUKkZ9XTY2XXxHRn1dNjZdfEdYnHNDQ3ObWVicc0NDc5svVAKAVlb+KjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9gAEA/wAAAAEA1gDWAyoDKgALAAABBxcHJwcnNyc3FzcDKu7uPO7uPO7uPO7uAu7u7jzu7jzu7jzu7gABAFUAVQOrA6sAFAAAExQeAjMyPgI1NC4CIyIOAhVVQ3ScWFicdENDdJxYWJx0QwIAWJx0Q0N0nFhYnHRDQ3ScWAAAAAIAVQBVA6sDqwAUACgAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfAOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQAAAAMAVQBVA6sDqwAUACgANAAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CExQGIyImNTQ2MzIWAgBYnHRDQ3ScWFicdENDdJxYR3xdNTVdfEdHfF01NV18OUs1NUtLNTVLA6tDdJxYWJx0Q0N0nFhYnHRD/QA1XXxHR3xdNTVdfEdHfF01AVU1S0s1NUtLAAAAAQAAAAEAAPEUzolfDzz1AAsEAAAAAADUNIllAAAAANQ0iWUAAAAAA6sD1gAAAAgAAgAAAAAAAAABAAAEAAAAAAAEAAAAAAADqwABAAAAAAAAAAAAAAAAAAAAJQQAAAAAAAAAAAAAAAAAAAAEAAFWBAAAVgQAAFYEAAEABAAAVgQAAFYEAAEABAAAagQAAKoEAAEABAABAAQAAKoEAACqBAAAqgQAAKoEAACqBAAAqgQAAIAEAAEqBAAA1gQAAIAEAADWBAAA1gQAAIAEAACABAAAZAQAAIAEAABWBAAAVgQAANYEAABVBAAAVQQAAFUAAAAAAAoAFAAeACwAVACWAKoA2AEgAS4BRAFaAXABhAIQAqgDpgQuBMYFxAYSBiIGPgZ4Bp4GxgcaB1oH4gguCFwIpAi+COAJHAloAAEAAAAlAMcABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQALAAAAAQAAAAAAAgAHAIQAAQAAAAAAAwALAEIAAQAAAAAABAALAJkAAQAAAAAABQALACEAAQAAAAAABgALAGMAAQAAAAAACgAaALoAAwABBAkAAQAWAAsAAwABBAkAAgAOAIsAAwABBAkAAwAWAE0AAwABBAkABAAWAKQAAwABBAkABQAWACwAAwABBAkABgAWAG4AAwABBAkACgA0ANR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJ2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA?#iefix) format("eot")
}

@font-face {
  font-family: "video-react";
  src: url(data:application/font-woff;base64,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) format("woff"), url(data:application/x-font-ttf;base64,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) format("truetype");
  font-weight: 400;
  font-style: normal
}

.video-react-icon,
.video-react .video-react-bezel .video-react-bezel-icon,
.video-react .video-react-big-play-button,
.video-react .video-react-closed-caption,
.video-react .video-react-mute-control,
.video-react .video-react-play-control,
.video-react .video-react-play-progress,
.video-react .video-react-volume-level,
.video-react .video-react-volume-menu-button {
  font-family: "video-react" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.video-react-icon-play-arrow:before,
.video-react .video-react-bezel .video-react-bezel-icon-play:before,
.video-react .video-react-big-play-button:before,
.video-react .video-react-play-control:before {
  content: ""
}

.video-react-icon-play-circle-filled:before {
  content: ""
}

.video-react-icon-play-circle-outline:before {
  content: ""
}

.video-react-icon-pause:before,
.video-react .video-react-bezel .video-react-bezel-icon-pause:before,
.video-react .video-react-play-control.video-react-playing:before {
  content: ""
}

.video-react-icon-pause-circle-filled:before {
  content: ""
}

.video-react-icon-pause-circle-outline:before {
  content: ""
}

.video-react-icon-stop:before {
  content: ""
}

.video-react-icon-fast-rewind:before,
.video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before {
  content: ""
}

.video-react-icon-fast-forward:before,
.video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before {
  content: ""
}

.video-react-icon-skip-previous:before {
  content: ""
}

.video-react-icon-skip-next:before {
  content: ""
}

.video-react-icon-replay-5:before,
.video-react .video-react-bezel .video-react-bezel-icon-replay-5:before {
  content: ""
}

.video-react-icon-replay-10:before,
.video-react .video-react-bezel .video-react-bezel-icon-replay-10:before {
  content: ""
}

.video-react-icon-replay-30:before,
.video-react .video-react-bezel .video-react-bezel-icon-replay-30:before {
  content: ""
}

.video-react-icon-forward-5:before,
.video-react .video-react-bezel .video-react-bezel-icon-forward-5:before {
  content: ""
}

.video-react-icon-forward-10:before,
.video-react .video-react-bezel .video-react-bezel-icon-forward-10:before {
  content: ""
}

.video-react-icon-forward-30:before,
.video-react .video-react-bezel .video-react-bezel-icon-forward-30:before {
  content: ""
}

.video-react-icon-volume-off:before,
.video-react .video-react-bezel .video-react-bezel-icon-volume-off:before,
.video-react .video-react-mute-control.video-react-vol-muted:before,
.video-react .video-react-volume-menu-button.video-react-vol-muted:before {
  content: ""
}

.video-react-icon-volume-mute:before,
.video-react .video-react-mute-control.video-react-vol-0:before,
.video-react .video-react-volume-menu-button.video-react-vol-0:before {
  content: ""
}

.video-react-icon-volume-down:before,
.video-react .video-react-bezel .video-react-bezel-icon-volume-down:before,
.video-react .video-react-mute-control.video-react-vol-1:before,
.video-react .video-react-mute-control.video-react-vol-2:before,
.video-react .video-react-volume-menu-button.video-react-vol-1:before,
.video-react .video-react-volume-menu-button.video-react-vol-2:before {
  content: ""
}

.video-react-icon-volume-up:before,
.video-react .video-react-bezel .video-react-bezel-icon-volume-up:before,
.video-react .video-react-mute-control:before,
.video-react .video-react-volume-menu-button:before {
  content: ""
}

.video-react-icon-fullscreen:before {
  content: ""
}

.video-react-icon-fullscreen-exit:before {
  content: ""
}

.video-react-icon-closed-caption:before,
.video-react .video-react-closed-caption:before {
  content: ""
}

.video-react-icon-hd:before {
  content: ""
}

.video-react-icon-settings:before {
  content: ""
}

.video-react-icon-share:before {
  content: ""
}

.video-react-icon-info:before {
  content: ""
}

.video-react-icon-info-outline:before {
  content: ""
}

.video-react-icon-close:before {
  content: ""
}

.video-react-icon-circle:before,
.video-react .video-react-play-progress:before,
.video-react .video-react-volume-level:before {
  content: ""
}

.video-react-icon-circle-outline:before {
  content: ""
}

.video-react-icon-circle-inner-circle:before {
  content: ""
}

.video-react {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  font-size: 10px;
  line-height: 1;
  font-family: serif, Times, "Times New Roman";
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.video-react:-moz-full-screen {
  position: absolute
}

.video-react:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important
}

.video-react *,
.video-react :after,
.video-react :before {
  box-sizing: inherit
}

.video-react ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin: 0
}

.video-react.video-react-4-3,
.video-react.video-react-16-9,
.video-react.video-react-fluid {
  width: 100%;
  max-width: 100%;
  height: 0
}

.video-react.video-react-16-9 {
  padding-top: 56.25%
}

.video-react.video-react-4-3 {
  padding-top: 75%
}

.video-react.video-react-fill {
  width: 100%;
  height: 100%
}

.video-react .video-react-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.video-react.video-react-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important
}

.video-react.video-react-fullscreen.video-react-user-inactive {
  cursor: none
}

body.video-react-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto
}

body.video-react-full-window .video-react-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}

.video-react .video-react-button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  appearance: none
}

.video-react .video-react-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, .7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px
}

.video-react .video-react-loading-spinner:after,
.video-react .video-react-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: #fff transparent transparent;
  -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, video-react-spinner-fade 1.1s linear infinite;
  animation: video-react-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, video-react-spinner-fade 1.1s linear infinite
}

.video-react-seeking .video-react-loading-spinner,
.video-react-waiting .video-react-loading-spinner {
  display: block
}

.video-react-seeking .video-react-loading-spinner:before,
.video-react-waiting .video-react-loading-spinner:before {
  border-top-color: #fff
}

.video-react-seeking .video-react-loading-spinner:after,
.video-react-waiting .video-react-loading-spinner:after {
  border-top-color: #fff;
  -webkit-animation-delay: .44s;
  animation-delay: .44s
}

@keyframes video-react-spinner-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes video-react-spinner-spin {
  to {
    -webkit-transform: rotate(1turn)
  }
}

@keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f
  }

  20% {
    border-top-color: #73859f
  }

  35% {
    border-top-color: #fff
  }

  60% {
    border-top-color: #73859f
  }

  to {
    border-top-color: #73859f
  }
}

@-webkit-keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f
  }

  20% {
    border-top-color: #73859f
  }

  35% {
    border-top-color: #fff
  }

  60% {
    border-top-color: #73859f
  }

  to {
    border-top-color: #73859f
  }
}

.video-react .video-react-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: .06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  border-radius: .3em;
  transition: all .4s
}

.video-react .video-react-big-play-button.video-react-big-play-button-center {
  top: 50%;
  left: 50%;
  margin-top: -.75em;
  margin-left: -1.5em
}

.video-react .video-react-big-play-button.big-play-button-hide {
  display: none
}

.video-react .video-react-big-play-button:focus,
.video-react:hover .video-react-big-play-button {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5);
  transition: all 0s
}

.video-react-menu-button {
  cursor: pointer
}

.video-react-menu-button.video-react-disabled {
  cursor: default
}

.video-react-menu .video-react-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: serif, Times, "Times New Roman"
}

.video-react-menu li {
  list-style: none;
  margin: 0;
  padding: .2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center
}

.video-react-menu li:focus,
.video-react-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5)
}

.video-react-menu li.video-react-selected,
.video-react-menu li.video-react-selected:focus,
.video-react-menu li.video-react-selected:hover {
  background-color: #fff;
  color: #2b333f
}

.video-react-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 .3em;
  font-weight: 700;
  cursor: default
}

.video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
  display: none
}

.video-react .video-react-menu-button-popup .video-react-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, .7)
}

.video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em
}

.video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
  display: block
}

.video-react .video-react-menu-button-inline {
  transition: all .4s;
  overflow: hidden
}

.video-react .video-react-menu-button-inline:before {
  width: 2.222222222em
}

.video-react .video-react-menu-button-inline.video-react-slider-active,
.video-react .video-react-menu-button-inline:focus,
.video-react .video-react-menu-button-inline:hover {
  width: 12em
}

.video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu,
.video-react .video-react-menu-button-inline:focus .video-react-menu,
.video-react .video-react-menu-button-inline:hover .video-react-menu {
  display: block;
  opacity: 1
}

.video-react .video-react-menu-button-inline.video-react-slider-active {
  transition: none
}

.video-react .video-react-menu-button-inline .video-react-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all .4s
}

.video-react .video-react-menu-button-inline .video-react-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden
}

.video-react-no-flex .video-react-menu-button-inline .video-react-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto
}

.video-react-no-flex .video-react-menu-button-inline.video-react-slider-active,
.video-react-no-flex .video-react-menu-button-inline:focus,
.video-react-no-flex .video-react-menu-button-inline:hover {
  width: auto
}

.video-react .video-react-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%
}

.video-react .video-react-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%
}

.video-react .video-react-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 .45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5)
}

.video-react .video-react-slider:focus {
  box-shadow: 0 0 1em #fff
}

.video-react .video-react-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none
}

.video-react .video-react-control:before {
  font-size: 1.8em;
  line-height: 1.67
}

.video-react .video-react-control:focus,
.video-react .video-react-control:focus:before,
.video-react .video-react-control:hover:before {
  text-shadow: 0 0 1em #fff, 0 0 .5em #fff
}

.video-react .video-react-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.video-react-no-flex .video-react-control {
  display: table-cell;
  vertical-align: middle
}

.video-react .video-react-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7)
}

.video-react-has-started .video-react-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility .1s, opacity .1s
}

.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s
}

.video-react-controls-disabled .video-react-control-bar,
.video-react-error .video-react-control-bar,
.video-react-using-native-controls .video-react-control-bar {
  display: none !important
}

.video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
  opacity: 1;
  visibility: visible
}

.video-react-has-started.video-react-no-flex .video-react-control-bar {
  display: table
}

.video-react .video-react-progress-control {
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em
}

.video-react-live .video-react-progress-control {
  display: none
}

.video-react .video-react-progress-holder {
  flex: auto;
  transition: all .2s;
  height: .3em
}

.video-react .video-react-progress-control:hover .video-react-progress-holder {
  font-size: 1.6666666667em
}

.video-react .video-react-progress-control:hover .video-react-mouse-display:after,
.video-react .video-react-progress-control:hover .video-react-play-progress:after,
.video-react .video-react-progress-control:hover .video-react-time-tooltip {
  visibility: visible;
  font-size: .6em
}

.video-react .video-react-progress-holder .video-react-load-progress,
.video-react .video-react-progress-holder .video-react-load-progress div,
.video-react .video-react-progress-holder .video-react-play-progress,
.video-react .video-react-progress-holder .video-react-tooltip-progress-bar {
  position: absolute;
  display: block;
  height: .3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0
}

.video-react .video-react-play-progress {
  background-color: #fff
}

.video-react .video-react-play-progress:before {
  position: absolute;
  top: -.3333333333em;
  right: -.5em;
  font-size: .9em
}

.video-react .video-react-mouse-display:after,
.video-react .video-react-play-progress:after,
.video-react .video-react-time-tooltip {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: .9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px;
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .8);
  border-radius: .3em
}

.video-react .video-react-play-progress:after,
.video-react .video-react-play-progress:before,
.video-react .video-react-time-tooltip {
  z-index: 1
}

.video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
  display: none
}

.video-react .video-react-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, .5)
}

.video-react .video-react-load-progress div {
  background: #fff;
  background: rgba(115, 133, 159, .75)
}

.video-react.video-react-no-flex .video-react-progress-control {
  width: auto
}

.video-react .video-react-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em
}

.video-react .video-react-tooltip-progress-bar {
  visibility: hidden
}

.video-react .video-react-progress-control .video-react-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1
}

.video-react-no-flex .video-react-progress-control .video-react-mouse-display {
  z-index: 0
}

.video-react .video-react-progress-control:hover .video-react-mouse-display {
  display: block
}

.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s
}

.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
  display: none
}

.video-react .video-react-mouse-display .video-react-time-tooltip,
.video-react .video-react-progress-control .video-react-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, .8)
}

.video-react .video-react-fullscreen-control,
.video-react .video-react-play-control {
  cursor: pointer;
  flex: none
}

.video-react.video-react-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999
}

.video-react .video-react-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em
}

.video-react .video-react-time-divider {
  line-height: 3em;
  min-width: 0;
  padding: 0
}

.video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button {
  cursor: pointer;
  flex: none
}

.video-react .video-react-volume-control {
  width: 5em;
  flex: none;
  display: flex;
  align-items: center
}

.video-react .video-react-volume-bar {
  margin: 1.35em .45em
}

.video-react .video-react-volume-bar.video-react-slider-horizontal {
  width: 5em;
  height: .3em
}

.video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
  width: 100%
}

.video-react .video-react-volume-bar.video-react-slider-vertical {
  width: .3em;
  height: 5em;
  margin: 1.35em auto
}

.video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
  height: 100%
}

.video-react .video-react-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff
}

.video-react .video-react-volume-level:before {
  position: absolute;
  font-size: .9em
}

.video-react .video-react-slider-vertical .video-react-volume-level {
  width: .3em
}

.video-react .video-react-slider-vertical .video-react-volume-level:before {
  top: -.5em;
  left: -.3em
}

.video-react .video-react-slider-horizontal .video-react-volume-level {
  height: .3em
}

.video-react .video-react-slider-horizontal .video-react-volume-level:before {
  top: -.3em;
  right: -.5em
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
  left: .5em;
  height: 8em
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
  left: -2em
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden
}

.video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content {
  height: 8em;
  width: 2.9em
}

.video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content {
  height: 2.9em;
  width: 8em
}

.video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
  background-color: transparent !important
}

.video-react .video-react-playback-rate .video-react-playback-rate-value {
  line-height: 3em;
  text-align: center
}

.video-react .video-react-playback-rate .video-react-menu {
  width: 4em;
  left: 0
}

.video-react .video-react-bezel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  z-index: 17;
  margin-left: -26px;
  margin-top: -26px;
  background: rgba(0, 0, 0, .5);
  border-radius: 26px
}

.video-react .video-react-bezel.video-react-bezel-animation {
  -webkit-animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
  pointer-events: none
}

.video-react .video-react-bezel.video-react-bezel-animation-alt {
  -webkit-animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
  pointer-events: none
}

.video-react .video-react-bezel .video-react-bezel-icon {
  width: 36px;
  height: 36px;
  margin: 8px;
  font-size: 26px;
  line-height: 36px;
  text-align: center
}

@-webkit-keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
  }
}

@keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
  }
}

@-webkit-keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
  }
}

@keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
  }
}

.video-react .video-react-closed-caption {
  cursor: pointer;
  flex: none
}

.video-react video::-webkit-media-text-track-container {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px)
}

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

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

dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
  margin: 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

main {
  display: block
}

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

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

button,
input,
select {
  margin: 0
}

button {
  overflow: visible;
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

fieldset {
  padding: .35em .75em .625em
}

input {
  overflow: visible
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

select {
  text-transform: none
}

textarea {
  margin: 0;
  overflow: auto
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

::-moz-focus-inner {
  border-style: none;
  padding: 0
}

:-moz-focusring {
  outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
  box-shadow: none
}

details,
dialog {
  display: block
}

dialog {
  background-color: #fff;
  border: solid;
  color: #000;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content
}

dialog:not([open]) {
  display: none
}

summary {
  display: list-item
}

template {
  display: none
}

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden
}

@media print {
  @page {
    size: landscape;
    margin: 20mm
  }

  body * {
    visibility: hidden
  }

  #bracket-container,
  #bracket-container * {
    visibility: visible
  }

  #bracket-container {
    height: auto !important;
    overflow: visible !important;
    overflow: initial !important;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }

  #root {
    overflow: auto;
    height: auto
  }

  #auth {
    width: auto;
    height: auto
  }

  body,
  html {
    height: auto !important;
    overflow: visible !important;
    overflow: initial !important
  }
}

html {
  scroll-behavior: smooth
}

body {
  font-family: UniformCondensed, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  background-color: #f9fafc
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
}

#root {
  height: 100%;
  overflow-x: hidden
}

#auth {
  width: 100%;
  height: 100%
}

pre {
  padding: 5px;
  margin: 5px;
  font-size: .9em
}

.string {
  color: green
}

.number {
  color: #ff8c00
}

.boolean {
  color: #00f
}

.null {
  color: #f0f
}

.key {
  color: red
}

.truncate {
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}