@charset "UTF-8";
@import url("../../js/pnotify/pnotify.custom.min.css");
/** Chat **/
/** Layout **/
/** Layout 2 **/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic");
@import url("https://fonts.googleapis.com/css?family=Roboto:400italic,700italic,700,400");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext,cyrillic-ext,cyrillic,greek-ext,greek,vietnamese");
@keyframes wiggle {
  0% {
    transform: rotate(3deg);
  }
  25% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(3deg);
  }
  75% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes highlightBackgroundPulseAnimation {
  from {
    background-color: #0A6EBD;
    box-shadow: 0 0 9px #0A6EBD;
  }
  50% {
    background-color: rgba(10, 110, 189, 0.58);
    box-shadow: 0 0 12px rgba(10, 110, 189, 0.58);
  }
  to {
    background-color: #0A6EBD;
    box-shadow: 0 0 9px #0A6EBD;
  }
}
@-webkit-keyframes highlightTextPulseAnimation {
  from {
    color: rgba(10, 110, 189, 0.58);
    text-shadow: 0 0 9px rgba(10, 110, 189, 0.58);
  }
  50% {
    color: #05D8FF;
    text-shadow: 0 0 12px #05D8FF;
  }
  to {
    color: rgba(10, 110, 189, 0.58);
    text-shadow: 0 0 9px rgba(10, 110, 189, 0.58);
  }
}
::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 100;
}

:-moz-placeholder {
  font-style: italic;
  font-weight: 100;
}

::-moz-placeholder {
  font-style: italic;
  font-weight: 100;
}

:-ms-input-placeholder {
  font-style: italic;
  font-weight: 100;
}

.z-depth-0 {
  box-shadow: none !important;
}

/* 2dp elevation modified*/
.z-depth-1, #location_search, .card, .card-panel {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.z-depth-1-half {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

/* 6dp elevation modified*/
.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

/* 12dp elevation modified*/
.z-depth-3 {
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

/* 16dp elevation */
.z-depth-4 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}

/* 24dp elevation */
.z-depth-5 {
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.materialize-red {
  background-color: #e51c23 !important;
}

.materialize-red-text {
  color: #e51c23 !important;
}

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important;
}

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important;
}

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important;
}

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important;
}

.materialize-red.lighten-3 {
  background-color: #f3989b !important;
}

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important;
}

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important;
}

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important;
}

.materialize-red.lighten-1 {
  background-color: #ea454b !important;
}

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important;
}

.materialize-red.darken-1 {
  background-color: #d0181e !important;
}

.materialize-red-text.text-darken-1 {
  color: #d0181e !important;
}

.materialize-red.darken-2 {
  background-color: #b9151b !important;
}

.materialize-red-text.text-darken-2 {
  color: #b9151b !important;
}

.materialize-red.darken-3 {
  background-color: #a21318 !important;
}

.materialize-red-text.text-darken-3 {
  color: #a21318 !important;
}

.materialize-red.darken-4 {
  background-color: #8b1014 !important;
}

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important;
}

.red {
  background-color: #F44336 !important;
}

.red-text {
  color: #F44336 !important;
}

.red.lighten-5 {
  background-color: #FFEBEE !important;
}

.red-text.text-lighten-5 {
  color: #FFEBEE !important;
}

.red.lighten-4 {
  background-color: #FFCDD2 !important;
}

.red-text.text-lighten-4 {
  color: #FFCDD2 !important;
}

.red.lighten-3 {
  background-color: #EF9A9A !important;
}

.red-text.text-lighten-3 {
  color: #EF9A9A !important;
}

.red.lighten-2 {
  background-color: #E57373 !important;
}

.red-text.text-lighten-2 {
  color: #E57373 !important;
}

.red.lighten-1 {
  background-color: #EF5350 !important;
}

.red-text.text-lighten-1 {
  color: #EF5350 !important;
}

.red.darken-1 {
  background-color: #E53935 !important;
}

.red-text.text-darken-1 {
  color: #E53935 !important;
}

.red.darken-2 {
  background-color: #D32F2F !important;
}

.red-text.text-darken-2 {
  color: #D32F2F !important;
}

.red.darken-3 {
  background-color: #C62828 !important;
}

.red-text.text-darken-3 {
  color: #C62828 !important;
}

.red.darken-4 {
  background-color: #B71C1C !important;
}

.red-text.text-darken-4 {
  color: #B71C1C !important;
}

.red.accent-1 {
  background-color: #FF8A80 !important;
}

.red-text.text-accent-1 {
  color: #FF8A80 !important;
}

.red.accent-2 {
  background-color: #FF5252 !important;
}

.red-text.text-accent-2 {
  color: #FF5252 !important;
}

.red.accent-3 {
  background-color: #FF1744 !important;
}

.red-text.text-accent-3 {
  color: #FF1744 !important;
}

.red.accent-4 {
  background-color: #D50000 !important;
}

.red-text.text-accent-4 {
  color: #D50000 !important;
}

.pink {
  background-color: #e91e63 !important;
}

.pink-text {
  color: #e91e63 !important;
}

.pink.lighten-5 {
  background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
  color: #fce4ec !important;
}

.pink.lighten-4 {
  background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important;
}

.pink.lighten-3 {
  background-color: #f48fb1 !important;
}

.pink-text.text-lighten-3 {
  color: #f48fb1 !important;
}

.pink.lighten-2 {
  background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
  color: #f06292 !important;
}

.pink.lighten-1 {
  background-color: #ec407a !important;
}

.pink-text.text-lighten-1 {
  color: #ec407a !important;
}

.pink.darken-1 {
  background-color: #d81b60 !important;
}

.pink-text.text-darken-1 {
  color: #d81b60 !important;
}

.pink.darken-2 {
  background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
  color: #c2185b !important;
}

.pink.darken-3 {
  background-color: #ad1457 !important;
}

.pink-text.text-darken-3 {
  color: #ad1457 !important;
}

.pink.darken-4 {
  background-color: #880e4f !important;
}

.pink-text.text-darken-4 {
  color: #880e4f !important;
}

.pink.accent-1 {
  background-color: #ff80ab !important;
}

.pink-text.text-accent-1 {
  color: #ff80ab !important;
}

.pink.accent-2 {
  background-color: #ff4081 !important;
}

.pink-text.text-accent-2 {
  color: #ff4081 !important;
}

.pink.accent-3 {
  background-color: #f50057 !important;
}

.pink-text.text-accent-3 {
  color: #f50057 !important;
}

.pink.accent-4 {
  background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
  color: #c51162 !important;
}

.purple {
  background-color: #9c27b0 !important;
}

.purple-text {
  color: #9c27b0 !important;
}

.purple.lighten-5 {
  background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important;
}

.purple.lighten-4 {
  background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4 {
  color: #e1bee7 !important;
}

.purple.lighten-3 {
  background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3 {
  color: #ce93d8 !important;
}

.purple.lighten-2 {
  background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2 {
  color: #ba68c8 !important;
}

.purple.lighten-1 {
  background-color: #ab47bc !important;
}

.purple-text.text-lighten-1 {
  color: #ab47bc !important;
}

.purple.darken-1 {
  background-color: #8e24aa !important;
}

.purple-text.text-darken-1 {
  color: #8e24aa !important;
}

.purple.darken-2 {
  background-color: #7b1fa2 !important;
}

.purple-text.text-darken-2 {
  color: #7b1fa2 !important;
}

.purple.darken-3 {
  background-color: #6a1b9a !important;
}

.purple-text.text-darken-3 {
  color: #6a1b9a !important;
}

.purple.darken-4 {
  background-color: #4a148c !important;
}

.purple-text.text-darken-4 {
  color: #4a148c !important;
}

.purple.accent-1 {
  background-color: #ea80fc !important;
}

.purple-text.text-accent-1 {
  color: #ea80fc !important;
}

.purple.accent-2 {
  background-color: #e040fb !important;
}

.purple-text.text-accent-2 {
  color: #e040fb !important;
}

.purple.accent-3 {
  background-color: #d500f9 !important;
}

.purple-text.text-accent-3 {
  color: #d500f9 !important;
}

.purple.accent-4 {
  background-color: #aa00ff !important;
}

.purple-text.text-accent-4 {
  color: #aa00ff !important;
}

.deep-purple {
  background-color: #673ab7 !important;
}

.deep-purple-text {
  color: #673ab7 !important;
}

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important;
}

.deep-purple.lighten-2 {
  background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important;
}

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important;
}

.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important;
}

.deep-purple.darken-2 {
  background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
  color: #512da8 !important;
}

.deep-purple.darken-3 {
  background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important;
}

.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4 {
  color: #311b92 !important;
}

.deep-purple.accent-1 {
  background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1 {
  color: #b388ff !important;
}

.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important;
}

.deep-purple.accent-3 {
  background-color: #651fff !important;
}

.deep-purple-text.text-accent-3 {
  color: #651fff !important;
}

.deep-purple.accent-4 {
  background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
  color: #6200ea !important;
}

.indigo {
  background-color: #3f51b5 !important;
}

.indigo-text {
  color: #3f51b5 !important;
}

.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important;
}

.indigo.lighten-4 {
  background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important;
}

.indigo.lighten-3 {
  background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3 {
  color: #9fa8da !important;
}

.indigo.lighten-2 {
  background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
  color: #7986cb !important;
}

.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important;
}

.indigo.darken-1 {
  background-color: #3949ab !important;
}

.indigo-text.text-darken-1 {
  color: #3949ab !important;
}

.indigo.darken-2 {
  background-color: #303f9f !important;
}

.indigo-text.text-darken-2 {
  color: #303f9f !important;
}

.indigo.darken-3 {
  background-color: #283593 !important;
}

.indigo-text.text-darken-3 {
  color: #283593 !important;
}

.indigo.darken-4 {
  background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
  color: #1a237e !important;
}

.indigo.accent-1 {
  background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
  color: #8c9eff !important;
}

.indigo.accent-2 {
  background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
  color: #536dfe !important;
}

.indigo.accent-3 {
  background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
  color: #3d5afe !important;
}

.indigo.accent-4 {
  background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
  color: #304ffe !important;
}

.blue {
  background-color: #2196F3 !important;
}

.blue-text {
  color: #2196F3 !important;
}

.blue.lighten-5 {
  background-color: #E3F2FD !important;
}

.blue-text.text-lighten-5 {
  color: #E3F2FD !important;
}

.blue.lighten-4 {
  background-color: #BBDEFB !important;
}

.blue-text.text-lighten-4 {
  color: #BBDEFB !important;
}

.blue.lighten-3 {
  background-color: #90CAF9 !important;
}

.blue-text.text-lighten-3 {
  color: #90CAF9 !important;
}

.blue.lighten-2 {
  background-color: #64B5F6 !important;
}

.blue-text.text-lighten-2 {
  color: #64B5F6 !important;
}

.blue.lighten-1 {
  background-color: #42A5F5 !important;
}

.blue-text.text-lighten-1 {
  color: #42A5F5 !important;
}

.blue.darken-1 {
  background-color: #1E88E5 !important;
}

.blue-text.text-darken-1 {
  color: #1E88E5 !important;
}

.blue.darken-2 {
  background-color: #1976D2 !important;
}

.blue-text.text-darken-2 {
  color: #1976D2 !important;
}

.blue.darken-3 {
  background-color: #1565C0 !important;
}

.blue-text.text-darken-3 {
  color: #1565C0 !important;
}

.blue.darken-4 {
  background-color: #0D47A1 !important;
}

.blue-text.text-darken-4 {
  color: #0D47A1 !important;
}

.blue.accent-1 {
  background-color: #82B1FF !important;
}

.blue-text.text-accent-1 {
  color: #82B1FF !important;
}

.blue.accent-2 {
  background-color: #448AFF !important;
}

.blue-text.text-accent-2 {
  color: #448AFF !important;
}

.blue.accent-3 {
  background-color: #2979FF !important;
}

.blue-text.text-accent-3 {
  color: #2979FF !important;
}

.blue.accent-4 {
  background-color: #2962FF !important;
}

.blue-text.text-accent-4 {
  color: #2962FF !important;
}

.light-blue {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !important;
}

.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important;
}

.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important;
}

.light-blue.lighten-3 {
  background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important;
}

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important;
}

.light-blue.darken-1 {
  background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
  color: #039be5 !important;
}

.light-blue.darken-2 {
  background-color: #0288d1 !important;
}

.light-blue-text.text-darken-2 {
  color: #0288d1 !important;
}

.light-blue.darken-3 {
  background-color: #0277bd !important;
}

.light-blue-text.text-darken-3 {
  color: #0277bd !important;
}

.light-blue.darken-4 {
  background-color: #01579b !important;
}

.light-blue-text.text-darken-4 {
  color: #01579b !important;
}

.light-blue.accent-1 {
  background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1 {
  color: #80d8ff !important;
}

.light-blue.accent-2 {
  background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2 {
  color: #40c4ff !important;
}

.light-blue.accent-3 {
  background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3 {
  color: #00b0ff !important;
}

.light-blue.accent-4 {
  background-color: #0091ea !important;
}

.light-blue-text.text-accent-4 {
  color: #0091ea !important;
}

.cyan {
  background-color: #00bcd4 !important;
}

.cyan-text {
  color: #00bcd4 !important;
}

.cyan.lighten-5 {
  background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important;
}

.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important;
}

.cyan.lighten-3 {
  background-color: #80deea !important;
}

.cyan-text.text-lighten-3 {
  color: #80deea !important;
}

.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important;
}

.cyan.lighten-1 {
  background-color: #26c6da !important;
}

.cyan-text.text-lighten-1 {
  color: #26c6da !important;
}

.cyan.darken-1 {
  background-color: #00acc1 !important;
}

.cyan-text.text-darken-1 {
  color: #00acc1 !important;
}

.cyan.darken-2 {
  background-color: #0097a7 !important;
}

.cyan-text.text-darken-2 {
  color: #0097a7 !important;
}

.cyan.darken-3 {
  background-color: #00838f !important;
}

.cyan-text.text-darken-3 {
  color: #00838f !important;
}

.cyan.darken-4 {
  background-color: #006064 !important;
}

.cyan-text.text-darken-4 {
  color: #006064 !important;
}

.cyan.accent-1 {
  background-color: #84ffff !important;
}

.cyan-text.text-accent-1 {
  color: #84ffff !important;
}

.cyan.accent-2 {
  background-color: #18ffff !important;
}

.cyan-text.text-accent-2 {
  color: #18ffff !important;
}

.cyan.accent-3 {
  background-color: #00e5ff !important;
}

.cyan-text.text-accent-3 {
  color: #00e5ff !important;
}

.cyan.accent-4 {
  background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4 {
  color: #00b8d4 !important;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important;
}

.teal.lighten-4 {
  background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
  color: #b2dfdb !important;
}

.teal.lighten-3 {
  background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3 {
  color: #80cbc4 !important;
}

.teal.lighten-2 {
  background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
  color: #4db6ac !important;
}

.teal.lighten-1 {
  background-color: #26a69a !important;
}

.teal-text.text-lighten-1 {
  color: #26a69a !important;
}

.teal.darken-1 {
  background-color: #00897b !important;
}

.teal-text.text-darken-1 {
  color: #00897b !important;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal-text.text-darken-2 {
  color: #00796b !important;
}

.teal.darken-3 {
  background-color: #00695c !important;
}

.teal-text.text-darken-3 {
  color: #00695c !important;
}

.teal.darken-4 {
  background-color: #004d40 !important;
}

.teal-text.text-darken-4 {
  color: #004d40 !important;
}

.teal.accent-1 {
  background-color: #a7ffeb !important;
}

.teal-text.text-accent-1 {
  color: #a7ffeb !important;
}

.teal.accent-2 {
  background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
  color: #64ffda !important;
}

.teal.accent-3 {
  background-color: #1de9b6 !important;
}

.teal-text.text-accent-3 {
  color: #1de9b6 !important;
}

.teal.accent-4 {
  background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
  color: #00bfa5 !important;
}

.green {
  background-color: #4CAF50 !important;
}

.green-text {
  color: #4CAF50 !important;
}

.green.lighten-5 {
  background-color: #E8F5E9 !important;
}

.green-text.text-lighten-5 {
  color: #E8F5E9 !important;
}

.green.lighten-4 {
  background-color: #C8E6C9 !important;
}

.green-text.text-lighten-4 {
  color: #C8E6C9 !important;
}

.green.lighten-3 {
  background-color: #A5D6A7 !important;
}

.green-text.text-lighten-3 {
  color: #A5D6A7 !important;
}

.green.lighten-2 {
  background-color: #81C784 !important;
}

.green-text.text-lighten-2 {
  color: #81C784 !important;
}

.green.lighten-1 {
  background-color: #66BB6A !important;
}

.green-text.text-lighten-1 {
  color: #66BB6A !important;
}

.green.darken-1 {
  background-color: #43A047 !important;
}

.green-text.text-darken-1 {
  color: #43A047 !important;
}

.green.darken-2 {
  background-color: #388E3C !important;
}

.green-text.text-darken-2 {
  color: #388E3C !important;
}

.green.darken-3 {
  background-color: #2E7D32 !important;
}

.green-text.text-darken-3 {
  color: #2E7D32 !important;
}

.green.darken-4 {
  background-color: #1B5E20 !important;
}

.green-text.text-darken-4 {
  color: #1B5E20 !important;
}

.green.accent-1 {
  background-color: #B9F6CA !important;
}

.green-text.text-accent-1 {
  color: #B9F6CA !important;
}

.green.accent-2 {
  background-color: #69F0AE !important;
}

.green-text.text-accent-2 {
  color: #69F0AE !important;
}

.green.accent-3 {
  background-color: #00E676 !important;
}

.green-text.text-accent-3 {
  color: #00E676 !important;
}

.green.accent-4 {
  background-color: #00C853 !important;
}

.green-text.text-accent-4 {
  color: #00C853 !important;
}

.light-green {
  background-color: #8bc34a !important;
}

.light-green-text {
  color: #8bc34a !important;
}

.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important;
}

.light-green.lighten-4 {
  background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important;
}

.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important;
}

.light-green.lighten-2 {
  background-color: #aed581 !important;
}

.light-green-text.text-lighten-2 {
  color: #aed581 !important;
}

.light-green.lighten-1 {
  background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important;
}

.light-green.darken-1 {
  background-color: #7cb342 !important;
}

.light-green-text.text-darken-1 {
  color: #7cb342 !important;
}

.light-green.darken-2 {
  background-color: #689f38 !important;
}

.light-green-text.text-darken-2 {
  color: #689f38 !important;
}

.light-green.darken-3 {
  background-color: #558b2f !important;
}

.light-green-text.text-darken-3 {
  color: #558b2f !important;
}

.light-green.darken-4 {
  background-color: #33691e !important;
}

.light-green-text.text-darken-4 {
  color: #33691e !important;
}

.light-green.accent-1 {
  background-color: #ccff90 !important;
}

.light-green-text.text-accent-1 {
  color: #ccff90 !important;
}

.light-green.accent-2 {
  background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2 {
  color: #b2ff59 !important;
}

.light-green.accent-3 {
  background-color: #76ff03 !important;
}

.light-green-text.text-accent-3 {
  color: #76ff03 !important;
}

.light-green.accent-4 {
  background-color: #64dd17 !important;
}

.light-green-text.text-accent-4 {
  color: #64dd17 !important;
}

.lime {
  background-color: #cddc39 !important;
}

.lime-text {
  color: #cddc39 !important;
}

.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important;
}

.lime.lighten-4 {
  background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important;
}

.lime.lighten-3 {
  background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3 {
  color: #e6ee9c !important;
}

.lime.lighten-2 {
  background-color: #dce775 !important;
}

.lime-text.text-lighten-2 {
  color: #dce775 !important;
}

.lime.lighten-1 {
  background-color: #d4e157 !important;
}

.lime-text.text-lighten-1 {
  color: #d4e157 !important;
}

.lime.darken-1 {
  background-color: #c0ca33 !important;
}

.lime-text.text-darken-1 {
  color: #c0ca33 !important;
}

.lime.darken-2 {
  background-color: #afb42b !important;
}

.lime-text.text-darken-2 {
  color: #afb42b !important;
}

.lime.darken-3 {
  background-color: #9e9d24 !important;
}

.lime-text.text-darken-3 {
  color: #9e9d24 !important;
}

.lime.darken-4 {
  background-color: #827717 !important;
}

.lime-text.text-darken-4 {
  color: #827717 !important;
}

.lime.accent-1 {
  background-color: #f4ff81 !important;
}

.lime-text.text-accent-1 {
  color: #f4ff81 !important;
}

.lime.accent-2 {
  background-color: #eeff41 !important;
}

.lime-text.text-accent-2 {
  color: #eeff41 !important;
}

.lime.accent-3 {
  background-color: #c6ff00 !important;
}

.lime-text.text-accent-3 {
  color: #c6ff00 !important;
}

.lime.accent-4 {
  background-color: #aeea00 !important;
}

.lime-text.text-accent-4 {
  color: #aeea00 !important;
}

.yellow {
  background-color: #ffeb3b !important;
}

.yellow-text {
  color: #ffeb3b !important;
}

.yellow.lighten-5 {
  background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5 {
  color: #fffde7 !important;
}

.yellow.lighten-4 {
  background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important;
}

.yellow.lighten-3 {
  background-color: #fff59d !important;
}

.yellow-text.text-lighten-3 {
  color: #fff59d !important;
}

.yellow.lighten-2 {
  background-color: #fff176 !important;
}

.yellow-text.text-lighten-2 {
  color: #fff176 !important;
}

.yellow.lighten-1 {
  background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1 {
  color: #ffee58 !important;
}

.yellow.darken-1 {
  background-color: #fdd835 !important;
}

.yellow-text.text-darken-1 {
  color: #fdd835 !important;
}

.yellow.darken-2 {
  background-color: #fbc02d !important;
}

.yellow-text.text-darken-2 {
  color: #fbc02d !important;
}

.yellow.darken-3 {
  background-color: #f9a825 !important;
}

.yellow-text.text-darken-3 {
  color: #f9a825 !important;
}

.yellow.darken-4 {
  background-color: #f57f17 !important;
}

.yellow-text.text-darken-4 {
  color: #f57f17 !important;
}

.yellow.accent-1 {
  background-color: #ffff8d !important;
}

.yellow-text.text-accent-1 {
  color: #ffff8d !important;
}

.yellow.accent-2 {
  background-color: #ffff00 !important;
}

.yellow-text.text-accent-2 {
  color: #ffff00 !important;
}

.yellow.accent-3 {
  background-color: #ffea00 !important;
}

.yellow-text.text-accent-3 {
  color: #ffea00 !important;
}

.yellow.accent-4 {
  background-color: #ffd600 !important;
}

.yellow-text.text-accent-4 {
  color: #ffd600 !important;
}

.amber {
  background-color: #ffc107 !important;
}

.amber-text {
  color: #ffc107 !important;
}

.amber.lighten-5 {
  background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5 {
  color: #fff8e1 !important;
}

.amber.lighten-4 {
  background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4 {
  color: #ffecb3 !important;
}

.amber.lighten-3 {
  background-color: #ffe082 !important;
}

.amber-text.text-lighten-3 {
  color: #ffe082 !important;
}

.amber.lighten-2 {
  background-color: #ffd54f !important;
}

.amber-text.text-lighten-2 {
  color: #ffd54f !important;
}

.amber.lighten-1 {
  background-color: #ffca28 !important;
}

.amber-text.text-lighten-1 {
  color: #ffca28 !important;
}

.amber.darken-1 {
  background-color: #ffb300 !important;
}

.amber-text.text-darken-1 {
  color: #ffb300 !important;
}

.amber.darken-2 {
  background-color: #ffa000 !important;
}

.amber-text.text-darken-2 {
  color: #ffa000 !important;
}

.amber.darken-3 {
  background-color: #ff8f00 !important;
}

.amber-text.text-darken-3 {
  color: #ff8f00 !important;
}

.amber.darken-4 {
  background-color: #ff6f00 !important;
}

.amber-text.text-darken-4 {
  color: #ff6f00 !important;
}

.amber.accent-1 {
  background-color: #ffe57f !important;
}

.amber-text.text-accent-1 {
  color: #ffe57f !important;
}

.amber.accent-2 {
  background-color: #ffd740 !important;
}

.amber-text.text-accent-2 {
  color: #ffd740 !important;
}

.amber.accent-3 {
  background-color: #ffc400 !important;
}

.amber-text.text-accent-3 {
  color: #ffc400 !important;
}

.amber.accent-4 {
  background-color: #ffab00 !important;
}

.amber-text.text-accent-4 {
  color: #ffab00 !important;
}

.orange {
  background-color: #ff9800 !important;
}

.orange-text {
  color: #ff9800 !important;
}

.orange.lighten-5 {
  background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5 {
  color: #fff3e0 !important;
}

.orange.lighten-4 {
  background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important;
}

.orange.lighten-3 {
  background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3 {
  color: #ffcc80 !important;
}

.orange.lighten-2 {
  background-color: #ffb74d !important;
}

.orange-text.text-lighten-2 {
  color: #ffb74d !important;
}

.orange.lighten-1 {
  background-color: #ffa726 !important;
}

.orange-text.text-lighten-1 {
  color: #ffa726 !important;
}

.orange.darken-1 {
  background-color: #fb8c00 !important;
}

.orange-text.text-darken-1 {
  color: #fb8c00 !important;
}

.orange.darken-2 {
  background-color: #f57c00 !important;
}

.orange-text.text-darken-2 {
  color: #f57c00 !important;
}

.orange.darken-3 {
  background-color: #ef6c00 !important;
}

.orange-text.text-darken-3 {
  color: #ef6c00 !important;
}

.orange.darken-4 {
  background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
  color: #e65100 !important;
}

.orange.accent-1 {
  background-color: #ffd180 !important;
}

.orange-text.text-accent-1 {
  color: #ffd180 !important;
}

.orange.accent-2 {
  background-color: #ffab40 !important;
}

.orange-text.text-accent-2 {
  color: #ffab40 !important;
}

.orange.accent-3 {
  background-color: #ff9100 !important;
}

.orange-text.text-accent-3 {
  color: #ff9100 !important;
}

.orange.accent-4 {
  background-color: #ff6d00 !important;
}

.orange-text.text-accent-4 {
  color: #ff6d00 !important;
}

.deep-orange {
  background-color: #ff5722 !important;
}

.deep-orange-text {
  color: #ff5722 !important;
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important;
}

.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important;
}

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important;
}

.deep-orange.darken-1 {
  background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1 {
  color: #f4511e !important;
}

.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important;
}

.deep-orange.darken-3 {
  background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3 {
  color: #d84315 !important;
}

.deep-orange.darken-4 {
  background-color: #bf360c !important;
}

.deep-orange-text.text-darken-4 {
  color: #bf360c !important;
}

.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important;
}

.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important;
}

.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important;
}

.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important;
}

.brown {
  background-color: #795548 !important;
}

.brown-text {
  color: #795548 !important;
}

.brown.lighten-5 {
  background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
  color: #efebe9 !important;
}

.brown.lighten-4 {
  background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important;
}

.brown.lighten-3 {
  background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important;
}

.brown.lighten-2 {
  background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
  color: #a1887f !important;
}

.brown.lighten-1 {
  background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1 {
  color: #8d6e63 !important;
}

.brown.darken-1 {
  background-color: #6d4c41 !important;
}

.brown-text.text-darken-1 {
  color: #6d4c41 !important;
}

.brown.darken-2 {
  background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
  color: #5d4037 !important;
}

.brown.darken-3 {
  background-color: #4e342e !important;
}

.brown-text.text-darken-3 {
  color: #4e342e !important;
}

.brown.darken-4 {
  background-color: #3e2723 !important;
}

.brown-text.text-darken-4 {
  color: #3e2723 !important;
}

.blue-grey {
  background-color: #607d8b !important;
}

.blue-grey-text {
  color: #607d8b !important;
}

.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important;
}

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important;
}

.blue-grey.lighten-1 {
  background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1 {
  color: #78909c !important;
}

.blue-grey.darken-1 {
  background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1 {
  color: #546e7a !important;
}

.blue-grey.darken-2 {
  background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2 {
  color: #455a64 !important;
}

.blue-grey.darken-3 {
  background-color: #37474f !important;
}

.blue-grey-text.text-darken-3 {
  color: #37474f !important;
}

.blue-grey.darken-4 {
  background-color: #263238 !important;
}

.blue-grey-text.text-darken-4 {
  color: #263238 !important;
}

.grey {
  background-color: #9e9e9e !important;
}

.grey-text {
  color: #9e9e9e !important;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-3 {
  background-color: #eeeeee !important;
}

.grey-text.text-lighten-3 {
  color: #eeeeee !important;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important;
}

.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
  color: #bdbdbd !important;
}

.grey.darken-1 {
  background-color: #757575 !important;
}

.grey-text.text-darken-1 {
  color: #757575 !important;
}

.grey.darken-2 {
  background-color: #616161 !important;
}

.grey-text.text-darken-2 {
  color: #616161 !important;
}

.grey.darken-3 {
  background-color: #424242 !important;
}

.grey-text.text-darken-3 {
  color: #424242 !important;
}

.grey.darken-4 {
  background-color: #212121 !important;
}

.grey-text.text-darken-4 {
  color: #212121 !important;
}

.black {
  background-color: #000000 !important;
}

.black-text {
  color: #000000 !important;
}

.white {
  background-color: #FFFFFF !important;
}

.white-text {
  color: #FFFFFF !important;
}

.transparent {
  background-color: transparent !important;
}

.transparent-text {
  color: transparent !important;
}

/* Text Inputs + Textarea
   ========================================================================== */
/* Style Placeholders */
::placeholder {
  color: #d1d1d1;
  opacity: 0.6;
}

/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--ui-hairline);
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: border-box;
  transition: box-shadow 0.3s, border 0.3s;
}
input:not([type]):disabled, input:not([type])[readonly=readonly],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly=readonly],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly=readonly],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly=readonly],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly=readonly],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly=readonly],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly=readonly],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly=readonly],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly=readonly],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly=readonly],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly=readonly],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly=readonly],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly=readonly] {
  color: rgba(255, 255, 255, 0.42);
  border-bottom: 1px dotted rgba(255, 255, 255, 0.42);
}
input:not([type]):disabled + label, input:not([type])[readonly=readonly] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly=readonly] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly=readonly] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly=readonly] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly=readonly] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly=readonly] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly=readonly] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly=readonly] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly=readonly] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly=readonly] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly=readonly] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly=readonly] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly=readonly] + label {
  color: rgba(255, 255, 255, 0.42);
}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #05D8FF;
  box-shadow: 0 1px 0 0 #05D8FF;
}
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #05D8FF;
}
input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label {
  color: #4CAF50;
}
input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.materialize-textarea:focus.invalid ~ label {
  color: #F44336;
}
input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
  width: 100%;
}
/* Validation Sass Placeholders */
input:not([type]).valid, input:not([type]):focus.valid,
input[type=text]:not(.browser-default).valid,
input[type=text]:not(.browser-default):focus.valid,
input[type=password]:not(.browser-default).valid,
input[type=password]:not(.browser-default):focus.valid,
input[type=email]:not(.browser-default).valid,
input[type=email]:not(.browser-default):focus.valid,
input[type=url]:not(.browser-default).valid,
input[type=url]:not(.browser-default):focus.valid,
input[type=time]:not(.browser-default).valid,
input[type=time]:not(.browser-default):focus.valid,
input[type=date]:not(.browser-default).valid,
input[type=date]:not(.browser-default):focus.valid,
input[type=datetime]:not(.browser-default).valid,
input[type=datetime]:not(.browser-default):focus.valid,
input[type=datetime-local]:not(.browser-default).valid,
input[type=datetime-local]:not(.browser-default):focus.valid,
input[type=tel]:not(.browser-default).valid,
input[type=tel]:not(.browser-default):focus.valid,
input[type=number]:not(.browser-default).valid,
input[type=number]:not(.browser-default):focus.valid,
input[type=search]:not(.browser-default).valid,
input[type=search]:not(.browser-default):focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
  border-bottom: 1px solid #4CAF50;
  box-shadow: 0 1px 0 0 #4CAF50;
}

input:not([type]).invalid, input:not([type]):focus.invalid,
input[type=text]:not(.browser-default).invalid,
input[type=text]:not(.browser-default):focus.invalid,
input[type=password]:not(.browser-default).invalid,
input[type=password]:not(.browser-default):focus.invalid,
input[type=email]:not(.browser-default).invalid,
input[type=email]:not(.browser-default):focus.invalid,
input[type=url]:not(.browser-default).invalid,
input[type=url]:not(.browser-default):focus.invalid,
input[type=time]:not(.browser-default).invalid,
input[type=time]:not(.browser-default):focus.invalid,
input[type=date]:not(.browser-default).invalid,
input[type=date]:not(.browser-default):focus.invalid,
input[type=datetime]:not(.browser-default).invalid,
input[type=datetime]:not(.browser-default):focus.invalid,
input[type=datetime-local]:not(.browser-default).invalid,
input[type=datetime-local]:not(.browser-default):focus.invalid,
input[type=tel]:not(.browser-default).invalid,
input[type=tel]:not(.browser-default):focus.invalid,
input[type=number]:not(.browser-default).invalid,
input[type=number]:not(.browser-default):focus.invalid,
input[type=search]:not(.browser-default).invalid,
input[type=search]:not(.browser-default):focus.invalid,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid {
  border-bottom: 1px solid #F44336;
  box-shadow: 0 1px 0 0 #F44336;
}

input:not([type]).valid ~ .helper-text[data-success], input:not([type]):focus.valid ~ .helper-text[data-success], input:not([type]).invalid ~ .helper-text[data-error], input:not([type]):focus.invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
textarea.materialize-textarea.valid ~ .helper-text[data-success],
textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
textarea.materialize-textarea.invalid ~ .helper-text[data-error],
textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error] {
  color: transparent;
  user-select: none;
  pointer-events: none;
}

input:not([type]).valid ~ .helper-text:after, input:not([type]):focus.valid ~ .helper-text:after,
input[type=text]:not(.browser-default).valid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=password]:not(.browser-default).valid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=email]:not(.browser-default).valid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=url]:not(.browser-default).valid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=time]:not(.browser-default).valid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=search]:not(.browser-default).valid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
textarea.materialize-textarea.valid ~ .helper-text:after,
textarea.materialize-textarea:focus.valid ~ .helper-text:after {
  content: attr(data-success);
  color: #4CAF50;
}

input:not([type]).invalid ~ .helper-text:after, input:not([type]):focus.invalid ~ .helper-text:after,
input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
textarea.materialize-textarea.invalid ~ .helper-text:after,
textarea.materialize-textarea:focus.invalid ~ .helper-text:after {
  content: attr(data-error);
  color: #F44336;
}

input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  transition: 0.2s opacity ease-out, 0.2s color ease-out;
}

.input-field {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.input-field.inline {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.input-field.inline input,
.input-field.inline .select-dropdown {
  margin-bottom: 1rem;
}
.input-field.col label {
  left: 0.75rem;
}
.input-field.col .prefix ~ label,
.input-field.col .prefix ~ .validate ~ label {
  width: calc(100% - 3rem - 1.5rem);
}
.input-field > label {
  color: #9e9e9e;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  cursor: text;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transform-origin: 0% 100%;
  text-align: initial;
  transform: translateY(12px);
}
.input-field > label:not(.label-icon).active {
  transform: translateY(-14px) scale(0.8);
  transform-origin: 0 0;
}
.input-field > input[type=date]:not(.browser-default) + label, .input-field > input[type=time]:not(.browser-default) + label {
  transform: translateY(-14px) scale(0.8);
  transform-origin: 0 0;
}
.input-field .helper-text {
  position: relative;
  min-height: 18px;
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.input-field .helper-text::after {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.input-field .prefix {
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  transition: color 0.2s;
  top: 0.5rem;
}
.input-field .prefix.active {
  color: #26a69a;
}
.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .helper-text,
.input-field .prefix ~ .autocomplete-content {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}
.input-field .prefix ~ label {
  margin-left: 3rem;
}
@media only screen and (max-width : 992px) {
  .input-field .prefix ~ input {
    width: 86%;
    width: calc(100% - 3rem);
  }
}
@media only screen and (max-width : 600px) {
  .input-field .prefix ~ input {
    width: 80%;
    width: calc(100% - 3rem);
  }
}

/* Search Field */
.input-field input[type=search] {
  display: block;
  line-height: inherit;
  transition: 0.3s background-color;
}
.nav-wrapper .input-field input[type=search] {
  height: inherit;
  padding-left: 4rem;
  width: calc(100% - 4rem);
  border: 0;
  box-shadow: none;
}
.input-field input[type=search]:focus:not(.browser-default) {
  background-color: #fff;
  border: 0;
  box-shadow: none;
  color: #444;
}
.input-field input[type=search]:focus:not(.browser-default) + label i, .input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close, .input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
  color: #444;
}
.input-field input[type=search] + .label-icon {
  transform: none;
  left: 1rem;
}
.input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons {
  position: absolute;
  top: 0;
  right: 1rem;
  color: transparent;
  cursor: pointer;
  font-size: 2rem;
  transition: 0.3s color;
}

/* Textarea */
textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}
textarea.materialize-textarea {
  line-height: normal;
  overflow-y: hidden; /* prevents scroll bar flash */
  padding: 0.8rem 0 0.8rem 0; /* prevents text jump on Enter keypress */
  resize: none;
  min-height: 3rem;
  box-sizing: border-box;
}

.hiddendiv {
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem; /* prevents text jump on Enter keypress */
  position: absolute;
  top: 0;
  z-index: -1;
}

/* Autocomplete */
.autocomplete-content li .highlight {
  color: #444;
}
.autocomplete-content li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
}

/* Character Counter */
.character-counter {
  min-height: 18px;
}

.card-panel {
  transition: box-shadow 0.25s;
  padding: 24px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff;
}

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow 0.25s;
  border-radius: 2px;
}
.card .card-title {
  font-size: 24px;
  font-weight: 300;
}
.card .card-title.activator {
  cursor: pointer;
}
.card.small, .card.medium, .card.large {
  position: relative;
}
.card.small .card-image, .card.medium .card-image, .card.large .card-image {
  max-height: 60%;
  overflow: hidden;
}
.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
  max-height: 40%;
}
.card.small .card-content, .card.medium .card-content, .card.large .card-content {
  max-height: 100%;
  overflow: hidden;
}
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.card.small {
  height: 300px;
}
.card.medium {
  height: 400px;
}
.card.large {
  height: 500px;
}
.card.horizontal {
  display: flex;
}
.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
  height: 100%;
  max-height: none;
  overflow: visible;
}
.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
  height: 100%;
}
.card.horizontal .card-image {
  max-width: 50%;
}
.card.horizontal .card-image img {
  border-radius: 2px 0 0 2px;
  max-width: 100%;
  width: auto;
}
.card.horizontal .card-stacked {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.card.horizontal .card-stacked .card-content {
  flex-grow: 1;
}
.card.sticky-action .card-action {
  z-index: 2;
}
.card.sticky-action .card-reveal {
  z-index: 1;
  padding-bottom: 64px;
}
.card .card-image {
  position: relative;
}
.card .card-image img {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
.card .card-image .card-title {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 24px;
}
.card .card-content {
  padding: 24px;
  border-radius: 0 0 2px 2px;
}
.card .card-content p {
  margin: 0;
}
.card .card-content .card-title {
  display: block;
  line-height: 32px;
  margin-bottom: 8px;
}
.card .card-content .card-title i {
  line-height: 32px;
}
.card .card-action {
  background-color: inherit;
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  position: relative;
  padding: 16px 24px;
}
.card .card-action:last-child {
  border-radius: 0 0 2px 2px;
}
.card .card-action a:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating), .card .card-action a .location:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating):hover, a .card .card-action .location:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating):hover, .card .card-action .link .location:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating):hover, .link .card .card-action .location:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating):hover, .card .card-action .link:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating) {
  color: #ffab40;
  margin-right: 24px;
  transition: color 0.3s ease;
  text-transform: uppercase;
}
.card .card-action a:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating):hover, .card .card-action a .location:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating):hover, a .card .card-action .location:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating):hover, .card .card-action .link .location:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating):hover, .link .card .card-action .location:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating):hover, .card .card-action .link:not(.btn):not(.btn-xs):not(.btn-sm):not(.btn-large):not(.btn-floating):hover {
  color: rgb(255, 215.8586387435, 166);
}
.card .card-reveal {
  padding: 24px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  left: 0;
  top: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}
.card .card-reveal .card-title {
  cursor: pointer;
  display: block;
}

/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
a .waves-button.location:hover,
.link .waves-button.location:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper.waves-button {
  padding: 0;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

/* Range
   ========================================================================== */
.range-field {
  position: relative;
}

input[type=range],
input[type=range] + .thumb {
  cursor: pointer;
}

input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0;
  padding: 0;
}
input[type=range]:focus {
  outline: none;
}

input[type=range] + .thumb {
  position: absolute;
  top: 10px;
  left: 0;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #26a69a;
  margin-left: 7px;
  transform-origin: 50% 50%;
  transform: rotate(-45deg);
}
input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #26a69a;
  font-size: 0;
  transform: rotate(45deg);
}
input[type=range] + .thumb.active {
  border-radius: 50% 50% 50% 0;
}
input[type=range] + .thumb.active .value {
  color: #fff;
  margin-left: -1px;
  margin-top: 8px;
  font-size: 10px;
}

input[type=range] {
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type=range]::-webkit-slider-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #26a69a;
  transition: box-shadow 0.3s;
  -webkit-appearance: none;
  background-color: #26a69a;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
}

input[type=range].focused:focus:not(.active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
}

input[type=range]::-moz-range-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type=range]::-moz-focus-inner {
  border: 0;
}

input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #26a69a;
  transition: box-shadow 0.3s;
  margin-top: -5px;
}

input[type=range]:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px;
}

input[type=range].focused:focus:not(.active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

input[type=range]::-ms-track {
  height: 3px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #777;
}

input[type=range]::-ms-fill-upper {
  background: #ddd;
}

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #26a69a;
  transition: box-shadow 0.3s;
}

input[type=range].focused:focus:not(.active)::-ms-thumb {
  box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

.traversal_test .pass {
  background-color: #70FF76;
  color: black;
}
.traversal_test .fail {
  background-color: #F66;
  color: black;
}

.btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 2rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

input[type=range][disabled] {
  opacity: 0.2;
  transition: 0.6s;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(10, 110, 189, 0.7);
}
.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}
.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}
.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}
.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}
.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}
.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}

#site_notification {
  background-color: #0A6EBD;
  cursor: pointer;
  color: white;
  text-align: center;
  padding: 4px;
  font-size: 16px;
  z-index: 1;
  display: none;
  transition: 0.3s;
  border-bottom: 1px solid #3A4059;
}
#site_notification.active {
  display: block;
}
#site_notification:hover {
  background-color: #12141C;
  color: white;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa, .feedback_thumbs .neutral, .feedback_thumbs .positive, .feedback_thumbs .negative, .chat_message.edited .edited {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left, .feedback_thumbs .fa-pull-left.neutral, .feedback_thumbs .fa-pull-left.positive, .feedback_thumbs .fa-pull-left.negative, .chat_message.edited .fa-pull-left.edited {
  margin-right: 0.3em;
}

.fa.fa-pull-right, .feedback_thumbs .fa-pull-right.neutral, .feedback_thumbs .fa-pull-right.positive, .feedback_thumbs .fa-pull-right.negative, .chat_message.edited .fa-pull-right.edited {
  margin-left: 0.3em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left, .feedback_thumbs .pull-left.neutral, .feedback_thumbs .pull-left.positive, .feedback_thumbs .pull-left.negative, .chat_message.edited .pull-left.edited {
  margin-right: 0.3em;
}

.fa.pull-right, .feedback_thumbs .pull-right.neutral, .feedback_thumbs .pull-right.positive, .feedback_thumbs .pull-right.negative, .chat_message.edited .pull-right.edited {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before, .fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before, .chat_message.edited .edited:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before, .feedback_thumbs .positive:before {
  content: "\f087";
}

.fa-thumbs-o-down:before, .feedback_thumbs .negative:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before, .fa-users:before {
  content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before, .fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158";
}

.fa-won:before, .fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before, .feedback_thumbs.selected .positive:before, .feedback_thumbs .selected .positive:before {
  content: "\f164";
}

.fa-thumbs-down:before, .feedback_thumbs.selected .negative:before, .feedback_thumbs .selected .negative:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before, .fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before, .user_info .username_area .user_notes.has_notes:before {
  content: "\f249";
}

.fa-sticky-note-o:before, .user_info .username_area .user_notes:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before, .feedback_thumbs .neutral:before, .fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before, .fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before, .fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before, .fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before, .fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before, .fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.logo-main {
  display: block;
  margin: 0 auto 36px auto;
  width: 446px;
  max-width: 90%;
}

.news .recent_news_entry {
  white-space: pre-line;
}
.news .news_post:not(:last-child) {
  border-bottom: 1px solid white;
  padding-bottom: 16px;
  margin-bottom: 16px;
  font-size: 17px;
}
.news .post_logo {
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}
.news .post_logo img {
  max-height: 36px;
}

.sign_up_page .logo-main {
  height: 140px;
  width: auto;
}

.sign_up_form .already_registered {
  margin-top: 8px;
}

#welcome_page .special_count {
  color: #05D8FF;
  font-size: 18px;
}
#welcome_page .logo_container {
  margin-bottom: 20px;
}
#welcome_page .emphasized_time, #welcome_page .achievement-list time, .achievement-list #welcome_page time, #welcome_page .birthday .unknown, .birthday #welcome_page .unknown, #welcome_page .character_stats .character_matchups .win_percentage, .character_stats .character_matchups #welcome_page .win_percentage, #welcome_page .note_card .post_time, .note_card #welcome_page .post_time, #welcome_page .active_matches .start_time, .active_matches #welcome_page .start_time, #welcome_page .active_matches .duration, .active_matches #welcome_page .duration, #welcome_page .infraction_view .date_holder, .infraction_view #welcome_page .date_holder {
  color: #05D8FF;
}
#welcome_page .game-logos .supported_games_list li {
  display: inline;
}
#welcome_page .description {
  display: none;
}
#welcome_page .game-logos .heading {
  text-align: center;
  margin-bottom: 22px;
  font-size: 20px;
}
#welcome_page .game-logos .game-logo {
  width: 145px;
  max-height: 65px;
  display: inline;
}
#welcome_page .supported_games_list {
  text-align: center;
}
#welcome_page .game-logos .game-name {
  display: none;
}
#welcome_page .welcome_text {
  color: #05D8FF;
  text-align: center;
  font-size: 22px;
  margin-bottom: 24px;
}
#welcome_page .in_luck {
  margin-top: 8px;
  font-size: 20px;
}
#welcome_page .welcome-text ul li {
  margin-bottom: 8px;
  text-align: left;
}
#welcome_page .welcome-text .in_luck {
  list-style: none;
}
#welcome_page .login-buttons section {
  margin-bottom: 16px;
}
#welcome_page .what_is {
  margin-top: 40px;
}
#welcome_page .news .heading {
  margin-top: 0;
  padding-top: 0;
}
#welcome_page .game-logos {
  padding: 6px 0;
  background-color: #1C1F2B;
  margin-top: 40px;
}

#queries {
  text-align: left;
}

#header_mod_notification {
  display: none;
}

#header_mod_notification.has_notifications {
  display: inline-block;
}

.file_download {
  margin: 0 auto;
  text-align: center;
}

.file_download #download_form {
  display: none;
}
.file_download .download_begin_soon {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
}
.file_download .download_logo {
  margin-bottom: 16px;
}
.file_download .build_notes {
  margin-top: 10px;
  font-size: 16px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.file_download .user_input {
  margin-top: 8px;
}
.file_download .download_url {
  display: block;
}
.file_download .file_name {
  display: block;
  color: #05D8FF;
  font-size: 14px;
  margin-bottom: 12px;
}
.file_download .download_text {
  font-size: 18px;
}
.file_download .download_indicator {
  display: none;
  margin: 0 auto;
}
.file_download #alternate {
  display: none;
  font-size: 16px;
}

.rankings_heading {
  text-align: center;
  margin-bottom: 16px;
}

.rankings_heading .title {
  margin-bottom: 0;
}

.rankings_heading .special_filter {
  color: #05D8FF;
  font-size: 18px;
}

* {
  padding: 0;
  margin: 0;
}

@font-face {
  font-family: "edo";
  src: url("../fonts/edo.ttf") format("truetype");
}
img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.full_page_loader {
  display: flex;
  width: 100%;
  height: 120px;
  padding-left: 32px;
  padding-right: 32px;
  max-height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.full_page_loader i {
  font-size: 40px;
}

.italics {
  font-style: italic;
}

.glow-border {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}

.image-shadow {
  filter: drop-shadow(3px 3px 1px black) drop-shadow(-3px 3px 1px black) drop-shadow(0 -1.5px 1px black);
}

.hidden_file_input {
  width: 0;
  height: 0;
  visibility: hidden;
}

#clipboard_helper {
  display: none;
}

.dark-card, .flagged_matches .infraction_view, .match-history-table .feedback .toggle_feedback_form {
  border-radius: 4px;
  border: 2px solid #000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #171717;
  padding: 1px 6px;
}

html, body, #main-content {
  height: 100%;
}

#main-content {
  padding-top: 60px;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  line-height: 20px;
  line-height: 1.42857143;
  color: #242424;
  margin: 0;
  height: 100%;
  background-color: red;
}

select option.hidden {
  display: none;
}

body .jumbotron {
  background-color: rgba(153, 153, 153, 0.58);
}

.game_logo .game_image {
  max-height: 32px;
}

.icon {
  border-radius: 4px;
}
.icon.fa-steam {
  color: white;
  background-color: black;
  padding: 2px;
}
.icon.fa-twitter {
  color: #00ACED;
  background-color: white;
  padding: 1px;
}
.icon.fa-twitch {
  color: #6441A5;
  background-color: #FFF;
  text-align: center;
  padding: 3px;
  box-shadow: -2px 2px 2px #000;
}
.icon.fa-youtube {
  color: #CC181E;
  background-color: #FFF;
  text-align: center;
  padding: 3px;
  box-shadow: -2px 2px 2px #000;
}

.ui-sortable-helper {
  transition: none !important;
}

.username.has_display_name:hover .gangster_name, .has_display_name.subscribe_link:hover .gangster_name, .has_display_name.subscriber_glowish:hover .gangster_name, .user_info .has_display_name.subscription_streak:hover .gangster_name {
  display: inline;
  position: absolute;
  background-color: #12141C;
  border-radius: 4px;
  left: 0;
  top: 0;
  text-align: center;
  white-space: nowrap;
  padding: 0 8px;
}
.username.has_display_name:hover .display_name, .has_display_name.subscribe_link:hover .display_name, .has_display_name.subscriber_glowish:hover .display_name, .user_info .has_display_name.subscription_streak:hover .display_name {
  visibility: hidden;
}
.username.has_display_name .gangster_name, .has_display_name.subscribe_link .gangster_name, .has_display_name.subscriber_glowish .gangster_name, .user_info .has_display_name.subscription_streak .gangster_name {
  display: none;
}
.username.has_display_name .display_name, .has_display_name.subscribe_link .display_name, .has_display_name.subscriber_glowish .display_name, .user_info .has_display_name.subscription_streak .display_name {
  display: inline;
}

.jumbotron img {
  text-align: center;
}

.and_many_more {
  font-size: larger;
}

.location {
  text-shadow: 0 1px 1px rgb(0, 0, 0);
  color: #C2C2C2;
}

#page_netplay .wrapper {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  height: 100%;
}

#page_netplay .wrapper > #page_content {
  flex: 1 1 auto;
  min-width: 0;
}

#map-canvas, .map-canvas {
  width: 100%;
  height: 480px;
  border: 1px solid black;
  background-color: #3A4059;
  background-image: url("../../images/ajax-loader-long.gif");
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}

.leaftlet-canvas {
  position: relative;
}

.map_holder.loaded #map-canvas {
  background-image: none;
}

body .wrapper, #tinymce {
  background-color: var(--ui-page);
  min-height: 100%;
  position: relative;
}

#tinymce {
  min-height: 0;
  padding-top: 8px;
  margin: 8px;
  height: auto;
}

.content_holder {
  position: relative;
  padding-left: 8px;
  width: 100%;
  height: 100%;
  min-height: 600px;
  box-sizing: border-box;
  padding-right: 10px;
}

#dashboard p {
  margin: 0;
}

#dashboard img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.highcharts-container {
  background-color: white !important;
}

#chat_buffer {
  position: absolute;
  top: -90px;
  left: -40px;
  visibility: hidden;
}

#page_matches .content {
  margin-bottom: 80px;
}

h1 {
  font-family: "edo";
  font-size: 22pt;
  font-weight: normal;
}

h1, h2 {
  color: #FF6600;
  padding: 8px 0;
}

:where([data-theme=light]) h1, :where([data-theme=light]) h2 {
  color: var(--ui-heading);
}

h2 {
  font-size: 14pt;
}

#current_season {
  font-size: 9pt;
}

.header .logo img {
  height: 60px;
  width: auto;
}

#header_inbox_bar {
  display: none;
}

.clickable-notice {
  cursor: pointer !important;
}

#top_main_nav .date {
  font-size: smaller;
}

#chat_select.has_new_messages {
  color: white !important;
  background-color: #05D8FF;
  border-width: 2px;
  border-color: #FFF;
}

.full-width {
  width: 100%;
}

.play_match_container .game_filters {
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
}
.play_match_container .subscribe_button {
  display: flex;
  justify-content: center;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.play_match_container .start_donation_button {
  display: flex;
  align-items: center;
}
.play_match_container .start_donation_button a, .play_match_container .start_donation_button a .location:hover, a .play_match_container .start_donation_button .location:hover, .play_match_container .start_donation_button .link .location:hover, .link .play_match_container .start_donation_button .location:hover, .play_match_container .start_donation_button .link {
  margin-right: 8px;
  height: 32px;
  background-color: transparent;
  display: block;
  border: 1px solid #05D8FF;
}
.play_match_container .start_donation_button a:hover, .play_match_container .start_donation_button a .location:hover, a .play_match_container .start_donation_button .location:hover, .play_match_container .start_donation_button .link .location:hover, .link .play_match_container .start_donation_button .location:hover, .play_match_container .start_donation_button .link:hover {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
  background-color: #05D8FF;
}
.play_match_container .the_beg {
  display: block;
  text-align: center;
  font-size: 16px;
}
.play_match_container .the_beg .unclickable {
  cursor: default;
}

.start_donation_button, .donate .change_icon {
  margin: 8px 4px;
}

.start_donation_button .btn, .start_donation_button body.database_setup input[type=submit], body.database_setup .start_donation_button input[type=submit], .start_donation_button body.database_setup button, body.database_setup .start_donation_button button, .start_donation_button .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .start_donation_button button, .start_donation_button .btn-xs, .start_donation_button .possible_aka_listings button, .possible_aka_listings .start_donation_button button, .start_donation_button .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .start_donation_button button, .start_donation_button .stage_selectable .stage_options button, .stage_selectable .stage_options .start_donation_button button, .start_donation_button .btn-sm {
  background-color: #12141C;
}

.latest_subscribers h3 {
  margin-top: 6px;
  margin-bottom: 3px;
}

.latest_subscribers .sub_area {
  padding: 0 4px;
}

.test .fancybox-content {
  max-width: 162px;
  margin-left: 240px;
}

#fancybox-wrap textarea {
  min-width: inherit;
  width: 100%;
}

.border-box {
  box-sizing: border-box;
}

ul {
  list-style-type: none;
  padding-left: 0;
  padding-bottom: 8px;
  margin-bottom: 6px;
}

.menu {
  position: fixed;
  display: none;
  width: 130px;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 0 10px 0;
  background-color: #444444;
  margin: 0;
  z-index: 10;
}

a, a .location:hover, .link .location:hover, .link {
  color: #B66600;
  text-decoration: none;
  cursor: pointer;
}

button a, button a .location:hover, a button .location:hover, button .link .location:hover, .link button .location:hover, button .link {
  color: white;
}

.btn-clear {
  background-color: transparent;
  border-color: white;
}

.btn-clear:hover, a .btn-clear.location:hover, .link .btn-clear.location:hover {
  box-shadow: 1px 1px 1px white;
  background-color: transparent;
}

.price-actions .button, .price-actions form {
  display: inline-block;
}
.price-actions input[type=text] {
  background-color: #ACACAC;
}

.info_container a, .info_container a .location:hover, a .info_container .location:hover, .info_container .link .location:hover, .link .info_container .location:hover, .info_container .link {
  color: #29FF00;
}

a:hover:not(.button a):not(.button a .location:hover):not(a .button .location:hover):not(.button .link .location:hover):not(.link .button .location:hover):not(.button .link), a .location:hover:not(.button a):not(.button a .location:hover):not(a .button .location:hover):not(.button .link .location:hover):not(.link .button .location:hover):not(.button .link), .link .location:hover:not(.button a):not(.button a .location:hover):not(a .button .location:hover):not(.button .link .location:hover):not(.link .button .location:hover):not(.button .link), .link:hover:not(.button a):not(.button a .location:hover):not(a .button .location:hover):not(.button .link .location:hover):not(.link .button .location:hover):not(.button .link), a:focus, a .location:focus:hover, .link .location:focus:hover, .link:focus {
  text-decoration: underline;
  cursor: pointer;
}

.form-control, .birthday .birthday-picker select, body.database_setup input[type=text] {
  color: black;
}

label.form-control {
  cursor: pointer;
}

label {
  cursor: pointer;
}

.clear {
  clear: both;
}

.sign_up_page .referred_by {
  font-size: 19px;
  text-align: center;
}

.forgot_options, .sign-up {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 16px;
}

.emphasized_neutral {
  color: #FF0;
}

.emphasized_bright, .latest_subscribers .latest_sub .sub_stat {
  color: #0F0;
}

.emphasized_negative {
  color: #FF3434;
}

.sign_up_form label, .user_info label {
  display: block;
  margin-bottom: 4px;
  font-weight: normal;
}

.sign_up_form label span, .user_info label > span {
  display: inline-flex;
}

.user_info label.input-toggle {
  display: flex;
  border-radius: 8px;
}
.user_info label.input-toggle .active {
  font-size: smaller;
  margin-left: 8px;
  color: #05D8FF;
}
.user_info label.input-toggle:hover {
  background-color: #0A6EBD;
}

.host_code input[type=text] {
  border: 1px solid #3A4059;
  border-radius: 8px;
  padding: 4px;
}

.spinner {
  background: url("../../images/ajax-loader.gif") right no-repeat !important;
}

.spinner2 {
  background: url("../../images/ajax-circular.gif") right no-repeat !important;
}

.current_match {
  color: white;
}

input[type=submit], .button, button {
  line-height: 12px;
  padding: 4px 6px;
  margin: 4px 0 4px 0;
  border-radius: 5px;
  border: 1px solid transparent;
  cursor: pointer;
  box-sizing: border-box;
}

.main_info .btn, .main_info body.database_setup input[type=submit], body.database_setup .main_info input[type=submit], .main_info body.database_setup button, body.database_setup .main_info button, .main_info .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .main_info button, .main_info .btn-xs, .main_info .possible_aka_listings button, .possible_aka_listings .main_info button, .main_info .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .main_info button, .main_info .stage_selectable .stage_options button, .stage_selectable .stage_options .main_info button, .main_info .btn-sm, .main_info button {
  margin: 4px 0;
}

/*Summary Page */
.players .searching {
  color: yellow;
}

.list_container {
  padding-bottom: 8px;
}

.list_holder ul, .user_lists .list_container {
  list-style-type: none;
  background-color: #12141C;
  overflow-y: scroll;
  color: white;
  min-height: 150px;
}

.list_holder li, .list_holder .list_container li {
  position: relative;
}

.list_holder .searching_players, .list_holder .active_matches, .user_lists ul,
.requests .info_container, .user_lists .list_container {
  margin-bottom: 18px;
}

.select_tabs, .current_match .control-buttons {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 4px;
}

.dashboard-xs:not(.dashboard-sm) .mobile_view_tabs .tab_list .tab_button {
  margin: 0;
  flex: 1;
  padding-left: 12px;
  padding-right: 12px;
}
.dashboard-xs:not(.dashboard-sm) .mobile_view_tabs .tab_list .tab_button.profile_popup {
  flex: 0 0.1 auto;
}

.matchmaking_main_container {
  overflow: hidden;
  flex: 1 1 400px;
  margin: 0 0 0 auto;
}

.mobile_view_tabs .badge, .mobile_view_tabs .event_listing .best_of_small, .event_listing .mobile_view_tabs .best_of_small, .mobile_view_tabs .bug_category, .mobile_view_tabs .normal_list .no_tags.active, .normal_list .mobile_view_tabs .no_tags.active, .mobile_view_tabs .bug_summary_description .confirmed, .bug_summary_description .mobile_view_tabs .confirmed {
  background-color: #0A6EBD;
}
.mobile_view_tabs .tab_list {
  display: flex;
  border-bottom: none;
  justify-content: center;
}
.mobile_view_tabs .tab_list.stretch .tab_button {
  flex: 1;
}
.mobile_view_tabs .tab_list .tab_button {
  border: 0;
  margin: 1px;
  margin-bottom: 0;
  -webkit-appearance: inherit;
  background-color: transparent;
  padding-bottom: 4px;
  font-size: larger;
  position: relative;
  border-radius: 0;
  box-shadow: none;
  margin: 0px 0px;
  padding: 12px 16px;
  text-align: center;
  opacity: 0.6;
  position: relative;
}
.mobile_view_tabs .tab_list .tab_button:after {
  display: block;
  content: "";
  transform: scale(0);
  transition: all 450ms ease 0ms;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.mobile_view_tabs .tab_list .tab_button.active {
  transition: background-color 0.5s ease;
}
.mobile_view_tabs .tab_list .tab_button.active:after {
  background: rgba(10, 110, 189, 0.58);
  background: -webkit-linear-gradient(right, rgba(10, 110, 189, 0.58) 0%, #0A6EBD 12%, #05D8FF 47%, rgba(10, 110, 189, 0.58) 100%);
  background: linear-gradient(to left, rgba(10, 110, 189, 0.58) 0%, #0A6EBD 12%, #05D8FF 47%, rgba(10, 110, 189, 0.58) 100%);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transform: scale(1);
}
.mobile_view_tabs .tab_list .tab_button.pulse_glow, .mobile_view_tabs .tab_list .tab_button .highlighted {
  opacity: 1;
}
.mobile_view_tabs .tab_list .tab_button:hover {
  color: #05D8FF;
}
.mobile_view_tabs .tab_list .tab_button.active {
  color: #05D8FF;
  opacity: 1;
}
.mobile_view_tabs .tab_list .tab_button.notification a:after, .mobile_view_tabs .tab_list .tab_button.notification a .location:hover:after, a .mobile_view_tabs .tab_list .tab_button.notification .location:hover:after, .mobile_view_tabs .tab_list .tab_button.notification .link .location:hover:after, .link .mobile_view_tabs .tab_list .tab_button.notification .location:hover:after, .mobile_view_tabs .tab_list .tab_button.notification .link:after {
  content: "!";
  background-color: #05D8FF;
  border-radius: 10px;
  text-align: center;
  min-width: 10px;
  display: inline-block;
  padding: 0 7px;
}
.mobile_view_tabs .tab_list .tab_button .badge, .mobile_view_tabs .tab_list .tab_button .event_listing .best_of_small, .event_listing .mobile_view_tabs .tab_list .tab_button .best_of_small, .mobile_view_tabs .tab_list .tab_button .bug_category, .mobile_view_tabs .tab_list .tab_button .normal_list .no_tags.active, .normal_list .mobile_view_tabs .tab_list .tab_button .no_tags.active, .mobile_view_tabs .tab_list .tab_button .bug_summary_description .confirmed, .bug_summary_description .mobile_view_tabs .tab_list .tab_button .confirmed {
  border-radius: 16px;
}
.mobile_view_tabs .tab_list .tab_button .badge, .mobile_view_tabs .tab_list .tab_button .event_listing .best_of_small, .event_listing .mobile_view_tabs .tab_list .tab_button .best_of_small, .mobile_view_tabs .tab_list .tab_button .bug_category, .mobile_view_tabs .tab_list .tab_button .normal_list .no_tags.active, .normal_list .mobile_view_tabs .tab_list .tab_button .no_tags.active, .mobile_view_tabs .tab_list .tab_button .bug_summary_description .confirmed, .bug_summary_description .mobile_view_tabs .tab_list .tab_button .confirmed {
  display: none;
}
.mobile_view_tabs .tab_list .tab_button .badge.active, .mobile_view_tabs .tab_list .tab_button .event_listing .active.best_of_small, .event_listing .mobile_view_tabs .tab_list .tab_button .active.best_of_small, .mobile_view_tabs .tab_list .tab_button .active.bug_category, .mobile_view_tabs .tab_list .tab_button .normal_list .active.no_tags, .normal_list .mobile_view_tabs .tab_list .tab_button .active.no_tags, .mobile_view_tabs .tab_list .tab_button .bug_summary_description .active.confirmed, .bug_summary_description .mobile_view_tabs .tab_list .tab_button .active.confirmed {
  display: inline-block;
  border: 0;
  position: absolute;
  margin-left: 8px;
  transition: background-color 0.5s ease;
  top: 12px;
  right: 0;
}

.tab_tip {
  display: block;
  font-size: xx-small;
  white-space: normal;
}

.friend_display .friend_choices {
  justify-content: space-between;
}
.friend_display .friend_choices .tab_button {
  padding-left: 8px;
  padding-right: 8px;
}

.tab_button.notification {
  background-color: red;
}

#main_chat_area .chat_holder.active {
  display: flex;
  flex-direction: column;
  flex-direction: row;
  flex: 1 1 0%;
  overflow: hidden;
}
#main_chat_area #main_chat_holder {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  overflow: hidden;
}

#dashboard.active.chat_rooms_loaded #main_chat_area .chat_holder.template_visible.active:after {
  content: "You aren't currently in any chats!";
}

#main_chat_area .chat_holder.template_visible.active:after {
  position: absolute;
  font-size: 18px;
  width: 100%;
  top: 48px;
  text-align: center;
  content: "---";
}

.chat_holder .chat_side {
  display: flex;
  flex-direction: column;
  flex: 1 0 280px;
}

#main_chat_area .chat_container_outer_holder {
  flex: 1 1 0;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  border-radius: 0;
}

.chat_message.is_birthday:not(.state_message) .username_and_such:after {
  color: var(--ui-name-sub);
  content: "(Happy Birthday)";
  font-size: 11px;
  margin-right: 8px;
}

.time_holder .ellipsis {
  display: none;
}

.chat_container_outer_holder:hover .state_messages {
  opacity: 0.1;
  transition: 0.1s;
}

.state_messages, .match_muted_notification {
  position: absolute;
  bottom: 1px;
  right: 13px;
  background-color: #12141C;
  border-radius: 4px 0 0 0;
  padding: 2px 10px;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chat_container_outer_holder:hover .match_muted_notification {
  pointer-events: none;
  opacity: 0.1;
}

.match_muted_notification {
  bottom: auto;
  top: 0;
  font-style: italic;
}

.chat_container.static {
  position: relative;
  max-height: 85vh;
}

body.chat_style_modern .chat_container:not(.static) .sender, .chat_container.private .sender {
  font-size: 110%;
}
body.chat_style_modern .chat_container:not(.static) .flairy_holder .flairy, .chat_container.private .flairy_holder .flairy {
  margin-right: 4px;
}
body.chat_style_modern .chat_container:not(.static) .delete_holder, .chat_container.private .delete_holder {
  display: none;
}
body.chat_style_modern .chat_container:not(.static) .username_and_such, .chat_container.private .username_and_such {
  margin-left: 0px;
}
body.chat_style_modern .chat_container:not(.static) .normal_message .user_things, body.chat_style_modern .chat_container:not(.static) .state_message .user_things, .chat_container.private .normal_message .user_things, .chat_container.private .state_message .user_things {
  display: inline;
}
body.chat_style_modern .chat_container:not(.static) .time_holder, .chat_container.private .time_holder {
  float: right;
  top: 0;
  right: 0;
  padding: 2px 12px 2px 8px;
  border-radius: 3px 0 0 3px;
  position: absolute;
}
body.chat_style_modern .chat_container:not(.static) .flairy, .chat_container.private .flairy {
  height: 18px;
}
body.chat_style_modern .chat_container:not(.static) .time, .chat_container.private .time {
  font-size: 13px;
  width: auto;
  text-align: right;
  margin-right: 4px;
}
body.chat_style_modern .chat_container:not(.static) .chat_message, .chat_container.private .chat_message {
  position: relative;
}
body.chat_style_modern .chat_container:not(.static) .chat_message.chat_notification, .chat_container.private .chat_message.chat_notification {
  padding: 2px 10px;
}
body.chat_style_modern .chat_container:not(.static) .chat_notification .time_holder, .chat_container.private .chat_notification .time_holder {
  display: none;
}
body.chat_style_modern .chat_container:not(.static) .chat_notification_message, .chat_container.private .chat_notification_message {
  display: inline-block;
}
body.chat_style_modern .chat_container:not(.static) .date_change_notification .chat_notification_message, .chat_container.private .date_change_notification .chat_notification_message {
  padding-right: 0;
}
body.chat_style_modern .chat_container:not(.static) .chat_mesage.chat_notification, body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message, .chat_container.private .chat_mesage.chat_notification, .chat_container.private .chat_message.normal_message {
  padding: 1px 7px 0px 10px;
  position: relative;
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message .message_things .warning, .chat_container.private .chat_message.normal_message .message_things .warning {
  display: block;
  font-style: italic;
  color: white;
  background-color: rgb(255, 131, 131);
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message:not(.me_texted) .message_things, .chat_container.private .chat_message.normal_message:not(.me_texted) .message_things {
  color: var(--ui-chat-ink);
  display: block;
  margin: 0px 0px 2px 22px;
  text-shadow: var(--ui-chat-ink-shadow);
}
body.chat_style_modern .chat_container:not(.static) .chat_message:not(.me_texted).same_player_as_previous .flairy_holder, body.chat_style_modern .chat_container:not(.static) .chat_message:not(.me_texted).same_player_as_previous .sender, body.chat_style_modern .chat_container:not(.static) .chat_message:not(.me_texted).same_player_as_previous .ceo-flair, body.chat_style_modern .chat_container:not(.static) .chat_message:not(.me_texted).same_player_as_previous .username_and_such, .chat_container.private .chat_message:not(.me_texted).same_player_as_previous .flairy_holder, .chat_container.private .chat_message:not(.me_texted).same_player_as_previous .sender, .chat_container.private .chat_message:not(.me_texted).same_player_as_previous .ceo-flair, .chat_container.private .chat_message:not(.me_texted).same_player_as_previous .username_and_such {
  display: none;
}
body.chat_style_modern .chat_container:not(.static) .chat_message:not(.me_texted).same_player_as_previous .message, .chat_container.private .chat_message:not(.me_texted).same_player_as_previous .message {
  display: inline-block;
}
body.chat_style_modern .chat_container:not(.static) .chat_message:not(.me_texted).same_player_as_previous .time_holder, .chat_container.private .chat_message:not(.me_texted).same_player_as_previous .time_holder {
  display: none;
}
body.chat_style_modern .chat_container:not(.static) .chat_message:not(.me_texted).same_player_as_previous .colon, .chat_container.private .chat_message:not(.me_texted).same_player_as_previous .colon {
  display: none;
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message:hover .time_holder, .chat_container.private .chat_message.normal_message:hover .time_holder {
  display: block;
  position: absolute;
  background-color: var(--ui-chat-time-bg);
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message:hover .time_holder .ellipsis, .chat_container.private .chat_message.normal_message:hover .time_holder .ellipsis {
  display: inline;
  top: 2px;
  position: relative;
}

.chat_input_group .state_messages {
  position: fixed;
  top: 0px;
  right: 0;
  text-align: right;
  background-color: #12141C;
  white-space: nowrap;
  border-radius: 0 0 0 4px;
  padding: 2px 10px;
  z-index: 1;
}
.chat_input_group .state_message .message {
  display: inline;
  padding: 0;
  color: #E2E0E0;
  font-size: 14px;
}

.toggle_userlist {
  margin-left: 14px;
}

#user_list_side .userlists ul {
  border-radius: 0;
}

.mid-side-container #user_list_side.toggleable {
  position: fixed;
  top: 0;
  transition: 0.3s;
  background-color: #1C1F2B;
  z-index: 1003;
  outline: none;
  display: flex;
  height: 100%;
  width: 260px;
  right: 0;
  margin-right: -260px;
  border-left: 1px solid #3A4059;
  broder-radius: 0;
  border-bottom: none;
}

.mid-side-container #user_list_side.toggleable.dragging {
  transition: none;
}

.mid-side-container.userlist_showing #user_list_side.toggleable {
  margin-right: 0;
}

#preferred_match_search_options {
  display: none;
  flex-grow: 0;
  margin: 8px 0;
}

.preferred_match_search_options .current_restrictions {
  font-size: 1.4rem;
}
.preferred_match_search_options .search_restrictions {
  box-shadow: none;
}
.preferred_match_search_options .max_search_distance_label {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 1.6rem;
}
.preferred_match_search_options label {
  color: white;
  font-weight: normal;
}
.preferred_match_search_options .match_search_option {
  flex: 1;
  align-self: flex-end;
}

#show_doubles_searches .form-control, #show_doubles_searches .birthday .birthday-picker select, .birthday .birthday-picker #show_doubles_searches select, #show_doubles_searches body.database_setup input[type=text], body.database_setup #show_doubles_searches input[type=text] {
  background-color: transparent;
  border: none;
  color: white;
}

#dashboard .matchmaking_tab_content {
  display: flex;
  width: 100%;
  margin: 0 auto;
  flex-grow: 1;
  flex-direction: row;
  overflow: hidden;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking .matchmaking-all {
  display: flex;
  flex: 1;
  overflow: hidden;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking .matchmaking-all.mobile-view {
  flex-direction: column;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking .matchmaking-all.mobile-view .extra_data {
  margin: 15px 0 0 0;
  flex: 1 1 150px;
  justify-content: space-between;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking .matchmaking-all.mobile-view .play_match_container.flex .game_search_section.maximized {
  flex: 1 1 300px;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking .matchmaking-all.mobile-view .recent_match_searchers {
  flex-direction: column;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking .matchmaking-all.mobile-view .connected-ladder-game {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking #matchmaking_container {
  flex: 1;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile {
  display: flex;
  flex-direction: column;
  width: 400px;
  padding-left: 32px;
  overflow-y: auto;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields i {
  font-size: 18px;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .field_name {
  display: flex;
  justify-content: space-between;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .field_value {
  display: inline-block;
  border-bottom: 1px solid white;
}
#dashboard .matchmaking_tab_content #tab-pane-matchmaking .tab-pane-content {
  max-width: 100%;
}

#dashboard .matchmaking_tab_content.has_popup_chat .tab-pane.normal_width {
  margin: 0 auto 0 0;
}
#dashboard .matchmaking_tab_content #tab-pane-chat .tab-pane-content {
  max-width: 1600px;
}
#dashboard .matchmaking_tab_content #tab-pane-battle .tab-pane-content {
  max-width: 1600px;
}
#dashboard .matchmaking_tab_content #tab-pane-battle .current_match_container {
  max-width: none;
}
#dashboard .matchmaking_tab_content .tab-pane {
  margin-top: 0;
  flex: 1 1 0;
  overflow: auto;
}
#dashboard .matchmaking_tab_content .tab-pane.normal_width {
  margin: 0 auto;
}
#dashboard .matchmaking_tab_content .tab-pane.normal_width .tab-pane-content {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-width: 800px;
}

#dashboard .tab-content .tab-pane.active {
  display: flex;
  flex-direction: column; /** Questionable **/
}

#tab-pane-chat {
  overflow: hidden;
}

.dashboard-short #dashboard {
  padding-bottom: 2px;
}

.dashboard-short #tab-pane-direct_messages .control-buttons,
.dashboard-short .title_area,
.dashboard-short .hidden-short {
  display: none !important;
}

.dashboard-short .wrapper {
  margin-top: 0;
  min-height: 100%;
  padding-bottom: 0;
}

.dashboard-short .mobile_view_tabs {
  display: none;
}

#page_netplay.dashboard-short #bottom_dock {
  display: none;
}

#dashboard .dispute_tab_button.no_disputes {
  display: none;
}

#dashboard.is_mod .dispute_tab_button, #dashboard .dispute_tab_button.active {
  display: inline-block;
}

#dashboard.dashboard-sm .matchmaking_tab_content #tab-pane-matchmaking {
  margin-top: 0;
}

#tab-pane-matchmaking.active {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

#dashboard .tab-content > .tab-pane {
  margin-top: 0;
}
#dashboard .tab-content > .tab-pane.mid-side-container {
  overflow: hidden;
}

#dashboard.dashboard-lg .mid-side-container {
  min-width: 30%;
}

#dashboard.dashboard-sm .tab-content .tab-pane {
  margin-left: auto;
  margin-right: auto;
}
#dashboard.dashboard-sm .tab-content .tab-pane.full {
  max-width: none;
}

#dashboard.dashboard-xs:not(.dashboard-sm) .tab-pane .panel, #dashboard.dashboard-xs:not(.dashboard-sm) .tab-pane body.database_setup .section_content, body.database_setup #dashboard.dashboard-xs:not(.dashboard-sm) .tab-pane .section_content {
  border-left: none;
  border-right: none;
}

#dashboard.dashboard-xs #main_chat_area {
  flex: 1;
  flex-direction: column;
  display: flex;
  overscroll-behavior: contain;
}

#dashboard.dashboard-md #chat_groups_container {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  overflow: hidden;
}
#dashboard.dashboard-md #tab-pane-matchmaking .play_match_container.flex #recent_match_searchers {
  display: flex;
}
#dashboard.dashboard-md #main_chat_area {
  overflow: hidden;
  display: flex;
  flex-direction: row-reverse;
  flex: 1 1 600px;
}
#dashboard.dashboard-md #main_chat_area.minimized {
  min-width: 20vw;
}
#dashboard.dashboard-md .chat_tabs {
  height: auto;
  flex-direction: column;
}
#dashboard.dashboard-md .chat_tabs {
  position: relative;
  margin: 0;
  white-space: nowrap;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  order: 0;
  border: 1px solid #3A4059;
  border-right: none;
  flex: 0 1 auto;
  width: 140px;
  min-width: 80px;
}
#dashboard.dashboard-md .chat_tabs .chat_groups.horizontal .chat_entry {
  padding-left: 4px;
  padding-right: 4px;
  min-width: 50px;
  flex: 0 0 1;
}
#dashboard.dashboard-md .chat_tabs .chat_groups.horizontal .chat_entry:hover .name {
  text-overflow: none;
}
#dashboard.dashboard-md .chat_tabs .chat_groups.horizontal .chat_tab .name {
  text-overflow: ellipsis;
}
#dashboard.dashboard-md .chat_tabs .chat_groups.horizontal .create_chat {
  flex: 0 1 auto;
}
#dashboard.dashboard-md .chat_tabs .chat_groups.horizontal .chat_tab_mover {
  flex: 1 1 0;
  flex-direction: row;
  overflow: hidden;
  width: 100%;
  position: relative;
}
#dashboard.dashboard-md .chat_tabs .chat_groups.horizontal .chat_tab_holder {
  display: flex;
  flex-direction: row;
}
#dashboard.dashboard-md .chat_tabs .chat_groups.horizontal .chat_tab_group {
  display: flex;
  flex: 1 1 0;
  padding-top: 0;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
#dashboard.dashboard-md .chat_tabs .chat_groups.horizontal .chat_room_group {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
#dashboard.dashboard-md .chat_tabs .chat_groups.horizontal .chat_room_group .ladder {
  display: none;
}
#dashboard.dashboard-md .chat_tabs .chat_groups {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

#user_list_information {
  color: white;
  text-align: center;
  padding: 10px 0;
}

.dispute_container span.message, .info_container {
  position: relative;
  margin-bottom: 10px;
}

.cancel_dialog {
  display: none;
}

.cancel_dialog .cancel_message {
  background-color: #3B3B3B;
}

.user_input {
  white-space: pre-line;
}

.user_content ul {
  margin-left: 16px;
}

.user_content li {
  padding-left: 4px;
  white-space: normal;
}

.stream_link_advanced_preview {
  min-height: 1em;
}

.popout_card, .ranked_restrictions_holder .selecting_rank_restrictions.active, .introjs-tooltipReferenceLayer .introjs-tooltip {
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 100040; /* match pnotify */
  position: absolute;
  box-shadow: 10px 12px 25px -6px rgba(0, 0, 0, 0.75);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.59), 0 2px 10px 0 rgba(0, 0, 0, 0.76);
  border-radius: 0;
  background-color: #1C1F2B;
  color: white;
}
.popout_card.rounded, .ranked_restrictions_holder .rounded.selecting_rank_restrictions.active, #dashboard .matchmaking_tab_content #tab-pane-friends .popout_card.search, #dashboard .matchmaking_tab_content #tab-pane-friends .ranked_restrictions_holder .search.selecting_rank_restrictions.active, .ranked_restrictions_holder #dashboard .matchmaking_tab_content #tab-pane-friends .search.selecting_rank_restrictions.active, .introjs-tooltipReferenceLayer .rounded.introjs-tooltip, .introjs-tooltipReferenceLayer #dashboard .matchmaking_tab_content #tab-pane-friends .introjs-tooltip.search, #dashboard .matchmaking_tab_content #tab-pane-friends .introjs-tooltipReferenceLayer .introjs-tooltip.search {
  border-radius: 20px;
}

.user_info .closing_x {
  display: none;
}
.user_info .profile_stuff {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.user_info .record {
  display: flex;
  align-items: center;
}

#tab-pane-user_info {
  width: 100%;
}

#user_info_button {
  display: none;
}

#user_info_pane .user_info {
  min-width: auto;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  margin-bottom: 0;
  flex-direction: column;
  z-index: 0;
}

.user_info.loading .recent_matches {
  display: none;
}

#user_info_pane .user_info .table-responsive {
  border: none;
}
#user_info_pane .user_info .main_info {
  width: auto;
  display: flex;
  flex-direction: column;
}
#user_info_pane .user_info .closing_x {
  display: none;
}

.user_info.loading {
  transition: none;
}

.chat_rules {
  margin-left: 4px;
  padding: 4px 1px;
  border-radius: 4px;
}

.chat_rules:hover, a .chat_rules.location:hover, .link .chat_rules.location:hover {
  transition: 0.6s;
  background-color: #05D8FF;
  color: black;
}

.chat-rules-popout {
  max-width: 800px;
  flex: 1 1 auto;
  overflow: auto;
  margin: 0 auto;
}
.chat-rules-popout h3 {
  font-size: 18px;
}
.chat-rules-popout h3:first-child {
  margin-top: 0;
}
.chat-rules-popout ul li, .chat-rules-popout ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 6px;
}
.chat-rules-popout ul li p {
  margin-bottom: 2px;
  display: inline;
}

.chat_rules.clickable img, #main_chat_area .chat_room_title_banner .chat_rules.chat_option img, .dolphin_launcher_waiting .chat_rules.dolphin_user img {
  width: 16px;
  margin-bottom: 2px;
}

.user_info .profile_link .flairy_holder {
  display: none;
}
.user_info .profile_link .username, .user_info .profile_link .subscribe_link, .user_info .profile_link .subscriber_glowish, .user_info .profile_link .subscription_streak {
  font-size: 17px;
  margin-right: 8px;
}
.user_info .profile_link .badge, .user_info .profile_link .event_listing .best_of_small, .event_listing .user_info .profile_link .best_of_small, .user_info .profile_link .bug_category, .user_info .profile_link .normal_list .no_tags.active, .normal_list .user_info .profile_link .no_tags.active, .user_info .profile_link .bug_summary_description .confirmed, .bug_summary_description .user_info .profile_link .confirmed {
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  margin-right: 3px;
}

.user_info .display_name.active {
  display: inline;
}

.user_info .display_name, .user_info .display_name .username, .user_info .display_name .subscribe_link, .user_info .display_name .subscriber_glowish, .user_info .display_name .subscription_streak {
  display: none;
  font-size: 0.9em;
}

.tab-content .matchmaking_tab_content {
  color: white;
}

#user_list_side .chat-room-head {
  background: black;
}

.chat-room-head.mini {
  height: 27px;
  padding: 3px;
  padding-left: 8px;
}

.chat-room-head.mini h4 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.chat-room-head .season {
  font-size: 10px;
}

.requests .request {
  position: relative;
}

.dispute_container span.message {
  display: block;
  max-height: 60px;
  overflow-y: auto;
}

.list-group-item.clickable:hover, #main_chat_area .chat_room_title_banner .list-group-item.chat_option:hover, .dolphin_launcher_waiting .list-group-item.dolphin_user:hover, .entrant_list .clickable.entrant:hover, .entrant_list #main_chat_area .chat_room_title_banner .entrant.chat_option:hover, #main_chat_area .chat_room_title_banner .entrant_list .entrant.chat_option:hover, .entrant_list .dolphin_launcher_waiting .entrant.dolphin_user:hover, .dolphin_launcher_waiting .entrant_list .entrant.dolphin_user:hover {
  background-color: black;
  transition: 0.6s;
}

.previous_accounts h5 {
  margin-top: 0;
}

.previous_accounts ul {
  margin-left: 8px;
  font-size: 11px;
}

h4 {
  margin: 2px 0;
  padding: 0;
}

/*.closing_x{position: absolute; top: -2px; right: -4px; border: 1px solid #F2871D; padding: 0px 4px;
background-color: black; color: white; border-radius: 8px; line-height: 18px;}*/
.stream_information .btn, .stream_information body.database_setup input[type=submit], body.database_setup .stream_information input[type=submit], .stream_information body.database_setup button, body.database_setup .stream_information button, .stream_information .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .stream_information button, .stream_information .btn-xs, .stream_information .possible_aka_listings button, .possible_aka_listings .stream_information button, .stream_information .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .stream_information button, .stream_information .stage_selectable .stage_options button, .stage_selectable .stage_options .stream_information button, .stream_information .btn-sm {
  float: right;
}

.stream .closing_x:hover, .stream_information .btn:hover, .stream_information body.database_setup input[type=submit]:hover, body.database_setup .stream_information input[type=submit]:hover, .stream_information body.database_setup button:hover, body.database_setup .stream_information button:hover, .stream_information .request_list .challenge_request_hmm.removing button:hover, .request_list .challenge_request_hmm.removing .stream_information button:hover, .stream_information .btn-xs:hover, .stream_information .possible_aka_listings button:hover, .possible_aka_listings .stream_information button:hover, .stream_information .user_main_info_area .mod_options form button:hover, .user_main_info_area .mod_options form .stream_information button:hover, .stream_information .stage_selectable .stage_options button:hover, .stage_selectable .stage_options .stream_information button:hover, .stream_information .btn-sm:hover, .minimize:hover, a .minimize.location:hover, .link .minimize.location:hover, .maximize:hover, a .maximize.location:hover, .link .maximize.location:hover {
  cursor: pointer;
  background-color: #797979;
  color: white;
  border-radius: 4px;
}

.stream .closing_x {
  position: absolute;
  color: #797979;
  top: -4px;
  right: -5px;
  border: 1px solid black;
  padding: 0px 4px;
  background-color: white;
  line-height: 18px;
}

.chat_holder {
  position: relative;
}

#bug_description {
  font-size: 16px;
  margin-top: 16px;
}

#bug_list .description {
  word-break: break-word;
  max-height: 6em;
  overflow-y: auto;
  border-bottom: 1px solid #000;
  padding-left: 10px;
  padding-bottom: 2px;
  margin-top: 4px;
  margin-bottom: 10px;
}

.mod_report_chat h3 {
  margin-top: 0;
}

#report_form.match_options_hidden #match_options {
  display: none;
}

#report_form.report_options_hidden .report_buttons {
  display: none;
}

.report_rules {
  list-style-type: circle;
}

.report_rules li {
  margin-bottom: 8px;
}

.chat_message.highlighted {
  background-color: gray;
}

.chat_message .delete_holder {
  display: inline-block;
  cursor: pointer;
  width: 12px;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex: 0;
  display: none;
}

.chat_message:not(.is_mod_of_message) .delete_holder i {
  display: none;
}

.chat_message .delete_holder:hover .delete {
  color: black;
}

.chat_message .undelete {
  display: none;
}

.chat_message .delete_holder .undelete {
  color: #F33;
}

.chat_message .delete_holder:hover .delete, .chat_message .delete_holder:hover .undelete {
  color: #05F;
}

.chat_message .colon {
  opacity: 0;
}

.chat_message.state_message {
  font-style: italic;
}

.chat_message .flairy {
  vertical-align: top;
}

.chat_container .chat_room_name {
  font-size: 16px;
  font-weight: bold;
}

.chat_message.send_failed {
  color: gray;
  font-style: italic;
  cursor: pointer;
}
.chat_message.send_failed:hover {
  background-color: #30354A;
}

.play_buttons {
  position: relative;
}

.search_restrictions_popup .build_preferences:before {
  content: "Build Preferences";
}
.search_restrictions_popup .player_preferred_restrictions:before {
  content: "Region Restrictions";
}
.search_restrictions_popup .build_preferences {
  display: none;
}
.search_restrictions_popup .build_preferences.active {
  display: block;
}
.search_restrictions_popup .game_choices {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-top: 4px;
  margin-bottom: 8px;
}
.search_restrictions_popup .toggle_view_game {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.search_restrictions_popup .preferred_game_filter {
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: none;
  border-radius: 4px;
  cursor: pointer;
}
.search_restrictions_popup .preferred_game_filter:hover:not(.selected) {
  background-color: transparent;
  border-color: #05D8FF;
}
.search_restrictions_popup .preferred_game_filter.selected {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
  border-color: transparent;
  opacity: 1;
}
.search_restrictions_popup .preferred_game_filter .filter_image {
  opacity: 1;
}

.play_match_container #no_game_filters .none_selected_heading {
  font-size: 16px;
  margin-bottom: 4px;
}
.play_match_container #no_game_filters .none_no_options {
  display: flex;
  flex-direction: column;
}

.game_icon, .preferred_game_filter .filter_image {
  max-width: 130px;
  max-height: 32px;
  filter: contrast(1) grayscale(1) opacity(0.7);
}

.image_and_tier.overlapping_logo .tier_logo, .image_and_tier.overlapping_logo .mini_tier_icon {
  position: absolute;
  height: 28px;
  bottom: -6px;
  border-radius: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  point-events: none;
  filter: drop-shadow(1px 1px 1px black) drop-shadow(-1px 1px 1px black) drop-shadow(0 -0.5px 1px black);
}

.game_filter_logo, .game-filter-image {
  max-width: 130px;
}

.play_match_container .one_game_one_truth .game {
  background-color: #12141C;
  border: 1px solid #3A4059;
  font-size: 1.8rem;
  padding: 8px 12px;
  min-width: 128px;
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}
.play_match_container .one_game_one_truth .game:hover {
  color: white;
  border-color: #2a3cad;
}

.game_picker_popup .dynamic_preferred_games_holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
}
.game_picker_popup .dynamic_preferred_games_holder .preferred_game_filter {
  cursor: pointer;
  margin: 4px;
}

.play_match_container.one_truth .game_filters .dynamic_preferred_games_holder {
  display: none;
}

.preferred_game_filter {
  position: relative;
  border: 1px solid transparent;
  transition: 0.2s;
  margin: 2px 2px;
  padding: 8px 6px;
}

.play_match_container .game_filters .preferred_game_filter {
  position: relative;
  background-color: transparent;
  cursor: pointer;
  box-shadow: none;
  border-radius: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.play_match_container .preferred_game_filter:active:hover {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}

.preferred_game_filter .loading {
  display: none;
  position: absolute;
}

.preferred_game_filter.loading .filter_image {
  transform: scale(1.2);
  filter: grayscale(100%);
}
.preferred_game_filter.loading .loading {
  display: block;
}

.dashboard-xs:not(.dashboard-md) .the_beg {
  display: none;
}

.game_filters .game_settings_selection {
  cursor: pointer;
}

.game_filters:not(.loading) .preferred_game_filter:hover:not(.loading) .filter_image {
  transform: scale(1.1);
  transition: 0s;
}
.game_filters:not(.loading) .preferred_game_filter:hover:not(.loading):active .filter_image {
  transform: scale(1.1) translate(1px, 1px);
  filter: none;
}
.game_filters:not(.loading).showing_hard .preferred_game_filter.on .filter_on {
  filter: drop-shadow(1px 1px 1px #05D8FF) drop-shadow(-1px 1px 1px #05D8FF) drop-shadow(0 -0.5px 1px #05D8FF);
}

.preferred_game_filter .filter_image {
  opacity: 0.3;
  transition: 0.4s;
}

.preferred_game_filter.on .filter_on {
  display: inline-block;
  opacity: 1;
  transition: 0.4s;
  filter: drop-shadow(1px 1px 1px black) drop-shadow(-1px 1px 1px black) drop-shadow(0 -0.5px 1px black);
}

.tier_ladder_league_unranked .rank_medal, .tier_ladder_league_unranked .mini_tier_icon, .tier_ladder_league_unranked .tier_logo, .tier_ladder_league_unranked .league_icon {
  -webkit-filter: contrast(0%);
  filter: contrast(0%);
}

.preferred_game_filter:not(.on) .filter_off {
  display: inline-block;
}

.panel.ladder_game_list, body.database_setup .ladder_game_list.section_content {
  text-align: left;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #12141C;
  position: relative;
  min-height: 60px;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  border-radius: 0px 4px 4px 4px;
  flex: 1 1 0%;
}

.ladder_game_list .request_list {
  margin-bottom: 0;
}

.matchmaking_heading, .stream_container .heading, .play_match_container .heading {
  position: relative;
  margin: 0;
  display: block;
  text-align: center;
  padding: 5px;
  font-size: 18px;
  padding: 5px 0;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.stream_container .matchmaking_heading, .stream_container .heading {
  position: relative;
}
.stream_container .count.badge, .stream_container .event_listing .count.best_of_small, .event_listing .stream_container .count.best_of_small, .stream_container .count.bug_category, .stream_container .normal_list .count.no_tags.active, .normal_list .stream_container .count.no_tags.active, .stream_container .bug_summary_description .count.confirmed, .bug_summary_description .stream_container .count.confirmed {
  position: relative;
}

.matchmaking_heading .text:hover, .stream_container .heading .text:hover, .play_match_container .heading .text:hover {
  color: #05D8FF;
  transition: 0.4s;
  cursor: pointer;
}

#stream_container .maximize, #stream_container .minimize {
  position: absolute;
  right: 2px;
  top: 2px;
  display: none;
}
#stream_container .minimize {
  display: none;
}
#stream_container .maximize {
  display: inline-block;
}

#stream_container.maximized .minimize {
  display: inline-block;
}
#stream_container.maximized .maximize {
  display: none;
}
#stream_container.maximized .heading .badge, #stream_container.maximized .heading .event_listing .best_of_small, .event_listing #stream_container.maximized .heading .best_of_small, #stream_container.maximized .heading .bug_category, #stream_container.maximized .heading .normal_list .no_tags.active, .normal_list #stream_container.maximized .heading .no_tags.active, #stream_container.maximized .heading .bug_summary_description .confirmed, .bug_summary_description #stream_container.maximized .heading .confirmed {
  display: none;
}

#recent_match_searchers .recent_match_searcher.no_matching_builds > div:not(.no_matching_builds_hover) {
  opacity: 0.4;
}
#recent_match_searchers .recent_match_searcher.no_matching_builds > span {
  opacity: 0.4;
}

#recent_match_searchers .recent_match_searcher.no_matching_builds:hover .no_matching_builds_hover {
  display: block;
  pointer-events: none;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 6;
  top: 3px;
  transition: 0.3s;
  opacity: 1;
  cursor: pointer;
  animation-name: wiggle;
  animation-duration: 1000ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}
#recent_match_searchers .recent_match_searcher.no_matching_builds:hover .no_matching_builds_hover .content:hover {
  color: #05D8FF;
  border-color: #05D8FF;
}
#recent_match_searchers .recent_match_searcher.no_matching_builds:hover .no_matching_builds_hover .content {
  pointer-events: auto;
  background-color: black;
  border: 1px solid white;
  font-size: 16px;
  padding: 2px 8px;
  border-radius: 2px;
}

#recent_match_searchers .no_matching_builds_hover {
  display: none;
}

#recent_match_searchers .rank_filters {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
}

#recent_match_searchers .rank_filters .tier {
  opacity: 0.4;
  transition: 0.4s;
}

#recent_match_searchers .rank_filters .tier.enabled {
  opacity: 1;
  transition: 0.4s;
}

#recent_match_searchers .rank_filters .tier {
  height: 24px;
  cursor: pointer;
}

.recent_match_searcher.removing .game_mini_indicator, .recent_match_searcher.removing .game_mini_indicator_hover {
  display: none;
}
.recent_match_searcher.removing .countdown {
  color: red;
}
.recent_match_searcher.removing .username, .recent_match_searcher.removing .subscribe_link, .recent_match_searcher.removing .subscriber_glowish, .recent_match_searcher.removing .user_info .subscription_streak, .user_info .recent_match_searcher.removing .subscription_streak {
  font-style: italic;
}
.recent_match_searcher.removing .friendlies_mains {
  opacity: 0.1;
  transition: 0.3s;
}

.recent_match_searcher.is_ranked_ranked .percentage {
  display: none;
}

.recent_match_searcher.is_my_search .timeout {
  display: block;
}

.recent_match_searcher .factual_data {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  text-align: right;
  flex: 0 1 200px;
}
.recent_match_searcher .factual_data .warning {
  white-space: nowrap;
}
.recent_match_searcher .factual_data .friendlies_mains {
  justify-content: flex-end;
}

.recent_match_searcher .timeout,
.recent_match_searcher .countdown,
.recent_match_searcher .location {
  display: inline-block;
}

.recent_match_searcher .timeout.loading:after {
  content: "...";
}

.recent_match_searcher .timeout.loading .countdown {
  display: none;
}

.recent_match_searcher.hidden_by_match_distance_preference,
.recent_match_searcher.hidden_by_distance,
.recent_match_searcher.hidden_by_rank,
.recent_match_searcher.hidden_by_game,
.recent_match_searcher.hidden_by_team_size,
.recent_match_searcher.hidden_by_continent,
.recent_match_searcher.hidden_by_country,
.recent_match_searcher.hidden_by_state,
.recent_match_searcher.hidden_by_locality,
.recent_match_searcher.has_reply_active {
  display: none;
}

.my_filters_off .recent_match_searcher.hidden_by_match_distance_preference,
.my_filters_off .recent_match_searcher.hidden_by_distance,
.my_filters_off .recent_match_searcher.hidden_by_rank,
.my_filters_off .recent_match_searcher.hidden_by_game,
.my_filters_off .recent_match_searcher.hidden_by_continent,
.my_filters_off .recent_match_searcher.hidden_by_country,
.my_filters_off .recent_match_searcher.hidden_by_state,
.my_filters_off .recent_match_searcher.hidden_by_locality,
.my_filters_off .recent_match_searcher.hidden_by_team_size {
  opacity: 0.5;
  display: block;
}

.preferred_match_search_options select {
  background-color: rgba(0, 0, 0, 0.8);
  color: white !important;
  border: 1px solid #3A4059;
}

.game_mini_indicator {
  display: inline-block;
  cursor: pointer;
  height: 20px;
  width: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  min-width: 20px;
}

.game_message_area input {
  display: inline-block;
  max-width: 20em;
}

.recent_match_searcher .game_type_holder .count {
  color: #05D8FF;
  margin-left: 1px;
}

.game_mini_indicator_hover {
  position: absolute;
  border-radius: 16px;
  padding: 2px;
  background-color: transparent;
  left: -2px;
  width: 16px;
  padding: 14px;
  height: 16px;
  transform: scale(0.1);
}

#recent_match_searchers .recent_match_searcher .location {
  opacity: 1;
  transition: 0.4s;
}
#recent_match_searchers .recent_match_searcher .main_challenge_info_hover {
  transition: 0.4s;
}

#recent_match_searchers .request:hover:not(.loading) .user_information_wrapper.user .league:not(.no_lift) .league_icon,
#recent_match_searchers.show_locations .request:hover:not(.loading) .user_information_wrapper.user .league:not(.no_lift) .league_icon {
  transition: 0.3s;
  top: -12px;
}
#recent_match_searchers .request:hover:not(.loading) .user_information_wrapper.user .league .division,
#recent_match_searchers.show_locations .request:hover:not(.loading) .user_information_wrapper.user .league .division {
  transition: 0.3s;
  bottom: -8px;
  display: inline-block;
}
#recent_match_searchers .request:hover:not(.loading) .user_information_wrapper.user .league .timeout,
#recent_match_searchers.show_locations .request:hover:not(.loading) .user_information_wrapper.user .league .timeout {
  display: block;
}
#recent_match_searchers .request:hover:not(.loading) .game_mini_indicator,
#recent_match_searchers.show_locations .request:hover:not(.loading) .game_mini_indicator {
  -webkit-filter: contrast(0%);
  filter: contrast(0%);
}
#recent_match_searchers .request:hover:not(.loading) .game_mini_indicator_hover,
#recent_match_searchers.show_locations .request:hover:not(.loading) .game_mini_indicator_hover {
  background-color: #4D4D4D;
  transition: all 0.3s ease-in-out;
  transform: scale(1);
  box-shadow: 2px 2px 2px #000;
}
#recent_match_searchers .request:hover:not(.loading) .location,
#recent_match_searchers.show_locations .request:hover:not(.loading) .location {
  transition: 0.4s;
}
#recent_match_searchers .request:hover:not(.loading) .main_challenge_info_hover,
#recent_match_searchers.show_locations .request:hover:not(.loading) .main_challenge_info_hover {
  transition: 0.4s;
}

.game_mini_indicator_hover:hover, a .game_mini_indicator_hover.location:hover, .link .game_mini_indicator_hover.location:hover {
  color: white;
  cursor: pointer;
}

.recent_match_searcher.player .main_challenge_info_hover {
  right: 0;
}
.recent_match_searcher.player .click_shortcuts {
  display: none;
}

.clicky-button {
  background-color: #12141C;
  border: 1px solid #686868;
  box-shadow: 3px 3px 3px black;
  position: relative;
}

.click-button:hover, a .click-button.location:hover, .link .click-button.location:hover {
  background-color: #12141C;
}

.click-button:active {
  top: 4px;
  left: 4px;
  transition: 0.3s;
}

#dashboard.is_ladder_mod .recent_match_searcher.click_shortcuts_active:not(.is_my_search) .click_shortcuts .cancel_shortcut {
  display: inline-block;
  background-color: #FF3434;
}

.sub_list .request {
  margin-bottom: 4px;
  position: relative;
  height: 50px;
}

.game_search_section .background-image {
  z-index: 0;
  opacity: 0.5;
  width: 60%;
  height: 60%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.recent_match_searcher.challenged {
  background-color: black;
  border-radius: 4px;
}

.league.has_league .leagued {
  display: inline;
}
.league.has_league .name {
  display: none;
}
.league.has_league .league_icon {
  display: inline-block;
}
.league.has_league .unleagued {
  display: none;
}

.league:not(.show_image) .league_icon {
  display: none;
}
.league:not(.show_image) .name {
  display: inline;
}

.league.no_league .leagued {
  display: none;
}
.league.no_league .unleagued {
  display: inline;
}

.recent_match_searcher.team_search .league {
  display: none;
}
.recent_match_searcher.team_search .game_type_holder {
  display: none;
}

.main_challenge_info .league {
  font-size: 11px;
}

.main_challenge_info .league.no_league {
  display: none;
}

.recent_match_searcher {
  border: 2px solid transparent;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  padding: 0px 2px 0 0px;
}
.recent_match_searcher .between_buttons {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  max-width: 100%;
}
.recent_match_searcher .lobby_information {
  display: flex;
  align-items: center;
  min-width: 0;
  flex-wrap: wrap;
  flex-grow: 1;
}
.recent_match_searcher .fatual_data .tier_restriction {
  text-align: right;
  justify-content: center;
}
.recent_match_searcher .user_data {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
}
.recent_match_searcher .user_data .mains_holder, .recent_match_searcher .user_data .game_type_holder, .recent_match_searcher .user_data .game_logo_holder {
  display: inline-flex;
  flex-direction: column;
  flex: 1 1 168px;
}
.recent_match_searcher .user_data .game_logo_holder {
  flex: 0 0 auto;
  align-items: flex-start;
  width: 100%;
}
.recent_match_searcher .main_challenge_info {
  display: flex;
  flex-direction: column;
}
.recent_match_searcher .button_holder:first-child, .recent_match_searcher .game_type_holder, .recent_match_searcher .lobby_players {
  min-width: 82px;
}
.recent_match_searcher .button_holder:last-child {
  margin-left: 4px;
}
.recent_match_searcher .game_logo {
  max-height: 22px;
}
.recent_match_searcher .game_type_holder {
  position: relative;
  text-shadow: 1px 1px 1px #000;
  flex-direction: column;
}
.recent_match_searcher .game_type_holder .logo_container {
  display: none;
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 8px;
  left: -15px;
  right: 0;
}
.recent_match_searcher .game_type_holder .logo_container img {
  filter: contrast(0.6) grayscale(72%);
  opacity: 0.2;
}
.recent_match_searcher .game_type_holder, .recent_match_searcher .lobby_players {
  text-align: center;
  min-height: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.recent_match_searcher .game_type_holder .loading_state_content, .recent_match_searcher .lobby_players .loading_state_content {
  display: inline-block;
  margin-left: 4px;
}
.recent_match_searcher .friendlies_mains {
  display: flex;
  position: relative;
  opacity: 1;
  overflow: hidden;
}
.recent_match_searcher .friendlies_mains .character_image {
  height: 100%;
  width: auto;
}
.recent_match_searcher .friendlies_mains .character {
  border: none;
  border-radius: 4px;
  max-height: 30px;
  background-size: auto 38px;
  background-position-y: -9px;
  width: auto;
  height: auto;
}
.recent_match_searcher .friendlies_mains .character.imaged {
  max-height: auto;
  height: 35px;
}
.recent_match_searcher .friendlies_mains .character.character_dimensions_58_38, .recent_match_searcher .friendlies_mains .character.character_for_game_project-plus {
  background-position: center center;
  background-size: auto 36px;
}
.recent_match_searcher.loading, .recent_match_searcher:hover, a .recent_match_searcher.location:hover, .link .recent_match_searcher.location:hover, .recent_match_searcher.highlighted {
  background-color: #30354A;
  border-radius: 4px;
}
.recent_match_searcher .user_information_wrapper .username, .recent_match_searcher .user_information_wrapper .subscribe_link, .recent_match_searcher .user_information_wrapper .subscriber_glowish, .recent_match_searcher .user_information_wrapper .user_info .subscription_streak, .user_info .recent_match_searcher .user_information_wrapper .subscription_streak {
  border-radius: 6px;
  background: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.recent_match_searcher .game_search_section .user_information_wrapper .username, .recent_match_searcher .game_search_section .user_information_wrapper .subscribe_link, .recent_match_searcher .game_search_section .user_information_wrapper .subscriber_glowish, .recent_match_searcher .game_search_section .user_information_wrapper .user_info .subscription_streak, .user_info .recent_match_searcher .game_search_section .user_information_wrapper .subscription_streak {
  position: absolute;
  top: 6px;
}
.recent_match_searcher .has_league .username, .recent_match_searcher .has_league .subscribe_link, .recent_match_searcher .has_league .subscriber_glowish, .recent_match_searcher .has_league .user_info .subscription_streak, .user_info .recent_match_searcher .has_league .subscription_streak {
  margin-left: 30px;
}
.recent_match_searcher .league_icon {
  max-height: 26px;
  top: -4px;
}

.tier_restriction {
  display: inline-flex;
  position: relative;
  align-items: center;
  font-size: 11px;
  justify-content: flex-end;
}
.tier_restriction .division {
  text-align: center;
}
.tier_restriction .tier_mini {
  margin: 0px 8px;
  display: inline;
  white-space: nowrap;
}
.tier_restriction .down_arrow, .tier_restriction .up_arrow {
  color: #EA5849;
  font-size: 12px;
}
.tier_restriction .league_icon, .tier_restriction .mini_tier_icon {
  max-height: 26px;
  position: relative;
  top: -4px;
}
.tier_restriction .points {
  display: none;
}
.tier_restriction.tier_can_challenge .down_arrow, .tier_restriction.tier_can_challenge .up_arrow {
  color: #70FF76;
}

.sub_list {
  font-size: 11pt;
  position: relative;
  margin-top: 0;
}

.sub_list ul {
  margin: 0 0 2px 0;
}

.ladder_game_list ul {
  line-height: 24px;
  padding: 5px;
  overflow-x: hidden;
  flex-grow: 1; /* Questionable, fixes early scroll bar issue on chrome */
}

.accept_list ul {
  overflow: visible;
  overflow-y: auto;
}

.accept_list {
  max-height: 132px;
  overflow-y: auto;
  display: flex;
}

.countdown {
  color: #05D8FF;
}

.rating {
  font-size: 9pt;
  cursor: default;
}

.list_holder .rating {
  color: #45CF22;
}

.active_stream h6 {
  max-width: 240px;
}

.active_stream, .stream_actions {
  display: inline-block;
}

#bottom_dock .list_holder {
  display: none;
  position: absolute;
  height: 200px;
  top: -200px;
  left: 32px;
  border: 1px solid #3A4059;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  padding: 2px 2px 0 2px;
  background-color: black;
  width: 320px;
}

#bottom_dock .list_holder ul {
  min-height: 200px;
}

#bottom_dock .list_holder.right_holder {
  left: 32px;
  right: auto;
}

#bottom_dock.streaming {
  display: block;
  z-index: 100;
}

#bottom_dock.streaming.has_direct_messages {
  border-top: 1px solid white;
}

#bottom_dock #visible_stream {
  height: 360px;
  top: auto;
  width: 500px;
  bottom: 0;
}

.stream_information {
  color: white;
  padding: 2px;
  text-align: center;
}

.stream_information h4 {
  margin: 4px 0 4px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 80%;
}

.stream_information .name {
  cursor: move;
  display: inline-block;
  width: 95%;
}

.stream_information .closing_x {
  float: right;
}

#bottom_dock #visible_stream.minimized {
  height: 44px !important;
}

#bottom_dock #visible_stream.minimized .embed_holder {
  height: 0;
}

#bottom_dock #visible_stream.minimized .minimize {
  display: none;
}

#bottom_dock #visible_stream:not(.minimized) .restore {
  display: none;
}

#bottom_dock #visible_stream .embed_holder {
  height: calc(100% - 28px);
}

.request .controls {
  display: inline-block;
  float: right;
}

.ranked_controls button {
  color: white;
}

.ranked_rules {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.ranked_rules .number {
  color: #05D8FF;
}

.online_user button {
  margin: 0;
}

.online_user.active {
  background-color: #3C2B2B;
}

.online_users_positioner {
  float: right;
}

.errors {
  color: rgb(255, 131, 131);
}

.successes {
  color: #70FF76;
}

.user_info {
  display: block;
  display: flex;
  flex-direction: column;
  background-color: #30354A;
  border: 1px solid #3A4059;
}
.user_info.error {
  border: #F66;
}

.user_info .main_info {
  display: none;
}

.user_info .main_info.visible {
  display: block;
}

.user_info .most_used_character {
  white-space: nowrap;
}

.user_info .username, .user_info .subscribe_link, .user_info .subscriber_glowish, .user_info .subscription_streak {
  font-size: 10pt;
  font-weight: bold;
}

.user_info h3 {
  font-size: 20px;
  margin: 8px 0 0px 0;
  text-align: center;
}

.league.has_league .ranked_requirements .heading {
  display: none;
}

.user_info .ranked_requirements {
  font-size: smaller;
  margin-left: 0;
}
.user_info .ranked_requirements .heading {
  font-size: 14px;
}

.ranked_requirements {
  margin-left: 16px;
}
.ranked_requirements .ranked_played, .ranked_requirements .unique_opponents {
  display: flex;
  white-space: nowrap;
  font-size: smaller;
  justify-content: space-between;
}
.ranked_requirements .ranked_played .title, .ranked_requirements .unique_opponents .title {
  margin-right: 4px;
}
.ranked_requirements .total.met {
  color: #0F0;
}
.ranked_requirements .total.unmet {
  color: #FF3434;
}

.user_info .wins, .match_summary .win {
  color: green;
}

.match_summary .btn, .match_summary body.database_setup input[type=submit], body.database_setup .match_summary input[type=submit], .match_summary body.database_setup button, body.database_setup .match_summary button, .match_summary .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .match_summary button, .match_summary .btn-xs, .match_summary .possible_aka_listings button, .possible_aka_listings .match_summary button, .match_summary .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .match_summary button, .match_summary .stage_selectable .stage_options button, .stage_selectable .stage_options .match_summary button, .match_summary .btn-sm {
  color: white;
}

.match_summary .lose {
  color: rgb(24, 255, 202);
}

.user_info .recent_disputes {
  color: rgb(209, 0, 0);
  font-weight: bold;
}

.user_info .with_players {
  word-wrap: break-word;
}

.with_players .username:not(:last-child):after, .with_players .subscribe_link:not(:last-child):after, .with_players .subscriber_glowish:not(:last-child):after, .with_players .user_info .subscription_streak:not(:last-child):after, .user_info .with_players .subscription_streak:not(:last-child):after, .player_list .username.username:not(:last-child):after, .player_list .subscribe_link:not(:last-child):after, .player_list .subscriber_glowish:not(:last-child):after, .player_list .user_info .subscription_streak:not(:last-child):after, .user_info .player_list .subscription_streak:not(:last-child):after {
  content: "+";
  margin: 0 4px;
  color: white;
  font-weight: normal;
}

.user_info .with {
  display: block;
}

.user_info .my_history_with_other {
  cursor: pointer;
  background-color: #12141C;
  padding: 6px 12px;
  position: relative;
}
.user_info .my_history_with_other:hover .last_played {
  opacity: 0;
}
.user_info .my_history_with_other:hover .last_match {
  opacity: 1;
}
.user_info .my_history_with_other .last_played {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  font-size: 14px;
  transition: 0.3s;
  width: 100%;
  height: 100%;
  flex-direction: row;
  padding: 2px 12px;
  margin-left: -12px;
  top: 0;
  border-top: 1px solid #3A4059;
}
.user_info .my_history_with_other .last_played .duration {
  display: none;
}
.user_info .my_history_with_other .last_played .duration.active {
  display: inline;
}
.user_info .my_history_with_other .last_match {
  transition: 0.3s;
  opacity: 0;
}
.user_info .my_history_with_other .last_match.duration {
  display: none;
}

.user_info .notes_count {
  display: inline-block;
}

.user_info .now_playing_container {
  padding: 6px 12px;
  color: white;
  background-color: #12141C;
}
.user_info .now_playing_container .match_searches .match {
  display: inline;
  margin-right: 3px;
  font-size: 12px;
}
.user_info .now_playing_container .match_searches .match:before {
  margin-right: 3px;
  content: "●";
}
.user_info .now_playing_container .match_searches .match:first-child:before, .user_info .now_playing_container .match_searches .match.maxed:before {
  margin-right: 0;
  content: "";
}
.user_info .now_playing_container .match_count {
  display: inline;
  font-size: 12px;
}
.user_info .now_playing_container .match_count span {
  font-size: 12px;
  margin-right: 0;
}
.user_info .now_playing_container .since {
  font-size: 11px;
  color: white;
  margin-left: 8px;
}
.user_info .now_playing_container .heading {
  font-size: 16px;
  padding-top: 0;
  padding-bottom: 2px;
  margin: 2px 0 0 0;
  font-weight: bold;
}

.user_info .now_playing_container.active {
  display: block;
}

.user_info .failed_request {
  display: none;
  text-align: center;
  padding: 4px 12px;
}

.user_info .loading_display {
  display: none;
}

.user_info.loading .loading_display {
  display: block;
  position: absolute;
  right: 6px;
  top: 3px;
  font-size: x-large;
}

.user_info.is_tiny .closing_x.full_view {
  display: block;
  position: relative;
  margin: 0;
  border-radius: 0;
  padding: 9px;
  height: 38px;
  text-align: center;
  background-color: #0A6EBD;
}
.user_info.is_tiny .closing_x.full_view:hover {
  background-color: #05D8FF;
}

.cool_chat_controls button.active {
  background-color: black;
}

.user_info .update_list li {
  border-top: 1px dotted black;
}

.user_info .update_list .time {
  position: absolute;
  display: inline-block;
  width: 46px;
  font-size: 8pt;
  overflow: hidden;
  vertical-align: middle;
}

.user_info .update_list .message {
  margin-left: 45px;
  display: inline-block;
}

.update_list .selectable, .update_list .username, .update_list .subscribe_link, .update_list .subscriber_glowish, .update_list .user_info .subscription_streak, .user_info .update_list .subscription_streak {
  color: yellow;
}

#news_ticker {
  background-color: black;
  color: white;
  display: block;
}

.search_time, .time {
  display: inline-block;
  width: 40px;
  overflow: hidden;
  vertical-align: middle;
}

.player .location_unused {
  display: inline-block;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 8pt;
  text-align: right;
  position: absolute;
  right: 0;
  cursor: default;
}

#dashboard {
  margin: 0 auto 0 auto;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  width: 100%;
}

#dashboard.dashboard-md.has_direct_messages {
  margin-bottom: 31px;
}

#page_netplay.dashboard-md #bottom_dock {
  display: flex;
  flex-direction: row;
  z-index: 100;
}

#page_netplay.dashboard-xs:not(.dashboard-md):has(.mobile_view_tabs) .header, #page_netplay.match_only_view .header {
  display: none;
}
#page_netplay.dashboard-xs:not(.dashboard-md):has(.mobile_view_tabs) #main-content, #page_netplay.match_only_view #main-content {
  padding-top: 0;
}

#dashboard.inactive .chat_tab.control_tab {
  display: none;
}
#dashboard.active {
  display: flex;
  visibility: visible;
}

.chat_holder.template_visible .chat_name_overlay {
  display: none;
}

.load-bar {
  display: none;
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #05D8FF;
  bottom: -3px;
}
.load-bar.active {
  display: block;
}
.load-bar .bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}

.bar:nth-child(1) {
  background-color: #3A4059;
  animation: loading 3s linear infinite;
}

.bar:nth-child(2) {
  background-color: #0A6EBD;
  animation: loading 3s linear 1s infinite;
}

.bar:nth-child(3) {
  background-color: #05D8FF;
  animation: loading 3s linear 2s infinite;
}

@keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100;
  }
  33.3333% {
    left: 0;
    width: 100%;
    z-index: 10;
  }
  to {
    left: 0;
    width: 100%;
  }
}
.circle-loader {
  fill: transparent;
  stroke: #05D8FF;
  stroke-width: 5;
  animation: dash 2s ease infinite, rotate 2s linear infinite;
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 95;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 85, 95;
    stroke-dashoffset: -25;
  }
  100% {
    stroke-dasharray: 85, 95;
    stroke-dashoffset: -93;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.solid-panel {
  background-color: white;
  color: black;
}

.solid-panel a, .solid-panel a .location:hover, a .solid-panel .location:hover, .solid-panel .link .location:hover, .link .solid-panel .location:hover, .solid-panel .link {
  color: #2700FF;
}

.solid-panel a:hover, .solid-panel a .location:hover, a .solid-panel .location:hover, .solid-panel .link .location:hover, .link .solid-panel .location:hover, .solid-panel .link:hover {
  color: #2700FF;
}

.main_area {
  float: left;
  margin-right: 16px;
  min-height: 400px;
  width: 55%;
}

button.win {
  background-color: green;
}

button.loss {
  background-color: red;
  float: right;
}

.emphasized_time, .achievement-list time, .birthday .unknown, .character_stats .character_matchups .win_percentage, .note_card .post_time, .active_matches .start_time, .active_matches .duration, .infraction_view .date_holder {
  color: #FF5252;
  font-size: 15px;
  font-style: italic;
}

.match_history .no_matches {
  text-align: center;
  font-size: 14px;
}

.match_search_hidden {
  margin-top: 16px;
  text-align: center;
  font-size: 24px;
}

.match_history .set_scores .score {
  font-size: 9px;
  margin-right: 8px;
}
.match_history .set_scores .hyphen {
  display: none;
}

.match_history .stage_result {
  display: none;
}

.match_history .heading {
  margin: 4px 0;
  padding: 0;
  font-size: 1.5em;
  text-align: center;
}

.match_history .match_container:not(:last-child) {
  border-bottom: 1px solid black;
}

.match_history .username, .match_history .subscribe_link, .match_history .subscriber_glowish, .match_history .user_info .subscription_streak, .user_info .match_history .subscription_streak {
  font-size: 9pt;
}

.match_history .match_time {
  font-size: 8pt;
}

.match_history .score_change {
  font-size: 7pt;
}

.score_change_positive {
  color: green;
}

.score_change_negative {
  color: red;
}

.match_history .result {
  font-size: 8pt;
}

.match_history .character_pick {
  display: inline-block;
}

.match-history-table .character_pick .character, .match_history .character_pick .character {
  width: 24px;
  height: 20px;
}

.match_history .stage_pick, .match-history-table .stage_pick {
  display: inline;
}

.match_history .stage_pick .stage, .match-history-table .stage_pick .stage {
  width: 24px;
  height: 24px;
}

.match_history .match_container.has_notes .result {
  color: rgb(255, 224, 0);
}

.match_history .match-history-mini {
  height: 32px;
}

#container .match-history-table tbody > tr > td {
  vertical-align: middle;
}

.match-history-table .match-results {
  white-space: nowrap;
}

.table-of-contents ol {
  list-style-type: disc;
  color: #F66;
}
.table-of-contents h3 {
  font-size: 22px;
  margin: 0 0 8px;
}

ol {
  margin-left: 30px;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: lower-roman;
}

ol ol ol ol {
  list-style-type: decimal;
}

ol ol ol ol ol {
  list-style-type: lower-alpha;
}

ol ol ol ol ol ol {
  list-style-type: lower-roman;
}

ol ol ol ol ol ol ol {
  list-style-type: decimal;
}

ol ol ol ol ol ol ol ol {
  list-style-type: lower-alpha;
}

.result .win, .message .win, .dispute_container span.win {
  color: green;
}

.result .loss, .message .loss, .dispute_container span.loss {
  color: blue;
}

.result .disputed {
  color: red;
}

.disputed {
  color: #B30000;
}

label.message_label span {
  display: block;
  width: auto;
  text-align: left;
}

.now_playing {
  background-color: #00B7BE;
  color: white;
}

.now_playing_container {
  color: white;
}

.current_match_container, .awaiting_replies_container, .open_challenges_container {
  overflow: hidden;
  height: 0;
}

.current_match_container {
  overflow-y: auto;
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
.current_match_container .btn, .current_match_container body.database_setup input[type=submit], body.database_setup .current_match_container input[type=submit], .current_match_container body.database_setup button, body.database_setup .current_match_container button, .current_match_container .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .current_match_container button, .current_match_container .btn-xs, .current_match_container .possible_aka_listings button, .possible_aka_listings .current_match_container button, .current_match_container .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .current_match_container button, .current_match_container .stage_selectable .stage_options button, .stage_selectable .stage_options .current_match_container button, .current_match_container .btn-sm {
  background-color: #3A4059;
  color: white;
}
.current_match_container .btn[disabled], .current_match_container body.database_setup input[disabled][type=submit], body.database_setup .current_match_container input[disabled][type=submit], .current_match_container body.database_setup button[disabled], body.database_setup .current_match_container button[disabled], .current_match_container .request_list .challenge_request_hmm.removing button[disabled], .request_list .challenge_request_hmm.removing .current_match_container button[disabled], .current_match_container [disabled].btn-xs, .current_match_container .possible_aka_listings button[disabled], .possible_aka_listings .current_match_container button[disabled], .current_match_container .user_main_info_area .mod_options form button[disabled], .user_main_info_area .mod_options form .current_match_container button[disabled], .current_match_container .stage_selectable .stage_options button[disabled], .stage_selectable .stage_options .current_match_container button[disabled], .current_match_container [disabled].btn-sm {
  cursor: not-allowed;
  color: black;
}

.match_singles .current_match_container.assets_populated,
.match_doubles .current_match_container.assets_populated {
  transition: 0.4s;
  display: flex;
  flex-direction: column;
  height: auto;
  flex: 1 1 auto;
  max-height: calc(100vh - 120px);
}

.results_display {
  font-size: 8pt;
}

.pending_reply .game_name {
  display: none;
}

.searching_players .player .title, .online_user .title {
  color: #00FDFD;
  display: inline-block;
  display: none;
  font-size: 8pt;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
  max-width: 160px;
}

#recent_private_chats .title {
  display: none;
}

.direct_ip_hosting .panel img, .direct_ip_hosting body.database_setup .section_content img, body.database_setup .direct_ip_hosting .section_content img {
  width: 100%;
}

#page_help .instructions {
  clear: both;
}

#page_help .instructions p {
  font-size: 16px;
  padding-top: 4px;
}

.vote-buttons .btn, .vote-buttons body.database_setup input[type=submit], body.database_setup .vote-buttons input[type=submit], .vote-buttons body.database_setup button, body.database_setup .vote-buttons button, .vote-buttons .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .vote-buttons button, .vote-buttons .btn-xs, .vote-buttons .possible_aka_listings button, .possible_aka_listings .vote-buttons button, .vote-buttons .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .vote-buttons button, .vote-buttons .stage_selectable .stage_options button, .stage_selectable .stage_options .vote-buttons button, .vote-buttons .btn-sm {
  margin-bottom: 0;
}

.list-group-item .message, .entrant_list .entrant .message {
  min-height: 40px;
  margin-top: 6px;
}

.matchmaking_popup {
  text-align: center;
}

.matchmaking_popup h2 {
  text-align: center;
  font-size: 24px;
  margin: 0;
  margin-bottom: 4px;
  padding: 0;
}

.matchmaking_popup .unranked button {
  background-color: yellow;
  color: black;
}

.matchmaking_popup .ranked button {
  background-color: green;
}

#matchmaking_popup .request_match_option {
  margin-right: 10px;
  margin-left: 10px;
}

.matchmaking_popup.ranked_disabled .ranked, .matchmaking_popup.ranked_disabled .ranked_button {
  display: none !important;
}

.donate {
  display: flex;
  text-align: center;
  border-top: 1px solid #3A4059;
  padding-top: 8px;
  justify-content: flex-end;
  flex-direction: column;
  flex: 1 0 auto;
}

.price-actions .form-control, .price-actions .birthday .birthday-picker select, .birthday .birthday-picker .price-actions select, .price-actions body.database_setup input[type=text], body.database_setup .price-actions input[type=text] {
  background-color: #12141C;
  color: black;
}

.searching_players .player button {
  width: 60px;
}

.rule_content .match_count {
  display: inline;
}

.active_match .match_count {
  font-size: 9pt;
  color: #64C7FF;
}

.request .accept, .request .decline, .request .cancel {
  flex: 0 1 35px;
}

.match_popover_content .timeout:before {
  content: "Time Remaining";
  margin-right: 4px;
}
.match_popover_content .timeout {
  display: flex;
  text-align: center;
  font-size: 15px;
  justify-content: space-between;
}
.match_popover_content .reported_match_behavior_warning {
  margin: 10px -15px -10px -15px;
}

#dashboard.dashboard-xs:not(.dashboard-md) .challenge_request .match_count .game_name {
  display: none;
}

.request_list .challenge_request_hmm {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: auto;
}
.request_list .challenge_request_hmm .username, .request_list .challenge_request_hmm .subscribe_link, .request_list .challenge_request_hmm .subscriber_glowish, .request_list .challenge_request_hmm .user_info .subscription_streak, .user_info .request_list .challenge_request_hmm .subscription_streak {
  font-size: unset;
}
.request_list .challenge_request_hmm .game_mini_indicator {
  cursor: default;
}
.request_list .challenge_request_hmm .distance_desription {
  point-events: none;
}
.request_list .challenge_request_hmm .match_count {
  margin-right: 4px;
  font-size: 12px;
  white-space: nowrap;
  justify-content: baseline;
  pointer-events: none;
}
.request_list .challenge_request_hmm .match_count .game_name, .request_list .challenge_request_hmm .match_count .match_type {
  display: none;
}
.request_list .challenge_request_hmm .location {
  font-size: 12px;
}
.request_list .challenge_request_hmm .friendlies_mains {
  display: flex;
  position: initial;
  width: auto;
  flex: 1 0 0%;
}
.request_list .challenge_request_hmm .other_information {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.request_list .challenge_request_hmm .other_information .game_mini_indicator {
  margin-right: 4px;
}
.request_list .challenge_request_hmm .top_level_info, .request_list .challenge_request_hmm .bottom_level_info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.request_list .challenge_request_hmm .top_level_info {
  margin-bottom: 4px;
}
.request_list .challenge_request_hmm .user_information_wrapper {
  padding: 0;
}
.request_list .challenge_request_hmm .main_challenge_info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 0 8px;
  width: 100%;
  height: 100%;
}

#dashboard.dashboard-xs:not(.dashboard-lg) .challenge_erquest:not(.pending_reply) .cancel2 {
  display: none;
}

.request {
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.request .button_holder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.request .button_holder .main, .request .button_holder .loading_state {
  transition: 0.3s;
}
.request .button_holder .loading_state {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
}
.request .button_holder.loading .main {
  opacity: 0;
}
.request .button_holder.loading .loading_state {
  display: flex;
  opacity: 1;
}
.request .decline, .request .cancel {
  order: 100;
}
.request .location, .request .main_challenge_info_hover {
  display: block;
  overflow: hidden;
  font-size: 8pt;
  line-height: normal;
  max-height: 28px;
}
.request .default_information, .request .extra_information {
  transition: 0.3s;
}
.request .default_information {
  position: absolute;
  position: relative;
  height: 100%;
  display: flex;
  opacity: 1;
  align-items: center;
}
.request .extra_information {
  width: 100%;
  height: 100%;
  position: absolute;
  align-items: center;
  flex-direction: row;
  pointer-events: none;
  opacity: 0;
  display: flex;
}
.request .active_selectable_button {
  margin: 0;
  background-color: #3A4059;
}
.request .active_selectable_button:hover {
  color: white;
}
.request .active_selectable_button.btn-danger, .request .stage_selectable .stage_options button.active_selectable_button, .stage_selectable .stage_options .request button.active_selectable_button, .request .active_selectable_button.btn-off {
  border-color: #EA5849;
  background-color: #EA5849;
}
.request .active_selectable_button.btn-success, .request .stage_selectable .stage_options button.active_selectable_button.active, .stage_selectable .stage_options .request button.active_selectable_button.active, .request .active_selectable_button.btn-on {
  border-color: #EA5849;
  background-color: #EA5849;
}
.request.related_to_previous {
  margin-left: 18px;
}
.request.challenge_request .factual_data {
  margin-right: 8px;
}
.request.no_extra_information:hover .active_selectable_button {
  background-color: #12141C;
}
.request.no_extra_information:hover .active_selectable_button:hover {
  background-color: #05D8FF;
  color: black;
}
.request.no_extra_information:hover .active_selectable_button.btn-success, .request.no_extra_information:hover .stage_selectable .stage_options button.active_selectable_button.active, .stage_selectable .stage_options .request.no_extra_information:hover button.active_selectable_button.active, .request.no_extra_information:hover .active_selectable_button.btn-on {
  border-color: #EA5849;
  background-color: #EA5849;
}
.request.has_extra_information:hover .default_information, .request.has_extra_information.extra_only .default_information, .request.has_extra_information.loading .default_information {
  opacity: 0;
  pointer-events: none;
}
.request.has_extra_information:hover .extra_information, .request.has_extra_information.extra_only .extra_information, .request.has_extra_information.loading .extra_information {
  opacity: 1;
  pointer-events: auto;
}
.request.has_extra_information:hover .extra_information .votes_others_negative {
  border: 4px solid transparent;
  border-radius: 4px;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  filter: drop-shadow(3px 3px 1px black) drop-shadow(-3px 3px 1px black) drop-shadow(0 -1.5px 1px black);
}

.votes_others_negative {
  display: none;
}
.votes_others_negative.active {
  display: block;
  padding: 2px 4px;
}
.votes_others_negative .others_title {
  margin-left: 0;
}
.votes_others_negative > * {
  margin-right: 3px;
}
.votes_others_negative .count {
  color: #FF3434;
  display: inline;
}
.votes_others_negative .count :after {
  content: "%";
}
.votes_others_negative .negative {
  font-size: 15px;
}

.current_match_container:not(.ended) .ended_only {
  display: none;
}

.current_match_container:not(.search_is_active) .search_only {
  display: none !important;
}

.current_match_container .short_match, .current_match_container {
  display: none;
}

.current_match_container.ended .match_cancelled {
  text-shadow: 1px 1px 1px black;
  font-style: italic;
  font-size: 16px;
  color: white;
  display: block;
}

.current_match_container.ended.short_match:not(.match_cancelled) .short_match {
  display: block;
  float: right;
}

.current_match_container.is_teams_match .is_singles {
  display: none;
}

.current_match_container.is_singles_match .is_doubles {
  display: none;
}

.current_match_container .host_again {
  display: none;
  float: left;
}

.current_match_container.match_hoster .host_again {
  display: block;
}

.current_match_container.is_singles_match .host_again {
  display: block;
}

.current_match_container.ended .controls {
  display: none;
}

.current_match_container.ended .picks_container {
  display: none !important;
}

.match_end_instructions {
  font-size: 14px;
  display: block;
  background-color: white;
  color: black;
  border: 1px solid black;
  border-top: none;
  padding: 0 6px;
  display: none;
}

.dispute_container .time {
  width: auto;
}

.dispute_container textarea.dispute_message {
  border: 1px solid black;
  min-width: 200px;
  min-height: 80px;
  border-radius: 8px;
}

.dispute_container .message {
  color: #FF3B3B;
}

.match_summary > .row {
  max-width: 1400px;
  margin: 0 auto;
}

.searching_players .match_count {
  font-size: 8pt;
  font-style: italic;
}

.chat_container {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
  overscroll-behavior: contain;
}
.chat_container div {
  outline: none;
}

.chat_container_outer_holder {
  border: 1px solid #3A4059;
  border-radius: 0 4px 4px 2px;
  padding: 0;
  text-align: left;
  margin-bottom: 0px;
  border-bottom: none;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.chat_container_outer_holder .unseen_messages_popup {
  display: block;
  transition: 0.3s;
  position: absolute;
  background-color: #0A6EBD;
  bottom: 0;
  height: 24px;
  left: 1px;
  right: 1px;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  text-align: center;
  color: white;
  font-size: 18px;
  z-index: 1;
  border-radius: 16px 16px 0 0;
  margin: 0 36px;
}
.chat_container_outer_holder .unseen_messages_popup:hover {
  background-color: #30354A;
}

.border-box {
  box-sizing: border-box;
}

.chat_container.static .chat_message {
  display: block;
}

.chat_message {
  padding-left: 8px;
  overflow: hidden;
  font-size: 14px;
  word-break: break-word;
  overflow-wrap: break-word;
  display: flex;
}
.chat_message.waves-effect {
  pointer: initial;
}
.chat_message .message {
  word-break: break-word;
  cursor: text;
}
.chat_message .message img {
  max-width: 100%;
}
.chat_message .edited {
  display: none;
}
.chat_message.edited .edited {
  display: inline;
  color: #0A6EBD;
  margin-left: 4px;
}
.chat_message.edited .edited_text {
  display: block;
}
.chat_message.editing .edited {
  display: none;
}
.chat_message.editing .message {
  display: block;
  background-color: #30354A;
  padding: 4px 12px;
  border-radius: 4px;
  resize: none;
}
.chat_message.editing .user_things {
  flex: 1;
}
.chat_message.editing .user_things:after {
  display: block;
  content: "Escape to Cancel, Enter to Save";
  text-align: left;
}

li.chat_message .message {
  word-break: break-word;
  overflow-wrap: break-word;
}

.chat_message.mod_deleted .message {
  color: #EA5849 !important;
}

.chat_message.deleted .message {
  color: #A9A9A9;
  font-style: italic;
  text-overflow: ellipsis;
  max-width: 200px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.chat_message.deleted .message::before {
  content: "[";
}
.chat_message.deleted .message::after {
  content: "]";
}

.chat_message .message a:visited:not(.streamlink):not(.username):not(.subscribe_link):not(.subscriber_glowish):not(.chatlink), .chat_message .message a .location:visited:not(.streamlink):not(.username):not(.subscribe_link):not(.subscriber_glowish):not(.chatlink):hover, a .chat_message .message .location:visited:not(.streamlink):not(.username):not(.subscribe_link):not(.subscriber_glowish):not(.chatlink):hover, .chat_message .message .link .location:visited:not(.streamlink):not(.username):not(.subscribe_link):not(.subscriber_glowish):not(.chatlink):hover, .link .chat_message .message .location:visited:not(.streamlink):not(.username):not(.subscribe_link):not(.subscriber_glowish):not(.chatlink):hover, .chat_message .message .link:visited:not(.streamlink):not(.username):not(.subscribe_link):not(.subscriber_glowish):not(.chatlink) {
  color: var(--ui-chat-link-visited);
}

.chat_message .message a:hover, .chat_message .message a .location:hover, a .chat_message .message .location:hover, .chat_message .message .link .location:hover, .link .chat_message .message .location:hover, .chat_message .message .link:hover {
  text-shadow: 1px -1px 8px #5F5, -1px 1px 8px #5F5;
}

.chat_message .message .username:hover, .username:hover, a .username.location:hover, .link .username.location:hover, .subscribe_link:hover, a .subscribe_link.location:hover, .link .subscribe_link.location:hover, .subscriber_glowish:hover, a .subscriber_glowish.location:hover, .link .subscriber_glowish.location:hover, .user_info .subscription_streak:hover {
  text-shadow: 1px -1px 8px #FF8F00;
}

[data-theme=light] .username:hover, [data-theme=light] .subscribe_link:hover, [data-theme=light] .subscriber_glowish:hover, [data-theme=light] .user_info .subscription_streak:hover, .user_info [data-theme=light] .subscription_streak:hover {
  text-shadow: none;
}

.chat_message.is_muted, .chat_message.is_ignored {
  background-color: black;
  font-style: italic;
}

.chat_message.is_ignored {
  background-color: rgba(255, 255, 255, 0.04);
  box-shadow: inset 3px 0 0 #6B6B6B;
  opacity: 0.55;
}
.chat_message.is_ignored:hover {
  opacity: 0.9;
}
.chat_message.is_ignored .ignored_badge {
  display: inline-block;
  margin-right: 6px;
  padding: 0 5px;
  border: 1px solid #6B6B6B;
  border-radius: 3px;
  color: #BDBDBD;
  font-size: 10px;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  vertical-align: middle;
  cursor: help;
}

.chat_message.is_shadow_muted {
  background-color: #626262;
  cursor: pointer;
  font-style: italic;
  opacity: 0.6;
}

.chat_message.hover_highlight {
  background-color: rgba(129, 129, 129, 0.49);
}

.chat_message.delete_highlight {
  background-color: #0A6EBD;
}

.chat_message.update_action {
  font-style: italic;
  opacity: 0.4;
  background-color: #FF7474;
  transition: 0.3s;
}

.chat_message .message .chatlink, .chat_message .message .chat_entries .name .chat_name, .chat_entries .name .chat_message .message .chat_name, .chat_message .message .matchlink {
  cursor: pointer;
}
.chat_message .message .chatlink:hover, .chat_message .message .chat_entries .name .chat_name:hover, .chat_entries .name .chat_message .message .chat_name:hover, .chat_message .message .matchlink:hover {
  text-shadow: 1px -1px 8px #4AE7FF, -1px 1px 8px #4AE7FF;
}

.chatlink, .chat_entries .name .chat_name {
  color: var(--ui-chat-link);
}

#tab-pane-matchmaking #loading_matches {
  display: none;
}

.chat_message .message .streamlink {
  cursor: pointer;
  color: #FFF200;
}

.chat_container .time {
  width: 50px;
  display: inline-block;
  font-size: 11px;
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  color: var(--ui-chat-time);
  margin-right: 12px;
  text-align: right;
}

.chat_container .time:hover {
  color: var(--ui-chat-ink);
}

.challenge.active {
  background-color: green;
}

.challenge.active.friendlies {
  background-color: yellow;
  color: black;
}

.end_matchmaking {
  transition: none;
}

.challenge.active {
  background-repeat: no-repeat;
  background-size: 18px;
}

.challenge.active.ranked {
  background-image: url("../../images/buttons/smalltrophy.png");
}

.challenge.active.friendlies {
  background-image: url("../../images/buttons/smallfriendly.png");
}

.challenge.active.ranked, .challenge.active.friendlies {
  background-position: left center;
  padding-left: 20px;
}

.begin_matchmaking, .end_matchmaking {
  display: inline-block;
}

.play_buttons {
  text-align: center;
}

.stroked-text-1, .user_info .username_area .user_notes:hover {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.stroked-text-2 {
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

.shadowed-btn, .rock_paper_scissors .selection {
  display: inline-block;
  padding: 0px 20px;
  font-size: 28px;
  line-height: 1.2;
  vertical-align: bottom;
  appearance: none;
  cursor: pointer;
  border: none;
  border-radius: 6px;
  background-color: none;
  margin: 0 0 10px 0;
  text-align: center;
  background-color: #30354A;
  border: 1px solid #686868;
  box-shadow: 3px 3px 3px black;
}

:where([data-theme=light]) .shadowed-btn, :where([data-theme=light]) .rock_paper_scissors .selection, .rock_paper_scissors :where([data-theme=light]) .selection {
  background-color: var(--ui-panel);
  border-color: var(--ui-line-3);
  box-shadow: 0 1px 2px rgba(31, 39, 51, 0.15);
}

[data-theme=light] .shadowed-btn, [data-theme=light] .rock_paper_scissors .selection, .rock_paper_scissors [data-theme=light] .selection {
  color: var(--ui-ink);
}

.shadowed-btn:disabled, .rock_paper_scissors .selection:disabled {
  background-color: #808080;
  box-shadow: none;
  opacity: 0.4;
}

.begin_matchmaking {
  font-family: "edo", serif;
}

.begin_matchmaking {
  display: none;
}

.game_filters.disabled .filter_image, .request_list .challenge_request_hmm.removing button.game_filters .filter_image {
  filter: grayscale(100%);
}

.play_title {
  border-bottom: 1px solid #3A4059;
  margin-bottom: 8px;
}

.play_title .play {
  font-family: "edo", serif;
  font-size: 26px;
}

.request_list .username, .request_list .subscribe_link, .request_list .subscriber_glowish, .request_list .user_info .subscription_streak, .user_info .request_list .subscription_streak {
  display: inline-block;
}

.user_information_wrapper {
  border-radius: 6px;
  padding: 1px 6px;
  min-width: 15em;
  padding: 1px 12px 1px 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 150px;
  min-width: 0;
}
.user_information_wrapper border {
  left: 6px solid transparent;
  right: 6px solid transparent;
}

.shadowed-btn:hover, a .shadowed-btn.location:hover, .link .shadowed-btn.location:hover, .rock_paper_scissors .selection:hover,
.shadowed-btn.hover,
.rock_paper_scissors .hover.selection {
  cursor: pointer;
  transition: 0.1s;
}

.shadowed-btn:active, .rock_paper_scissors .selection:active {
  transform: translateY(2px);
}

.chat_container_outer_holder.private {
  width: 100%;
  flex: 1;
}

.dashboard-short .chat_container_outer_holder.private {
  height: calc(100% - 15px);
  margin-top: 48px;
}

.dashboard-short .current_match .opponent, .dashboard-short .current_match .control-buttons {
  display: none;
}

textarea.chat_input {
  min-width: 0;
}

.current_match_container:not(.premade_responses_visible) .current_match .chat_container_outer_holder.private {
  border-bottom: none;
}

.current_match .chat_container_outer_holder {
  position: relative;
  flex: 1 1 160px;
  display: flex;
}

.current_match .chat_container_outer_holder.private {
  min-height: 160px;
  width: 100%;
  border-top-left-radius: 0;
  margin-bottom: 0;
  flex: 1;
}

.current_match .match_count .game_name img {
  margin-right: 4px;
  max-height: 48px;
}

.wants {
  font-size: 8pt;
}

span.cancel {
  font-weight: bold;
}

.match_facts {
  margin: 0;
  padding: 0;
}

.notes_content .wall_posts .wall_message {
  margin-top: 0;
}
.notes_content .replies-list {
  display: none;
}
.notes_content .username.sender, .notes_content .sender.subscribe_link, .notes_content .sender.subscriber_glowish, .notes_content .user_info .sender.subscription_streak, .user_info .notes_content .sender.subscription_streak {
  display: none;
}
.notes_content .post_time {
  display: block;
  float: none;
}
.notes_content .wall_posts_display {
  max-height: 200px;
  overflow-y: auto;
}
.notes_content textarea.wall_post_content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}

.user_info .subscription_streak {
  display: block;
}
.user_info .subscription_streak .subbed_once {
  display: block;
}
.user_info .subscription_streak .resubbed {
  display: block;
}
.user_info .username_area {
  display: flex;
  flex-direction: column;
  padding-bottom: 4px;
  position: relative;
  background-color: #12141C;
  margin: 0;
  padding: 0 12px;
  border: 1px solid transparent;
  border-bottom: none;
}
.user_info .username_area .user_notes {
  cursor: pointer;
  color: #FF8F00;
  position: absolute;
  left: 6px;
  top: 6px;
  font-size: 17px;
  z-index: 1;
}
.user_info .friendlies_played_container .text {
  color: white;
}
.user_info .friendlies_played_container .friendlies_played {
  color: #0F0;
}
.user_info .friendlies_played_container:hover .text {
  color: #3A4059;
}
.user_info .friendlies_played_container:hover .friendlies_played {
  color: #70FF76;
}
.user_info .member_for .member_for_text {
  color: #0F0;
}

#friend_list .league {
  display: none;
}

.online_user.updating {
  font-style: italic;
  opacity: 0.8;
}

.chat_message .username.sender, .chat_message .sender.subscribe_link, .chat_message .sender.subscriber_glowish, .chat_message .user_info .sender.subscription_streak, .user_info .chat_message .sender.subscription_streak {
  font-weight: normal;
  position: relative;
}

.tab_list {
  border-bottom: 1px solid white;
  margin-bottom: 0;
  padding-bottom: 0;
}

#dashboard [data-pane=game_preferences] {
  display: none;
}

.tab_button {
  margin-right: 2px;
  margin-bottom: 6px;
  background-color: #3A4059;
}

#user_list_side .toggle_userlist {
  margin-bottom: 0;
}

.tab_button {
  padding: 2px 3px;
  margin: 0 2px 4px 0;
  margin-right: 2px;
  font-size: 9pt;
  border: 1px solid white;
}

.tab_list .tab_button {
  color: white;
  border-color: #3A4059;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

.tab_button.active {
  color: white;
  border: 2px solid black;
  border-bottom: none;
}
.tab_button:hover, a .tab_button.location:hover, .link .tab_button.location:hover {
  background-color: #1C1F2B;
}
.tab_button:active {
  color: #1C1F2B;
  background-color: #05D8FF;
}
.tab_button:focus {
  color: white;
}
.tab_button.pulse_glow {
  animation-name: highlightBackgroundPulseAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  color: white;
  animation-name: highlightTextPulseAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  color: white;
}
.tab_button.highlighted {
  color: #05D8FF;
  opacity: 1;
}

.nav-tabs .tab_button {
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.tab_button a, .tab_button a .location:hover, a .tab_button .location:hover, .tab_button .link .location:hover, .link .tab_button .location:hover, .tab_button .link, .tab_button.content {
  color: unset;
}

.user_lists ul, .user_lists .list_container {
  margin-top: 0;
  margin-bottom: 0;
}

.dashboard-xs:not(.dashboard-sm) .chat_tabs {
  height: 50px;
}

.chat_container_outer_holder > .chat-loading-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 2px;
  overflow: hidden;
  background: rgba(5, 216, 255, 0.12);
  pointer-events: none;
}
.chat_container_outer_holder > .chat-loading-bar::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -35%;
  width: 35%;
  background: #05D8FF;
  animation: chat-loading-bar-slide 1.1s ease-in-out infinite;
}

@keyframes chat-loading-bar-slide {
  from {
    left: -35%;
  }
  to {
    left: 100%;
  }
}
.chat-skeleton {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100%;
  padding: 10px 16px;
  box-sizing: border-box;
}

.chat-skeleton__row {
  padding: 6px 0;
}

.chat-skeleton__bar {
  height: 10px;
  border-radius: 5px;
  background: linear-gradient(90deg, var(--ui-line) 0%, var(--ui-line-2) 40%, var(--ui-line) 80%);
  background-size: 300% 100%;
  animation: chat-skeleton-shimmer 1.4s ease-in-out infinite;
}

.chat-skeleton__bar--name {
  width: 70px;
  height: 8px;
  margin-bottom: 6px;
}

@keyframes chat-skeleton-shimmer {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: -50% 0;
  }
}
.chat-skeleton__notice {
  padding: 10px 0 2px;
  text-align: center;
  font-size: 12px;
  color: var(--ui-ink-2);
}

.chat-skeleton__notice--failed {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 100%;
  font-size: 14px;
}

.chat-skeleton__retry {
  padding: 0;
  border: 0;
  background: none;
  color: #05D8FF;
  font: inherit;
  cursor: pointer;
}
.chat-skeleton__retry:hover, a .chat-skeleton__retry.location:hover, .link .chat-skeleton__retry.location:hover {
  text-decoration: underline;
}

@media (prefers-reduced-motion: reduce) {
  .chat-skeleton__bar {
    animation: none;
  }
  .chat_container_outer_holder > .chat-loading-bar::after {
    animation: none;
    left: 0;
    width: 100%;
  }
}
.chat_closed {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
  font-size: 24px;
  text-align: center;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chat_closed .fa, .chat_closed .feedback_thumbs .neutral, .feedback_thumbs .chat_closed .neutral, .chat_closed .feedback_thumbs .positive, .feedback_thumbs .chat_closed .positive, .chat_closed .feedback_thumbs .negative, .feedback_thumbs .chat_closed .negative, .chat_closed .chat_message.edited .edited, .chat_message.edited .chat_closed .edited {
  font-size: 30px;
}
.chat_closed .hidden_count {
  position: absolute;
}
.chat_closed .banner, .chat_closed .banner_flat {
  margin: 0 auto;
}
.chat_closed .banner {
  transform: rotate(-20deg);
}

.circle-loader-holder {
  background-color: #12141C;
  border-radius: 23px;
  width: 49px;
  height: 46px;
  padding: 3px 0 0 3px;
  position: absolute;
  right: 46%;
  top: 46%;
  pointer-events: none;
}

.chat_message.you_were_mentioned {
  background-color: var(--ui-chat-mention-bg);
  border-left: 3px solid var(--ui-chat-mention-line);
}

.user_lists {
  display: flex;
  margin-top: 1px;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 200px;
  background-color: #12141C;
  height: 100%;
}

.dashboard-xs:not(.dashboard-md) .user_lists .list_container {
  border-left: none;
  border-right: none;
}

.user_lists .list_container {
  flex-grow: 1;
}

.list_container .the_caret {
  margin-right: 8px;
}
.list_container .userlist_section_heading {
  position: relative;
  padding: 14px 0;
}
.list_container .userlist_section_heading.toggled_off {
  font-style: italic;
}
.list_container .userlist_section_heading.toggled_off .text, .list_container .userlist_section_heading.toggled_off .count {
  opacity: 0.6;
}
.list_container .heading, .list_container .chat_entries .heading {
  text-align: left;
  color: white;
  margin: 0;
  padding: 8px 0 8px 12px;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.list_container .heading:hover, .list_container .chat_entries .heading:hover {
  cursor: pointer;
  color: #05D8FF;
}
.list_container .heading .count, .list_container .chat_entries .heading .count {
  display: none;
}
.list_container .heading .count.active, .list_container .chat_entries .heading .count.active {
  display: inline-block;
}
.list_container .heading .count.active:before, .list_container .chat_entries .heading .count.active:before {
  content: "-";
  margin: 0 4px;
}
.list_container .section_list {
  border: none;
  margin: 0;
  padding: 0;
}
.list_container .userlist_section {
  display: none;
}
.list_container .userlist_section.active {
  display: block;
  background-color: #3A4059;
}

.chat_room_user_list.has_no_ladder .league {
  display: none;
}

.chat_room_user_list, .user_lists .list_container {
  display: none;
}

.chat_room_user_list.active, .user_lists ul.active {
  display: block;
  padding-bottom: 0;
}

#online_users {
  height: 100%;
}

#summary_containers .info_container {
  display: none;
  max-width: 300px;
}

.panel, body.database_setup .section_content {
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.26);
  border: 1px solid orange;
}

.error {
  color: #F66;
}

._popup {
  padding: 0 32px;
  text-align: center;
  margin: 0 auto;
}

.no_challenges {
  background-color: #B40000;
}

.chat_input, .chat_container_outer_holder, .chat_container, .info_container ul, .host_code input[type=text] {
  color: var(--ui-body-ink);
}

.chat_container_outer_holder, .chat_container, .info_container ul, .host_code input[type=text] {
  background-color: var(--ui-chat-bg);
}

.form-group, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .extra_data {
  position: relative;
}

.form-sub-group {
  margin-left: 16px;
}

.form-group.disabled, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .disabled.extra_data, .request_list .challenge_request_hmm.removing button.form-group, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .request_list .challenge_request_hmm.removing button.extra_data, .request_list .challenge_request_hmm.removing #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields button.extra_data {
  display: none;
}

.info_container ul {
  padding: 4px;
  border-radius: 4px;
}

.list_holder ul, .list_holder .list_container {
  margin-bottom: 0;
}

.team_list {
  position: relative;
  margin-top: 4px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.team_list .userlist {
  flex: 1 1 auto;
}
.team_list .online_user button {
  margin-right: 8px;
}
.team_list .online_user .username, .team_list .online_user .subscribe_link, .team_list .online_user .subscriber_glowish, .team_list .online_user .user_info .subscription_streak, .user_info .team_list .online_user .subscription_streak {
  display: inline-flex;
  max-width: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team_list .online_user .location {
  margin-left: 4px;
  max-width: 200px;
  display: inline-block;
  display: inline-flex;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main_info .btn-group {
  display: flex;
  margin-left: -12px;
  margin-right: -12px;
  margin-top: 0;
  margin-bottom: 0;
}
.main_info .btn-group > .btn, .main_info body.database_setup .btn-group > input[type=submit], body.database_setup .main_info .btn-group > input[type=submit], .main_info body.database_setup .btn-group > button, body.database_setup .main_info .btn-group > button, .main_info .btn-group > .btn-xs, .main_info .possible_aka_listings .btn-group > button, .possible_aka_listings .main_info .btn-group > button, .main_info .user_main_info_area .mod_options form .btn-group > button, .user_main_info_area .mod_options form .main_info .btn-group > button, .main_info .stage_selectable .stage_options .btn-group > button, .stage_selectable .stage_options .main_info .btn-group > button, .main_info .btn-group > .btn-sm, .main_info .request_list .challenge_request_hmm.removing .btn-group > button, .request_list .challenge_request_hmm.removing .main_info .btn-group > button {
  width: 100%;
  float: none;
  margin: 0;
}

.user_notes_container {
  display: block;
  overflow: hidden;
}
.user_notes_container:hover, a .user_notes_container.location:hover, .link .user_notes_container.location:hover {
  cursor: pointer;
}
.user_notes_container:hover .the_notes, .user_notes_container:hover .title, .user_notes_container:hover .when {
  color: #05D8FF;
}
.user_notes_container .title {
  color: #0F0;
}
.user_notes_container .when {
  color: #0F0;
  font-size: 13px;
}
.user_notes_container .the_notes {
  max-height: 80px;
  overflow-y: auto;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main_info .record {
  display: flex;
  flex-direction: row;
  margin: 5px 0 6px 0;
  justify-content: space-between;
}
.main_info .record > span .text, .main_info .record a .text, a .main_info .record .location:hover .text, .link .main_info .record .location:hover .text, .main_info .record .link .text {
  margin-right: 4px;
}

.user_info .empty {
  font-style: italic;
}

.flaired {
  min-width: 32px;
}

.flairy_holder {
  position: relative;
  max-height: 20px;
  display: inline-block;
}

.flairy {
  height: 16px;
  margin-right: 4px;
}

.front_flairy_holder .flairy {
  margin-right: 0;
}

.flairy_avatar {
  width: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
}

.flair-dolla {
  vertical-align: middle;
}

.flaired.is_mod .username, .flaired.is_mod .subscribe_link, .flaired.is_mod .subscriber_glowish, .flaired.is_mod .user_info .subscription_streak, .user_info .flaired.is_mod .subscription_streak, .chat_container.main .is_mod .username.sender, .chat_container.main .is_mod .sender.subscribe_link, .chat_container.main .is_mod .sender.subscriber_glowish, .chat_container.main .is_mod .user_info .sender.subscription_streak, .user_info .chat_container.main .is_mod .sender.subscription_streak {
  font-weight: bold;
  color: var(--ui-name-flaired-mod);
}

.chat_message.me_texted .ceo-flair {
  display: none;
}

.is_subscribed .sender, .subscribe_link .sender, .user_info .subscription_streak .sender, .subscriber_glowish .sender, .username.is_subscribed, .subscribe_link, .user_info .subscription_streak, .subscriber_glowish, .chat_message.is_subscribed.me_texted .message, .chat_message.me_texted.subscribe_link .message, .user_info .chat_message.me_texted.subscription_streak .message, .chat_message.me_texted.subscriber_glowish .message {
  color: var(--ui-name-sub);
}

.is_subscribed .sender, .subscribe_link .sender, .user_info .subscription_streak .sender, .subscriber_glowish .sender, .username.is_subscribed, .subscribe_link, .user_info .subscription_streak, .subscriber_glowish {
  text-shadow: var(--ui-name-sub-glow);
}

.username.is_subscribed_white, .is_subscribed_white.subscribe_link, .user_info .is_subscribed_white.subscription_streak, .is_subscribed_white.subscriber_glowish {
  color: var(--ui-name-sub-white);
}

.username.is_subscribed_black, .is_subscribed_black.subscribe_link, .user_info .is_subscribed_black.subscription_streak, .is_subscribed_black.subscriber_glowish {
  color: var(--ui-name-sub-gray);
}

.username.is_mod.is_subscribed, .is_mod.subscribe_link, .user_info .is_mod.subscription_streak, .is_mod.subscriber_glowish {
  text-shadow: -1px 1px 8px var(--ui-name-halo), 1px -1px 8px var(--ui-name-halo);
}

.username.is_top_player, .is_top_player.subscribe_link, .user_info .is_top_player.subscription_streak, .is_top_player.subscriber_glowish, .chat_message.is_top_player.me_texted .message {
  color: var(--ui-name-top);
}

/*.is_chat_mod .sender{color:#FF51F6;}*/
.is_chat_admin.is_subscribed.username, .is_chat_admin.subscribe_link, .user_info .is_chat_admin.subscription_streak, .is_chat_admin.subscriber_glowish,
.is_chat_mod.is_subscribed.username,
.is_chat_mod.subscribe_link,
.user_info .is_chat_mod.subscription_streak,
.is_chat_mod.subscriber_glowish {
  text-shadow: -1px 1px 8px var(--ui-name-halo), 1px -1px 8px var(--ui-name-halo);
}

.is_chat_mod.username, .is_chat_mod.subscribe_link, .user_info .is_chat_mod.subscription_streak, .is_chat_mod.subscriber_glowish, .chat_message.me_texted.is_chat_mod .message,
.is_chat_admin.username,
.is_chat_admin.subscribe_link,
.user_info .is_chat_admin.subscription_streak,
.is_chat_admin.subscriber_glowish, .chat_message.me_texted.is_chat_admin .message {
  color: var(--ui-name-chat-mod);
}

.is_chat_mod.is_top_player.username, .is_chat_mod.is_top_player.subscribe_link, .user_info .is_chat_mod.is_top_player.subscription_streak, .is_chat_mod.is_top_player.subscriber_glowish, .chat_message.me_texted.is_chat_mod.is_top_player .message,
.is_chat_admin.is_top_player.username,
.is_chat_admin.is_top_player.subscribe_link,
.user_info .is_chat_admin.is_top_player.subscription_streak,
.is_chat_admin.is_top_player.subscriber_glowish, .chat_message.me_texted.is_chat_admin.is_top_player .message {
  color: var(--ui-name-top);
}

input[type=text].ui-autocomplete-loading:not(.has_load_bar) {
  background-image: url("../../images/ajax-arrow-spinner.gif");
  background-repeat: no-repeat;
}

.ui-helper-hidden-accessible {
  display: none;
}

.react-autosuggest__container {
  position: relative;
}

.no-select, input[type=range],
input[type=range] + .thumb {
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.overflow-hidden {
  overflow: hidden;
}

.flex {
  display: flex;
}
.flex.flex-inline {
  display: inline-flex;
}
.flex.flex-row {
  flex-direction: row;
}
.flex.flex-column {
  flex-direction: column;
}
.flex.flex-wrap {
  flex-wrap: wrap;
}
.flex.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex.flex-space-between {
  justify-content: space-between;
}
.flex.flex-space-around {
  justify-content: space-around;
}
.flex.flex-align-items-center {
  align-items: center;
}
.flex.flex-justify-center {
  justify-content: center;
}
.flex.flex-center {
  align-items: center;
}
.flex.flex-grower-no-shrinker {
  flex: 1 0 auto;
}
.flex.flex-shrinker {
  flex: 1 1 auto;
}

.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.autosuggest_down .react-autosuggest__suggestions-container {
  top: calc(100% - 8px);
  transform: none;
  left: 0;
  max-height: 50vh;
}

.ui-autocomplete, .react-autosuggest__suggestions-container {
  border-top-right-radius: 0;
  max-height: 34vh;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 5000;
  border: 1px solid var(--ui-hairline);
  border-color: var(--ui-hairline);
  background: var(--ui-chat-bg);
  border-bottom: none;
  position: absolute;
  top: -1px;
  transform: translateY(-100%);
  left: 16px;
  width: calc(100% - 15px);
  border-radius: 4px 4px 0 0;
  display: none;
}
.ui-autocomplete ul, .react-autosuggest__suggestions-container ul {
  margin: 0;
}
.ui-autocomplete.react-autosuggest__suggestions-container--open, .react-autosuggest__suggestions-container.react-autosuggest__suggestions-container--open {
  display: block;
}

.react-autosuggest__suggestions-container .suggestion {
  padding: 6px 8px;
  cursor: pointer;
}
.react-autosuggest__suggestions-container .suggestion .username, .react-autosuggest__suggestions-container .suggestion .subscribe_link, .react-autosuggest__suggestions-container .suggestion .user_info .subscription_streak, .user_info .react-autosuggest__suggestions-container .suggestion .subscription_streak, .react-autosuggest__suggestions-container .suggestion .subscriber_glowish {
  display: flex;
  flex-direction: row;
}
.react-autosuggest__suggestions-container .suggestion .username .gangster_name, .react-autosuggest__suggestions-container .suggestion .subscribe_link .gangster_name, .react-autosuggest__suggestions-container .suggestion .user_info .subscription_streak .gangster_name, .user_info .react-autosuggest__suggestions-container .suggestion .subscription_streak .gangster_name, .react-autosuggest__suggestions-container .suggestion .subscriber_glowish .gangster_name {
  display: block;
}
.react-autosuggest__suggestions-container .suggestion .username .display_name, .react-autosuggest__suggestions-container .suggestion .subscribe_link .display_name, .react-autosuggest__suggestions-container .suggestion .user_info .subscription_streak .display_name, .user_info .react-autosuggest__suggestions-container .suggestion .subscription_streak .display_name, .react-autosuggest__suggestions-container .suggestion .subscriber_glowish .display_name {
  display: block;
}
.react-autosuggest__suggestions-container .suggestion .username .display_name:before, .react-autosuggest__suggestions-container .suggestion .subscribe_link .display_name:before, .react-autosuggest__suggestions-container .suggestion .user_info .subscription_streak .display_name:before, .user_info .react-autosuggest__suggestions-container .suggestion .subscription_streak .display_name:before, .react-autosuggest__suggestions-container .suggestion .subscriber_glowish .display_name:before {
  content: "(";
  margin-left: 16px;
}
.react-autosuggest__suggestions-container .suggestion .username .display_name:after, .react-autosuggest__suggestions-container .suggestion .subscribe_link .display_name:after, .react-autosuggest__suggestions-container .suggestion .user_info .subscription_streak .display_name:after, .user_info .react-autosuggest__suggestions-container .suggestion .subscription_streak .display_name:after, .react-autosuggest__suggestions-container .suggestion .subscriber_glowish .display_name:after {
  content: ")";
}

.ui-autocomplete .ui-state-focus, .react-autosuggest__suggestions-container .suggestion.focused {
  background: var(--ui-panel-head);
  border: none;
}

.ui-autocomplete .ui-corner-all {
  border: none;
}

.ui-menu .ui-menu-item {
  border: none;
}

.ui-autocomplete li a, .ui-autocomplete li a .location:hover, a .ui-autocomplete li .location:hover, .ui-autocomplete li .link .location:hover, .link .ui-autocomplete li .location:hover, .ui-autocomplete li .link {
  color: #FF8F00;
}

.shortcut_text {
  color: white;
  margin-left: 16px;
}

.shortcut_result {
  margin-left: 16px;
}

.chat_message .username.is_top_player_pending:before, .chat_message .is_top_player_pending.subscribe_link:before, .chat_message .user_info .is_top_player_pending.subscription_streak:before, .user_info .chat_message .is_top_player_pending.subscription_streak:before, .chat_message .is_top_player_pending.subscriber_glowish:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  content: "";
  background: url(http://i.imgur.com/tMP7WJb.png) no-repeat 0 0;
  background-size: 100%;
  position: relative;
  top: 3px;
  margin-top: -3px;
}

.username.is_cucumber_mod, .is_cucumber_mod.subscribe_link, .user_info .is_cucumber_mod.subscription_streak, .is_cucumber_mod.subscriber_glowish, .chat_message.is_cucumber_mod.me_texted .message {
  color: var(--ui-name-cucumber-mod);
}

.username.is_mod, .is_mod.subscribe_link, .user_info .is_mod.subscription_streak, .is_mod.subscriber_glowish, .chat_message.is_mod.me_texted .message {
  color: var(--ui-name-mod);
}

.username.blank, .blank.subscribe_link, .user_info .blank.subscription_streak, .blank.subscriber_glowish {
  color: var(--ui-name-blank);
  font-style: italic;
}

.username .gavel, .subscribe_link .gavel, .user_info .subscription_streak .gavel, .subscriber_glowish .gavel {
  margin-left: 3px;
}

.username.is_mod.is_top_player, .is_mod.is_top_player.subscribe_link, .user_info .is_mod.is_top_player.subscription_streak, .is_mod.is_top_player.subscriber_glowish {
  text-shadow: var(--ui-name-mod-top-glow);
}

.username.is_admin, .is_admin.subscribe_link, .user_info .is_admin.subscription_streak, .is_admin.subscriber_glowish, .chat_message.is_admin.me_texted .message {
  color: var(--ui-name-admin);
}

.message .username.casual_mention, .message .casual_mention.subscribe_link, .message .user_info .casual_mention.subscription_streak, .user_info .message .casual_mention.subscription_streak, .message .casual_mention.subscriber_glowish {
  text-shadow: var(--ui-name-shadow) !important;
}

.stream-box {
  height: 100%;
}

.stream_link_advanced_preview_thumb {
  max-width: 150px;
  max-height: 60px;
}

.stream_open_embed {
  float: left;
}

#visible_stream .loading_stream {
  display: none;
}

#visible_stream.loading .loading_stream {
  display: block;
  margin-top: 16px;
  clear: both;
  text-align: center;
}

.stream_container {
  padding: 4px 12px;
  color: white;
  display: none;
}
.stream_container .game_logo {
  max-height: 52px;
  max-width: 112px;
}

.stream_container {
  display: flex;
  flex-direction: column;
}

#tab-pane-matchmaking .stream_container {
  padding: 0;
  margin: 0 8px;
}

.online_user.browser_idle .location, .online_user.browser_idle .username, .online_user.browser_idle .subscribe_link, .online_user.browser_idle .user_info .subscription_streak, .user_info .online_user.browser_idle .subscription_streak, .online_user.browser_idle .subscriber_glowish {
  opacity: 0.7;
}

.online_user.browser_idle .location {
  color: #FFF;
}

.chat_room_user_list .online_user, .list_holder.user_lists .online_user {
  padding: 3px 8px 3px 12px;
}
.chat_room_user_list .location, .list_holder.user_lists .location {
  float: none;
}

.online_user .location {
  min-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 95%;
  display: inline-block;
  font-size: 11px;
}

.online_user.browser_idle {
  font-style: italic;
  color: rgb(163, 163, 163);
}

.online_user.away .title {
  font-style: italic;
}

.online_user button {
  margin: 0;
}

.online_user .right_side_elements {
  text-align: right;
}

.both .online_user .right_side_elements, .small_width .online_user .right_side_elements,
#bottom_dock .title {
  display: none;
}

.list_holder li, .list_holder .list_container li, .list_holder .row {
  display: block;
  padding: 3px 8px 3px 8px;
  margin-left: 0;
  margin-right: 0;
}

.online_indicator {
  margin-right: 4px;
}

.list_holder ul li:hover, .list_holder .row:hover, .list_holder .online_user:hover, .friendlist ul li:hover, .friendlist .row:hover, .friendlist .online_user:hover {
  cursor: pointer;
  background-color: rgba(10, 110, 189, 0.58);
}

.online_user.active {
  background-color: rgb(32, 32, 32);
  color: white;
}

.loading_list {
  text-align: center;
  padding-top: 16px;
}

#bottom_dock {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

#bottom_dock h3 {
  display: none;
  margin: 0;
  font-size: 1.2em;
}

.ui-resizable-handle {
  z-index: 10000 !important;
}

.ui-dialog .ui-resizable-se {
  background-image: url("");
}

.list_holder .ui-resizable-s, .list_holder .ui-resizable-n {
  height: 10px;
}

.list_holder .ui-resizable-w {
  left: -10px;
}

.list_holder .ui-resizable-e, .list_holder .ui-resizable-w {
  width: 10px;
}

.active_chats .panel, .active_chats body.database_setup .section_content, body.database_setup .active_chats .section_content {
  background-color: #323232;
  width: 100%;
}

#tab-pane-battle.active {
  display: flex;
  flex-direction: column;
}

#tab-pane-battle.no_matches .current_matches_holder {
  display: none;
}

.active_chats, .no_matches .no_matches_content {
  margin-bottom: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.active_chats .loader {
  display: block;
  margin: 32px auto 0 auto;
}

.no_matches {
  margin: 0;
  flex: 1;
  display: flex;
  height: 100%;
  align-items: center;
  text-align: center;
}
.no_matches.panel, body.database_setup .no_matches.section_content {
  margin: 0;
  padding: 16px;
}

.match_search_link {
  color: #68EBFD;
  cursor: pointer;
}

.groups_container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.group_content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex: 1 1 0;
  padding: 0 8px;
}

.private_chat_listing {
  position: relative;
  min-height: 46px;
  margin: 1rem;
  width: auto;
  padding: 2px 0 2px 4px;
  margin: 8px 0 0 0px;
  cursor: pointer;
  display: flex;
}
.private_chat_listing.has_new_messages {
  font-weight: bold;
  background-color: #0A6EBD;
}
.private_chat_listing.has_new_messages .username, .private_chat_listing.has_new_messages .subscribe_link, .private_chat_listing.has_new_messages .user_info .subscription_streak, .user_info .private_chat_listing.has_new_messages .subscription_streak, .private_chat_listing.has_new_messages .subscriber_glowish {
  font-weight: bold;
}
.private_chat_listing .quick_summary {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
}
.private_chat_listing .summary_content {
  flex: 1;
  text-align: right;
}
.private_chat_listing .summary_content .time {
  width: 100px;
}
.private_chat_listing .message_summary {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 20px;
  max-width: 251px;
  display: flex;
  align-items: center;
}
.private_chat_listing .message_summary .username, .private_chat_listing .message_summary .subscribe_link, .private_chat_listing .message_summary .user_info .subscription_streak, .user_info .private_chat_listing .message_summary .subscription_streak, .private_chat_listing .message_summary .subscriber_glowish {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #05D8FF;
}
.private_chat_listing .message_summary.blocked .preview_text {
  font-style: italic;
  color: #FF3434;
}
.private_chat_listing .message_summary .preview_text {
  margin-left: 8px;
  width: 60%;
  color: white;
}
.private_chat_listing .username, .private_chat_listing .subscribe_link, .private_chat_listing .user_info .subscription_streak, .user_info .private_chat_listing .subscription_streak, .private_chat_listing .subscriber_glowish {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 3px;
  display: inline-block;
}
.private_chat_listing .message_summary.no_messages:after {
  content: "No Messages";
  color: #05D8FF;
  font-style: italic;
}
.private_chat_listing .closing_x {
  float: right;
}

.card-shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.2s ease-in-out;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.card-shadow:hover, a .card-shadow.location:hover, .link .card-shadow.location:hover {
  border-color: #05D8FF;
}

.private_chat_area .title_area {
  font-size: 14px;
  padding: 4px 4px 2px 4px;
  display: flex;
  justify-content: space-between;
  flex: 0 0 auto;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  border: 1px solid #3A4059;
  border-bottom: none;
  background-color: #1C1F2B;
}
.private_chat_area .title_area.clickable:hover, .private_chat_area #main_chat_area .chat_room_title_banner .title_area.chat_option:hover, #main_chat_area .chat_room_title_banner .private_chat_area .title_area.chat_option:hover, .private_chat_area .dolphin_launcher_waiting .title_area.dolphin_user:hover, .dolphin_launcher_waiting .private_chat_area .title_area.dolphin_user:hover {
  background-color: #0A6EBD;
}
.private_chat_area .title_area .private_message_online_indicator {
  align-self: center;
}

.big_private_chat {
  display: flex;
  flex-grow: 1;
}
.big_private_chat .title_area {
  margin: 0;
}
.big_private_chat .private_chat_holder {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.big_private_chat .closing_x {
  display: none;
}
.big_private_chat .title_area {
  border: none;
  padding: 0;
}
.big_private_chat .title_area .btn, .big_private_chat .title_area body.database_setup input[type=submit], body.database_setup .big_private_chat .title_area input[type=submit], .big_private_chat .title_area body.database_setup button, body.database_setup .big_private_chat .title_area button, .big_private_chat .title_area .btn-xs, .big_private_chat .title_area .possible_aka_listings button, .possible_aka_listings .big_private_chat .title_area button, .big_private_chat .title_area .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .big_private_chat .title_area button, .big_private_chat .title_area .stage_selectable .stage_options button, .stage_selectable .stage_options .big_private_chat .title_area button, .big_private_chat .title_area .btn-sm, .big_private_chat .title_area .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .big_private_chat .title_area button {
  margin-bottom: 0;
}
.big_private_chat .chat_container li {
  flex: 1 1 0;
}
.big_private_chat .chat_container_outer_holder {
  width: 100%;
  flex-grow: 1;
  flex: 1 1 0;
  margin-bottom: 0;
  border-bottom: none;
}
.big_private_chat .chat_holder {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.big_private_chat .private_chat_area .title_area .username, .big_private_chat .private_chat_area .title_area .subscribe_link, .big_private_chat .private_chat_area .title_area .user_info .subscription_streak, .user_info .big_private_chat .private_chat_area .title_area .subscription_streak, .big_private_chat .private_chat_area .title_area .subscriber_glowish {
  display: inline-block;
  margin-top: 8px;
}
.big_private_chat .ui-resizable-handle {
  display: none !important;
}

.chat_input_group {
  display: flex;
  flex-direction: row;
  border: 1px solid #3A4059;
  background-color: #12141C;
  border-radius: 2px 2px 2px 2px;
  min-height: 35px;
  flex: 0 0 auto;
}
.chat_input_group.fatty_bottom_helper {
  padding: 14px 12px 14px 12px;
}
.chat_input_group:focus {
  transition: 0.4s;
  border-color: #68EBFD;
}

.private_chat_area.chat_holder {
  display: flex;
  flex-direction: column;
}

.chat_input_group .input_beauty_wrapper {
  flex-direction: row;
  width: 100%;
  background-color: #1C1F2B;
  border-radius: 4px;
}
.chat_input_group .chat_input_holder > * {
  width: 100%;
  display: block;
  box-sizing: border-box;
  min-height: 0;
  resize: none;
  white-space: nowrap;
  border-radius: 2px;
  position: relative;
}
.chat_input_group .chat_input {
  border: none;
  white-space: pre-wrap;
  padding: 10px 8px 4px 8px;
  overflow-x: hidden;
  min-height: 26px;
  resize: none;
  min-height: 34px;
}
.chat_input_group .chat_input_holder {
  display: flex;
  flex: 1 0 auto;
}
.chat_input_group .send_chat_button {
  border-left: 1px solid #3A4059;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: auto;
  margin-bottom: 0;
  background-color: #12141C;
}

.input-group.chat_input_group .chat_input {
  height: 26px;
  width: 100%;
  margin-bottom: 0;
  position: relative;
  white-space: pre;
  word-wrap: normal;
}

.input-group.chat_input_group .send_chat_button {
  height: 26px;
  border: 1px solid white;
  border-radius: 2px;
  background-color: #12141C;
}

.input-group.chat_input_group .btn, .input-group.chat_input_group body.database_setup input[type=submit], body.database_setup .input-group.chat_input_group input[type=submit], .input-group.chat_input_group body.database_setup button, body.database_setup .input-group.chat_input_group button, .input-group.chat_input_group .btn-xs, .input-group.chat_input_group .possible_aka_listings button, .possible_aka_listings .input-group.chat_input_group button, .input-group.chat_input_group .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .input-group.chat_input_group button, .input-group.chat_input_group .stage_selectable .stage_options button, .stage_selectable .stage_options .input-group.chat_input_group button, .input-group.chat_input_group .btn-sm, .input-group.chat_input_group .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .input-group.chat_input_group button {
  margin: 0;
  padding: 0 4px 0 4px;
  border-color: #3A4059;
}

.dashboard-xs:not(.dashboard-sm) .panel, .dashboard-xs:not(.dashboard-sm) body.database_setup .section_content, body.database_setup .dashboard-xs:not(.dashboard-sm) .section_content {
  margin-bottom: 0;
}
.dashboard-xs:not(.dashboard-sm) .current_match {
  margin-bottom: 0;
}
.dashboard-xs:not(.dashboard-sm) .current_matches_holder {
  margin-bottom: 0;
}
.dashboard-xs:not(.dashboard-sm) .big_private_chat .chat_container_outer_holder, .dashboard-xs:not(.dashboard-sm) #main_chat_area .chat_container_outer_holder, .dashboard-xs:not(.dashboard-sm) .private_chat_area .chat_container_outer_holder {
  margin-bottom: 0;
  border-right: none;
  border-radius: 0;
}
.dashboard-xs:not(.dashboard-sm) .input-group.chat_input_group .chat_input, .dashboard-xs:not(.dashboard-sm) .input-group .send_chat_button {
  height: 36px;
  border-top: none;
  border-radius: 0;
  background-color: #12141C;
}
.dashboard-xs:not(.dashboard-sm) .input-group.chat_input_group .chat_input {
  padding-top: 8px;
  padding-left: 4px;
}

#dashboard.dashboard-sm #tab-pane-battle {
  margin-top: 0px;
}

#dashboard.dashboard-md #tab-pane-streams,
#dashboard.dashboard-md #game_preferences,
#dashboard.dashboard-md #tab-pane-disputes {
  margin-top: 0px;
}

.active_chats {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.managed_ranked_popup {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.list_holder ul li.hidden_by_region {
  display: none;
}

.visible_by_region {
  display: block;
}

#recent_private_chats .online_user .last_message_time {
  display: inline;
}

#recent_private_chats .online_user .no_challenges {
  visibility: visible;
}

#recent_private_chats .has_new_messages .username, #recent_private_chats .has_new_messages .subscribe_link, #recent_private_chats .has_new_messages .user_info .subscription_streak, .user_info #recent_private_chats .has_new_messages .subscription_streak, #recent_private_chats .has_new_messages .subscriber_glowish {
  font-weight: bold;
}

#online_users {
  display: block;
}

#recent_private_chats .location {
  display: none;
}

.matchmaking_popup .error_message_container {
  margin-top: 28px;
  font-size: 16px;
}

input.unsaved {
  color: red;
  border-color: yellow;
}

#fancybox-wrap a:hover, #fancybox-wrap a .location:hover, a #fancybox-wrap .location:hover, #fancybox-wrap .link .location:hover, .link #fancybox-wrap .location:hover, #fancybox-wrap .link:hover {
  color: green;
}

#fancybox-content label span, .fancybox-content label span {
  margin-right: 2px;
}

#fancybox-content label input, .fancybox-content label input {
  margin-right: 6px;
}

body #fancybox-content, body .fancybox-content {
  z-index: 20;
  margin-bottom: 8px;
  border-radius: 0;
  background-color: #1C1F2B;
  min-width: 300px;
  border: none;
  padding: 10px;
}

#fancybox-overlay {
  background-color: rgb(0, 0, 0) !important;
}

#fancybox-outer {
  background: none;
}

#fancybox-content .mod_history, .fancybox-content .mod_history {
  margin-top: 4px;
}

#fancybox-content h2, .fancybox-content h2 {
  margin-top: 4px;
}

body #fancybox-close {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\f00d";
  background: none;
}

.fancybox-bg {
  display: none !important;
}

#fancybox-content .confirm, .fancybox-content .confirm {
  float: right;
}

.online_user {
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  transition: background 0.4s;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.online_user .username, .online_user .subscribe_link, .online_user .user_info .subscription_streak, .user_info .online_user .subscription_streak, .online_user .subscriber_glowish {
  font-size: 10pt;
  box-sizing: border-box;
}

#fancybox-wrap h2 {
  font-size: 18px;
}

#fancybox-title {
  position: absolute;
  top: 0;
}

.match_summary h2 {
  text-align: center;
}

.set_score:not(.advanced_team_scores), .points_counter:not(.advanced_team_scores) {
  text-align: right;
  flex: 1;
  margin-left: 8px;
}
.set_score.advanced_team_scores, .points_counter.advanced_team_scores {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  float: none;
  flex: 1;
}
.set_score.advanced_team_scores .advanced_team_score, .points_counter.advanced_team_scores .advanced_team_score {
  display: flex;
  flex-direction: row;
}
.set_score.advanced_team_scores .advanced_team_score:last-child, .points_counter.advanced_team_scores .advanced_team_score:last-child {
  flex-direction: row-reverse;
}
.set_score.advanced_team_scores .advanced_team_score:last-child .points, .points_counter.advanced_team_scores .advanced_team_score:last-child .points {
  flex-direction: row-reverse;
}
.set_score .points, .points_counter .points {
  margin: 0 8px;
  display: inline-flex;
  flex-wrap: wrap;
}
.set_score .point, .points_counter .point {
  margin: 0 2px;
}
.set_score .win, .points_counter .win {
  color: #0F0;
}
.set_score .open, .points_counter .open {
  color: white;
}

.picks_container .set_score {
  float: right;
  flex: 1;
}

.picks_container .current_instructions {
  border: 1px solid #3A4059;
  padding: 4px;
  margin: 0;
  font-size: 10pt;
  color: white;
  border-top: none;
  border-left: none;
  border-right: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.picks_container .current_instructions .match_selections_with_character_previews {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.picks_container .current_instructions .match_selections_with_character_previews .character_previews {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.picks_container .current_instructions .match_selections_with_character_previews .player_character {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 8px;
}
.picks_container .current_instructions .match_selections_with_character_previews .player_character .character_owner {
  display: flex;
  flex-direction: column;
}
.picks_container .current_instructions .match_selections_with_character_previews .character {
  cursor: default;
}

.picks_container .current_instructions .current_instructions_words {
  position: relative;
  padding: 2px 16px;
}
.picks_container .current_instructions.active .current_instructions_words {
  animation-name: highlightBackgroundPulseAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  color: white;
  background-color: #05D8FF;
  transition: 0.6s;
  border-radius: 2px;
}

.picks_container .current_instructions.error_highlight .current_instructions_words {
  background-color: white;
  color: black;
  transition: 0.6s;
  font-size: larger;
}

.picks_container .current_instructions.active p {
  transition: 0.6s;
}

#tab-pane-matchmaking.select_options .current_matches_holder {
  display: none;
}
#tab-pane-matchmaking.select_options .play_match_container {
  display: none;
}
#tab-pane-matchmaking.select_options #matchmaking_popup {
  display: block;
}

#tab-pane-matchmaking.select_options {
  flex-direction: row;
}

#tab-pane-matchmaking .current_matches_holder {
  display: none;
}
#tab-pane-matchmaking .play_match_container {
  position: relative;
  flex-direction: column;
  width: 100%;
  flex: 1;
  margin: 0 auto;
}
#tab-pane-matchmaking .play_match_container.flex #recent_match_searchers {
  display: flex;
  flex: 2 0 auto;
  flex-wrap: wrap;
  flex-direction: row;
}
#tab-pane-matchmaking .play_match_container.flex #recent_match_searchers.mobile_view {
  flex-direction: column;
}
#tab-pane-matchmaking #recent_match_searchers {
  display: block;
}
#tab-pane-matchmaking .play_match_container.flex .game_search_section {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex: 0 1 auto;
}
#tab-pane-matchmaking .game_search_section {
  display: block;
  overflow: hidden;
  margin: 0 8px;
}
#tab-pane-matchmaking .play_match_container.flex .game_search_section.maximized {
  flex: 1 1 400px;
  min-height: 160px;
}
#tab-pane-matchmaking .text_container {
  flex: 1;
}
#tab-pane-matchmaking .quick_matchmaking_button {
  border-color: #3A4059;
  border-radius: 16px;
  padding: 0 4px;
}
#tab-pane-matchmaking .quick_matchmaking_button.invisible {
  pointer-events: none;
  visibility: hidden;
}

.dashboard-xs .play_match_container.flex #recent_match_searchers {
  flex-direction: column;
}
.dashboard-xs .friendlies_search {
  margin-bottom: 3px;
}

#tab-pane-battle .match_singles, #tab-pane-battle .match_doubles {
  display: flex;
  flex: 1;
}
#tab-pane-battle .match_singles .current_matches_holder, #tab-pane-battle .match_doubles .current_matches_holder {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.match_chat_stuff {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.match_chat_stuff .chat_container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.match_playing_stuff {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.current_match.is_teams_match .team_list {
  display: block;
}

.current_match.is_singles_match .team_list {
  display: none;
}

.current_match_container.assigned_teams .select_team {
  display: inline-block;
  float: right;
  border: 2px solid transparent;
}

.current_match_container .online_user.invited .invited_text {
  display: inline-block;
}

.current_match_container.is_teams_match .game_information .with {
  display: none;
}

.current_match_container.match_hoster .accept_player, .current_match_container.match_hoster .decline_player {
  display: inline-block;
}
.current_match_container.match_hoster .invited_text {
  display: none;
}
.current_match_container.match_hoster .online_user.accepted .accept_player {
  display: none;
}
.current_match_container.match_hoster .online_user.is_me .accept_player, .current_match_container.match_hoster .online_user.is_me .decline_player {
  display: none;
}
.current_match_container.match_hoster .online_user.invited .accept_player, .current_match_container.match_hoster .online_user.invited .decline_player {
  display: none;
}
.current_match_container.match_hoster .online_user.invited .invited_pending {
  display: inline-block;
}

.current_match_container.match_hoster .online_user .decline_player {
  display: inline-block;
}

.current_match_container .userlist .team {
  display: none;
}
.current_match_container .userlist .online_user.pending .username, .current_match_container .userlist .online_user.pending .subscribe_link, .current_match_container .userlist .online_user.pending .user_info .subscription_streak, .user_info .current_match_container .userlist .online_user.pending .subscription_streak, .current_match_container .userlist .online_user.pending .subscriber_glowish, .current_match_container .userlist .online_user.pending .location {
  opacity: 0.7;
  font-style: italic;
}

.invited_text {
  font-style: italic;
  margin-right: 8px;
}

.current_match_container .premade_responses {
  display: none;
  flex-wrap: wrap;
  margin: 0 -4px 0 -4px;
}
.current_match_container .premade_responses.visible {
  display: flex;
}
.current_match_container .premade_responses .premade_response {
  margin: 4px 4px 4px 4px;
  flex-grow: 1;
  border-radius: 12px;
}

.current_match_container.search_is_active .finished {
  display: none;
}

.current_match_container .start_team_match {
  display: none;
}

.current_match_container.search_is_active.is_teams_match.match_hoster .start_team_match {
  display: block;
}

.current_match_container.search_is_active .control-buttons .closing_x,
.current_match_container.ended .closing_x {
  display: block;
  align-self: flex-end;
  margin-left: auto;
  order: 10;
  border: 1px solid #F66;
}

.current_match_container.search_is_active .controls.ranked_controls {
  display: none;
}

.current_match_container.is_ranked_match .friendlies_controls {
  display: none;
}

.current_match_container.is_unranked_match .ranked_controls .cancel {
  display: none;
}

.current_match_container.match_active .timeout {
  display: none;
}

.current_match_container .timeout {
  display: flex;
  padding: 4px 0 4px 0;
  flex-direction: row;
  align-items: center;
}
.current_match_container .timeout .timer_container {
  flex: 1;
  text-align: right;
}
.current_match_container .timeout.expired .countdown {
  color: #F66;
}
.current_match_container .timeout.expired .the_s, .current_match_container .timeout.expired .description {
  display: none;
}

.current_matches_holder .clicky_links {
  display: none;
}
.current_matches_holder .clicky_links.active {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.current_matches_holder .clicky_links .connected_field_link {
  font-style: normal;
  text-align: center;
  display: inline-flex;
  align-items: center;
}
.current_matches_holder .clicky_links .connected_field_link > * {
  margin: 0 2px;
}
.current_matches_holder .clicky_links .connected_field_link .display_name_container {
  font-size: 11px;
  display: none;
}
.current_matches_holder .clicky_links .connected_field_link .display_name_container.active {
  display: inline;
}
.current_matches_holder .clicky_links .connected_field_link .display_name_container:before {
  content: "(";
}
.current_matches_holder .clicky_links .connected_field_link .display_name_container:after {
  content: ")";
}
.current_matches_holder .clicky_links .connected_field_link.is_me {
  display: none;
}
.current_matches_holder .clicky_links .connected_field_link.disabled, .current_matches_holder .clicky_links .request_list .challenge_request_hmm.removing button.connected_field_link, .request_list .challenge_request_hmm.removing .current_matches_holder .clicky_links button.connected_field_link {
  color: black;
}
.current_matches_holder .clicky_links .connected_field_link.disabled .icon, .current_matches_holder .clicky_links .request_list .challenge_request_hmm.removing button.connected_field_link .icon, .request_list .challenge_request_hmm.removing .current_matches_holder .clicky_links button.connected_field_link .icon {
  color: black;
}
.current_matches_holder .clicky_links .connected_field_link .icon {
  color: white;
  background-color: black;
  font-size: 20px;
  border-radius: 4px;
}
.current_matches_holder .dolphin_version .dolphin_logo {
  display: none;
}
.current_matches_holder .dolphin_version {
  display: inline-block;
  padding: 4px 0 4px 0;
  transition: 0.4s;
  margin-bottom: 6px;
}
.current_matches_holder .dolphin_version:hover, .current_matches_holder .dolphin_version:focus {
  transition: 0.4s;
}
.current_matches_holder .dolphin_version .dolphin_logo {
  height: 30px;
}
.current_matches_holder .dolphin_version .dolphin_logo.square_logo {
  height: 40px;
  margin-right: 4px;
}
.current_matches_holder .game_information {
  margin: 12px 0;
  display: block;
  text-align: center;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.current_matches_holder .game_information .match_count {
  justify-content: space-around;
}
.current_matches_holder .game_information .match_count img {
  max-width: 28%;
  max-height: 22px;
}
.current_matches_holder .replays .replay_preview {
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #3A4059;
}
.current_matches_holder .replays .replay_preview .accept, .current_matches_holder .replays .replay_preview .decline {
  max-height: 64px;
}
.current_matches_holder .replays .replay_preview .accept {
  order: 0;
}
.current_matches_holder .replays .replay_preview .decline {
  order: 100;
}
.current_matches_holder .replays .replay_preview .when {
  display: block;
}
.current_matches_holder .replays .replay_preview .replay_stage {
  display: inline-flex;
  flex-direction: column;
  text-align: left;
}
.current_matches_holder .replays .replay_preview .replay_stage .stage_container {
  border-radius: 8px;
}
.current_matches_holder .replays .replay_preview:last-child {
  border-bottom: none;
}
.current_matches_holder .replays .replay_preview .player {
  margin: 0 4px;
}
.current_matches_holder .replays .replay_preview .players {
  flex: 1;
}
.current_matches_holder .replays .replay_preview .save_errors {
  flex: 1 0 100%;
  order: 101;
}
.current_matches_holder .replays .replay_preview .warning {
  color: #FF0;
}
.current_matches_holder .replays .replay_preview .confirmations {
  flex: 1 0 100%;
  text-align: left;
}
.current_matches_holder .replays .replay_preview .stage_container {
  width: auto;
  margin-right: 8px;
}
.current_matches_holder .replays .replay_preview .kill_order, .current_matches_holder .replays .replay_preview .detailed_stats {
  display: none;
}

.dot_spaced > span {
  display: inline-flex;
}
.dot_spaced > span span {
  margin: 0 3px;
}
.dot_spaced > span:after {
  content: "●";
  color: white;
  margin-left: 16px;
  margin-right: 16px;
}
.dot_spaced > span:last-child:after {
  content: "";
  margin-left: 0;
  margin-right: 0;
}

.match_count {
  display: flex;
  text-align: center;
  margin: 4px 0 8px 0;
  align-items: center;
  justify-content: center;
}
.match_count span, .match_count img {
  margin-right: 4px;
  font-size: 17px;
}

.current_match_container.no_game_picks .picks_container {
  display: none;
}
.current_match_container.no_game_picks .match_playing_stuff {
  display: none;
}

.current_match_container.ended .match_playing_stuff, .current_match_container.rock_paper_scissors_mode .match_playing_stuff {
  display: flex;
}

.choose_character .stage_selected {
  float: left;
  text-align: left;
}

.stage_selected .stage_name {
  display: block;
  font-size: 18px;
}

.choose_character .selected_characters {
  display: inline-flex;
  float: right;
}

.stage_stuff {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.stage_stuff .stage_selected {
  display: flex;
  flex-direction: column;
}
.stage_stuff .stage_selected .stage_name {
  order: 1;
}
.stage_stuff .stage_selected .stage_image_container {
  order: 2;
}
.stage_stuff .stage_selected .stage_holder {
  border: none;
  max-height: 68px;
  height: auto;
  width: auto;
  border-radius: 4px;
}
.stage_stuff .stage_hazard_information {
  font-size: 11px;
  color: #0F0;
}

.stage_picks {
  display: flex;
}

.selected_characters {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.current_match_container.play_match .picks_container .play_match {
  display: block;
}
.current_match_container.play_match .picks_container .stage_selected {
  flex-direction: row;
  width: 100%;
  align-items: flex-end;
}
.current_match_container.play_match .picks_container .stage_selected .stage_image_container {
  text-align: left;
  order: 1;
}
.current_match_container.play_match .picks_container .stage_selected .stage_name {
  order: 2;
  align-self: flex-end;
}
.current_match_container.play_match .picks_container .selected_characters {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex: 1;
}
.current_match_container.play_match .picks_container .click_winner_heading {
  display: block;
  margin-top: 0;
}

.current_match_container.choose_stage .player_character, .current_match_container.wait_for_choose_stage .player_character {
  display: none;
}

.player_character.empty, .stage_selected.empty {
  display: none;
}

.current_match_container.play_match .picks_container .stage_selected.empty {
  display: none;
}

.current_match_container.character_pick_main .stage_picks {
  display: none;
}

.current_match_container.wait_for_strike .waiting_for_stage_strike_heading,
.current_match_container.strike_stage .strike_a_stage_heading,
.current_match_container.wait_for_choose_stage .waiting_for_stage_pick,
.current_match_container.choose_stage .choose_a_stage_to_play,
.current_match_container.wait_for_choose_character .waiting_for_character_pick_heading,
.current_match_container.choose_character .choose_character_heading,
.current_match_container.blind_choose .blind_pick_heading,
.current_match_container.blind_wait .waiting_for_other_player_blind_pick {
  display: block;
}

.current_match_container.rock_paper_scissors_mode .picks_container {
  display: none;
}

.current_match_container.spectating_match .character_picks,
.current_match_container.spectating_match .ranked_controls,
.current_match_container.spectating_match .picks_container .click_winner_heading {
  display: none;
}
.current_match_container.spectating_match .closing_x {
  display: block;
}

.character_picks .waiting_on {
  display: block;
  order: 1;
  width: 100%;
  text-align: center;
}

.character_picks.confirming {
  min-height: 232px;
  position: relative;
}
.character_picks.confirming .waiting_on {
  display: none;
}
.character_picks.confirming .character:not(.confirming) {
  display: none;
}
.character_picks.confirming .character.confirming {
  opacity: 1;
  margin: 0 auto;
}
.character_picks .less_picked_characters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.character_picks .waiting_on .username, .character_picks .waiting_on .subscribe_link, .character_picks .waiting_on .user_info .subscription_streak, .user_info .character_picks .waiting_on .subscription_streak, .character_picks .waiting_on .subscriber_glowish {
  display: inline-block;
}
.character_picks .waiting_on .username:before, .character_picks .waiting_on .subscribe_link:before, .character_picks .waiting_on .user_info .subscription_streak:before, .user_info .character_picks .waiting_on .subscription_streak:before, .character_picks .waiting_on .subscriber_glowish:before {
  content: "Waiting for";
  color: white;
  margin-right: 4px;
  margin-left: 16px;
}
.character_picks .waiting_on .username:not(:last-child):after, .character_picks .waiting_on .subscribe_link:not(:last-child):after, .character_picks .waiting_on .user_info .subscription_streak:not(:last-child):after, .user_info .character_picks .waiting_on .subscription_streak:not(:last-child):after, .character_picks .waiting_on .subscriber_glowish:not(:last-child):after {
  content: "●";
  color: white;
  margin-left: 16px;
}

.current_match_container.play_match .selected_characters .player_character:hover .character_name {
  transition: 0.3s;
  color: white;
}
.current_match_container.play_match .selected_characters .player_character:hover .character_holder:hover {
  transition: 0.3s;
  border-color: #0F0;
  transform: scale(1.1);
}

.selected_characters .player_character.disabled, .selected_characters .request_list .challenge_request_hmm.removing button.player_character, .request_list .challenge_request_hmm.removing .selected_characters button.player_character {
  opacity: 0.5;
  border-radius: 4px;
}

.picks_container .selection_made_loading, .picks_container .selected_character, .picks_container .cancel_selection {
  display: none;
}

.current_match_container.other_reported_win .other_team .other_report_pick {
  display: block;
}

.current_match_container.self_reported_win .my_team .my_report_pick {
  display: block;
}

.current_match_container.other_reported_loss .my_team .other_report_pick {
  display: block;
}

.current_match_container.self_reported_loss .other_team .my_report_pick {
  display: block;
}

.current_instructions .click_winner_heading {
  text-align: center;
}

.current_instructions .selected_characters .character_name {
  display: block;
}

.character_picks.confirming .cancel_selection, .stage_picks.confirming .cancel_selection {
  position: relative;
  top: 124px;
  display: block;
}
.character_picks.confirming .selected_character, .stage_picks.confirming .selected_character {
  display: block;
  text-align: center;
  border-bottom: 2px solid #FFF;
  padding-bottom: 4px;
  width: 60%;
  margin: 10px auto;
}
.character_picks.confirming .selection_made_loading, .stage_picks.confirming .selection_made_loading {
  display: block;
  position: relative;
  margin: 0 auto;
}

.character_picks .character.waiting_active {
  display: inline-block;
  opacity: 0.8;
}

.picks_container .character_picks:not(.confirming) .character.clickable:hover, .picks_container .character_picks:not(.confirming) #main_chat_area .chat_room_title_banner .character.chat_option:hover, #main_chat_area .chat_room_title_banner .picks_container .character_picks:not(.confirming) .character.chat_option:hover, .picks_container .character_picks:not(.confirming) .dolphin_launcher_waiting .character.dolphin_user:hover, .dolphin_launcher_waiting .picks_container .character_picks:not(.confirming) .character.dolphin_user:hover,
.picks_container .stage.clickable:hover,
.picks_container #main_chat_area .chat_room_title_banner .stage.chat_option:hover,
#main_chat_area .chat_room_title_banner .picks_container .stage.chat_option:hover,
.picks_container .dolphin_launcher_waiting .stage.dolphin_user:hover,
.dolphin_launcher_waiting .picks_container .stage.dolphin_user:hover {
  color: black;
  transition: 0.4s;
  transform: scale(1.1);
}

.picks_container .stage, .picks_container .character {
  margin: 2px 6px 3px 6px;
}
.picks_container .stage:last-child, .picks_container .character:last-child {
  margin-left: 0;
  margin-right: 0;
}

.picks_container .character.unavailable {
  cursor: not-allowed;
  opacity: 0.3;
}

.picks_container .stage {
  height: 56px;
  width: 76px;
  background-size: cover;
  background-position: center center;
}

.picks_container .stage.active {
  display: inline-block;
  margin: 6px 6px;
  overflow: visible;
}
.picks_container .stage_pick_holder {
  display: inline-block;
  position: relative;
  margin: 2px 6px 3px 6px;
}
.picks_container .stage_pick_holder .striker_team {
  font-size: 17px;
  transform: rotate(-20deg);
  position: absolute;
  white-space: nowrap;
  display: flex;
  width: 100%;
  height: 80%;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.stage.player_selected, .stage.opponent_selected, .stage.pending_selection,
.stage.pending_selection:hover {
  opacity: 0.4;
}

.picks_container .selected_characters .my_character .lock_character_secondary {
  display: flex;
}
.picks_container .selected_characters .team_characters:first-child .lock_character_secondary {
  justify-content: flex-start;
}
.picks_container .selected_characters .team_characters:last-child .lock_character_secondary {
  justify-content: flex-end;
}
.picks_container .selected_characters .team_characters {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.picks_container .selected_characters .team_characters:first-child {
  text-align: left;
  align-items: flex-start;
}
.picks_container .selected_characters .team_characters:first-child .reports {
  align-self: flex-start;
}
.picks_container .selected_characters .team_characters:last-child .reports {
  align-self: flex-end;
}
.picks_container .selected_characters .team_characters:last-child {
  text-align: right;
  align-self: flex-end;
  align-items: flex-end;
}
.picks_container .selected_characters .team_characters:last-child .player_character:not(.empty) {
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.picks_container .selected_characters .characters_container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin: -4px;
}
.picks_container .selected_characters .player_character {
  margin: 4px;
}
.picks_container .selected_characters .lock_character_secondary {
  display: none;
}

.current_match_container.best_of_0_games .selected_characters .my_character .lock_character_secondary {
  display: none;
}

.picks_container .player_character .username, .picks_container .player_character .subscribe_link, .picks_container .player_character .user_info .subscription_streak, .user_info .picks_container .player_character .subscription_streak, .picks_container .player_character .subscriber_glowish {
  font-size: 17px;
}

.character, .stage, .character_holder, .stage_holder {
  font-size: 9pt;
  border-radius: 0;
  padding: 2px;
  overflow: hidden;
  display: inline-block;
  border: 1px solid white;
}

.picks_container .strikes_remaining_holder {
  display: block;
}

.opponent_selected {
  border-color: red;
}

.player_selected {
  border-color: #0F0;
}

.ranking_character_link.inactive .character {
  opacity: 0.5;
}

.ranking_character_link.active .character,
.victorious .character {
  border-color: yellow;
}

.defeated .character {
  opacity: 0.5;
}

.victorious .username, .victorious .subscribe_link, .victorious .user_info .subscription_streak, .user_info .victorious .subscription_streak, .victorious .subscriber_glowish {
  color: yellow;
  text-shadow: 1px 1px 1px black;
}

.defeated .username, .defeated .subscribe_link, .defeated .user_info .subscription_streak, .user_info .defeated .subscription_streak, .defeated .subscriber_glowish {
  color: white;
  opacity: 0.8;
}

.picks_container {
  display: flex;
  flex-direction: column;
  padding: 4px;
  border-radius: 6px;
  flex: 1;
}

.game_number_heading {
  border-bottom: 1px solid white;
  display: flex;
  flex-direction: row;
}

.confirm_character_content {
  text-align: center;
}

.confirm_character_content .character_holder {
  display: inline-block;
}

.confirm_character_content .cancel {
  background-color: #D10000;
  float: left;
}

.confirm_character_content .confirm {
  background-color: green;
}

.character {
  width: 46px;
  height: 33px;
}
.character .character_image {
  height: 100%;
}

.character_holder {
  width: 92px;
  height: 66px;
}

.play_match .character_holder,
.selected_characters .character_holder {
  width: 66px;
  height: 42px;
  overflow: visible;
}
.play_match .character_holder .random_character_image,
.selected_characters .character_holder .random_character_image {
  position: absolute;
  right: -8px;
  bottom: -6px;
  height: 50%;
  background-color: #FFF;
  border-radius: 4px;
  border: 1px solid #000;
}

.current_match_container.play_match.auto_reported .click_winner_heading {
  display: none;
}
.current_match_container.play_match.auto_reported .play_match.heading {
  display: none;
}
.current_match_container.play_match.auto_reported .stage_name {
  font-size: 18px;
}
.current_match_container.play_match.auto_reported .character_holder {
  cursor: default;
}

.stage {
  width: 44px;
  height: 44px;
}
.stage .stage_image_tag {
  width: 100%;
  height: 100%;
}

.editable {
  font-size: 14px;
}

.editable-holder .editing {
  display: none;
}
.editable-holder button.save {
  display: none;
}

.editable:hover, a .editable.location:hover, .link .editable.location:hover {
  cursor: pointer;
  color: #05D8FF;
}

.stage_holder {
  width: 66px;
  height: 66px;
}

.character_holder, .stage_holder {
  display: block;
  position: relative;
}

.stage, .character, .character_holder, .stage_holder {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}

.random_character_holder {
  display: none;
  position: absolute;
  border: 1px solid #000;
  width: 60%;
  height: 60%;
  background-size: 100% 100%;
  border-radius: 4px;
  top: 4px;
  left: 4px;
}

.has_random_selection .random_character_holder {
  display: block;
}

.stage .name, .character .name {
  display: none;
}

.measureer {
  display: inline;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.chat_notification {
  color: var(--ui-chat-notice);
  font-style: italic;
  display: block;
}
.chat_notification.direct_chat_notification > span:not(.username):not(.subscribe_link):not(.subscriber_glowish) {
  color: var(--ui-chat-link);
}

.date_change_notification {
  color: var(--ui-chat-info);
  font-size: 16px;
  border-radius: 4px;
  justify-content: center;
  text-align: center;
  margin: 0 16px;
  border-radius: 16px;
}

.date_change_notification .chat_notification_message {
  padding: 0;
}

.lag_test_notification .time_holder {
  display: none;
}

.lag_test_notification {
  text-align: center;
  color: #05D8FF;
}

.chat_notification .chat_notification_title {
  color: red;
  font-style: normal;
}

.chat_notification.chat_notification_type_normal {
  color: var(--ui-chat-notice);
}

.chat_notification.chat_notification_type_alert {
  color: var(--ui-chat-info);
}

.chat_notification.no_time .time_holder {
  display: none;
}

.host_code_notice_container .no_launcher {
  display: block;
}
.host_code_notice_container .has_launcher {
  display: none;
}
.host_code_notice_container.has_launcher .no_launcher {
  display: none;
}
.host_code_notice_container.has_launcher .has_launcher {
  display: block;
}
.host_code_notice_container input[name=host_code] {
  margin-bottom: 0;
}
.host_code_notice_container input[name=host_code]:disabled {
  font-style: italic;
  color: gray;
}
.host_code_notice_container .circle-loader-holder {
  display: none;
  top: 0;
  right: 0;
}
.host_code_notice_container .confirmation {
  display: none;
}
.host_code_notice_container .tiny_text {
  font-size: 13px;
}

.host_code_notice_holder.saving .circle-loader-holder {
  display: block;
}

.current_match .host_code input[type=text] {
  border-radius: 2px 2px 0 0;
  margin-bottom: 0;
  border-bottom: none;
  width: 80px;
  font-size: 14px;
  padding: 0 4px;
  border-bottom: 1px solid transparent;
}

.current_match .host_coder .host_code_text {
  display: none;
}

.current_match .host_code_popup input {
  margin: 0;
  margin-top: -3px;
}
.current_match .host_code.updating .host_coder_user, .current_match .host_code.updating .hosted_by {
  color: gray;
  font-style: italic;
}

#subtree-container {
  position: absolute;
  top: 0;
  left: 0;
}

.host_code_notification {
  color: #05D8FF;
  font-style: normal;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.host_code_notification.chat_notification_message {
  display: block;
}
.host_code_notification.following {
  position: absolute;
  background-color: #000;
  padding: 8px 8px;
  border-radius: 2px;
  border: 1px solid #3A4059;
  cursor: pointer;
  width: 240px;
}
.host_code_notification .chat_notification_message {
  border-radius: 4px;
  padding: 2px 4px;
}
.host_code_notification:hover .chat_notification_message {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}
.host_code_notification .time_holder {
  display: none;
}
.host_code_notification .delete_holder {
  display: none;
}
.host_code_notification .inline_host_code {
  color: #EC8E40;
  cursor: pointer;
}
.host_code_notification .inline_host_code:hover {
  color: #E27215;
}
.host_code_notification .hint {
  font-size: 11px;
  margin-left: 8px;
}
.host_code_notification.disabled, .request_list .challenge_request_hmm.removing button.host_code_notification {
  transition: 0.4s;
  filter: grayscale(100%);
  pointer-events: none;
}
.host_code_notification.copied {
  pointer-events: none;
  opacity: 0.2;
  transition: opacity 0.9s;
}
.host_code_notification.copied .copied_to_clipboard {
  display: block;
  color: #0F0;
}

.chat_message.chat_restricted_notification {
  color: #FF3434;
  font-size: 15px;
}

.chat_message.chat_restricted_notification:hover {
  color: #05D8FF;
  cursor: pointer;
}

.current_match .host_code {
  display: flex;
}
.current_match .host_code .host_code_popup {
  margin-bottom: 0;
  display: inline-flex;
  height: 26px;
  padding-left: 24px;
  white-space: nowrap;
  flex: 1;
  justify-content: flex-end;
  justify-self: right;
}
.current_match .host_code .host_code_popup .input-toggle {
  margin-right: 4px;
}
.current_match .host_code .host_code_popup .copy_paste_option_label {
  font-size: 14px;
  margin-left: 8px;
}
.current_match .host_code .host_coder {
  display: none;
}
.current_match .host_code .host_code_button_group {
  display: inline-table;
  white-space: nowrap;
  margin-right: 8px;
}
.current_match .host_code .host_code_button_group input, .current_match .host_code .host_code_button_group button {
  display: table-cell;
  height: 26px;
  margin: 0;
  vertical-align: top;
}
.current_match .host_code .host_code_button_group input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.current_match .host_code .host_code_button_group button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.current_match .host_code .host_coder {
  display: inline-flex;
  height: 26px;
  vertical-align: middle;
  white-space: nowrap;
  align-items: center;
  transition: opacity 0.3s;
}
.current_match .host_code .host_coder.dimmed {
  opacity: 0.4;
}
.current_match .host_code .host_coder .inline_host_code {
  color: #F66;
  font-size: 16px;
  user-select: auto;
}
.current_match .host_code .host_coder:hover {
  opacity: 1;
  cursor: pointer;
  color: #0F0;
}
.current_match .host_code .host_coder:hover .username, .current_match .host_code .host_coder:hover .subscribe_link, .current_match .host_code .host_coder:hover .user_info .subscription_streak, .user_info .current_match .host_code .host_coder:hover .subscription_streak, .current_match .host_code .host_coder:hover .subscriber_glowish {
  color: #0F0;
}
.current_match .host_code .host_coder:hover .inline_host_code {
  color: #0F0;
}
.current_match .host_code .host_coder.copied {
  pointer-events: none;
  opacity: 0.7;
  transition: opacity 0.6s;
}
.current_match .host_code .host_coder.copied .copied_to_clipboard {
  display: block;
  color: #0F0;
}
.current_match .host_code .host_coder.copied .copied_to_clipboard .host_code_copied {
  color: #F66;
}
.current_match .host_code .host_coder > span:not(:first-child) {
  margin-left: 4px;
}

.chat_name_overlay {
  position: absolute;
  top: 5px;
  margin: 0 25% 0 25%;
  width: 50%;
  background-color: #EA5849;
  text-align: center;
  color: black;
  z-index: 2;
  border-radius: 2px;
  font-size: 19px;
  padding: 4px 0;
  opacity: 1;
  transition: 0.4s;
  box-shadow: 1px 1px 1px black;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chat_name_overlay.done {
  opacity: 0;
  transition: 0.8s;
}

.disputed_match .time {
  display: inline;
  width: auto;
}

.stage_picks, .character_picks:not(.confirming) {
  padding: 8px 0 8px 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.game .character {
  display: block;
}

.half_container {
  width: 50%;
  padding-right: 10px;
  float: left;
}

#dispute_side {
  display: none;
}

#dashboard .mid-side-container {
  margin-top: 0;
}

.mid-side-container {
  display: flex;
  flex: 1 1 0;
  overflow: hidden;
}

#user_list_float {
  flex: 0;
  min-height: 0;
  height: auto;
  margin-top: 0;
}
#user_list_float .list_container {
  height: 100%;
}

#user_list_side {
  min-width: 130px;
  display: flex;
  flex-direction: column;
  width: 134px;
  padding-right: 0;
  border: 1px solid #3A4059;
  border-right-color: transparent;
  order: 0;
  border-bottom-left-radius: 4px;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chat_room_user_list, .user_lists ul,
.user_lists .list_container {
  overflow-y: auto;
  overflow-x: hidden;
  border-right: none;
  min-height: 0;
  flex: 1;
}
.chat_room_user_list.loading::before, .user_lists ul.loading::before,
.user_lists .list_container.loading::before {
  position: absolute;
  content: "Grabbing...";
  font-size: 15px;
  width: 100%;
  text-align: center;
  top: 40%;
}

.faqs .faq {
  margin-bottom: 8px;
}

.faqs .faq .question {
  font-size: 16px;
}

.ceo-flair {
  height: 16px;
}

/** Template elements are hidden by default */
.template {
  display: none !important;
}

.selectable, .username, .subscribe_link, .user_info .subscription_streak, .subscriber_glowish {
  cursor: pointer;
}

.linkable {
  color: #05D8FF;
}

.linkable:hover, a .linkable.location:hover, .link .linkable.location:hover {
  color: black;
}

.selectable:hover, a .selectable.location:hover, .link .selectable.location:hover, .username:not(button .username):not(button .subscribe_link):not(button .user_info .subscription_streak):not(.user_info button .subscription_streak):not(button .subscriber_glowish):hover, .subscribe_link:not(button .username):not(button .subscribe_link):not(button .user_info .subscription_streak):not(.user_info button .subscription_streak):not(button .subscriber_glowish):hover, .user_info .subscription_streak:not(button .username):not(button .subscribe_link):not(button .user_info .subscription_streak):not(.user_info button .subscription_streak):not(button .subscriber_glowish):hover, .subscriber_glowish:not(button .username):not(button .subscribe_link):not(button .user_info .subscription_streak):not(.user_info button .subscription_streak):not(button .subscriber_glowish):hover {
  color: var(--ui-name);
}

.username, .subscribe_link, .user_info .subscription_streak, .subscriber_glowish, .chat_message.me_texted .message {
  color: var(--ui-name);
}

.username, .subscribe_link, .user_info .subscription_streak, .subscriber_glowish {
  text-shadow: var(--ui-name-shadow);
  position: relative;
}
.username.banned, .banned.subscribe_link, .user_info .banned.subscription_streak, .banned.subscriber_glowish {
  text-decoration: line-through;
}

.within-24hours {
  background-color: gold;
}

.version {
  font-size: 10px;
}

.normal_container {
  text-align: center;
  border: none !important;
  background: #979797;
  list-style: none;
  padding: 18px;
  margin: 0px auto;
  color: #1E1E1E;
  border-radius: 6px;
}

.site_update_list li {
  margin-bottom: 4px;
  list-style: disc inside none;
}

.distance_severity {
  text-shadow: var(--ui-distance-shadow);
}

.distance_severity_1 {
  color: var(--ui-distance-1);
}
.distance_severity_1select {
  border-color: #00FFE7;
}
.distance_severity_1.fc-event {
  background-color: #00FFE7;
  color: black;
}

.distance_severity_2 {
  color: var(--ui-distance-2);
}
.distance_severity_2.form-control, .birthday .birthday-picker select.distance_severity_2, body.database_setup input.distance_severity_2[type=text] {
  border-color: #EFFF00;
}
.distance_severity_2.fc-event {
  background-color: #EFFF00;
  color: black;
}

.distance_severity_3 {
  color: var(--ui-distance-3);
}
.distance_severity_3.form-control, .birthday .birthday-picker select.distance_severity_3, body.database_setup input.distance_severity_3[type=text] {
  border-color: #FFB800;
}
.distance_severity_3.fc-event {
  background-color: #FFB800;
  color: black;
}

.distance_severity_4 {
  color: var(--ui-distance-4);
}
.distance_severity_4.form-control, .birthday .birthday-picker select.distance_severity_4, body.database_setup input.distance_severity_4[type=text] {
  border-color: #FF6B00;
}
.distance_severity_4.fc-event {
  background-color: #FF6B00;
  color: white;
}

.distance_severity_5 {
  color: var(--ui-distance-5);
}
.distance_severity_5.form-control, .birthday .birthday-picker select.distance_severity_5, body.database_setup input.distance_severity_5[type=text] {
  border-color: red;
}
.distance_severity_5.fc-event {
  background-color: red;
  color: white;
}

.wall_post footer {
  background-color: rgba(0, 0, 0, 0);
  border-top: none;
}

textarea.elastic {
  min-height: 0;
  resize: none;
}

.reply_to_post .submit_comment {
  margin-bottom: 0;
}

.reply_to_post .submit_container {
  display: flex;
}
.reply_to_post .submit_container .far {
  flex: 1;
  text-align: right;
}

.clickable, #main_chat_area .chat_room_title_banner .chat_option, .dolphin_launcher_waiting .dolphin_user {
  cursor: pointer;
}

.hoverable:hover, a .hoverable.location:hover, .link .hoverable.location:hover {
  color: #05D8FF;
}

.match-quick-summary {
  display: none;
}

#page_player .tab-content {
  min-height: 600px;
}

#open_challenges .location {
  font-size: 11px;
}

.open_challenges_container .heading, .awaiting_replies_container .heading {
  display: none;
}

#open_challenges .game_mini_indicator,
.pending_reply .game_mini_indicator {
  background-size: cover;
  cursor: default;
}

#open_challenges .game_name {
  display: none;
}

.text_info .characters .character {
  margin-right: 1px;
}

.set_location_capture {
  color: white;
}

.new_accounts, .new_user_info {
  margin-top: 4px;
}
.new_accounts .infraction_view .edit_infraction_link, .new_user_info .infraction_view .edit_infraction_link {
  display: none;
}
.new_accounts .infraction_view, .new_user_info .infraction_view {
  margin-left: 22px;
  font-size: 11px;
  margin-right: 8px;
  margin-bottom: -1px;
}
.new_accounts .infraction_view .panel-footer, .new_user_info .infraction_view .panel-footer {
  display: none;
}

.error_page .heading, .error_page h3, #page_offline .heading, #page_offline h3 {
  text-align: center;
}
.error_page .header_content, #page_offline .header_content {
  display: none;
}
.error_page .amazon, #page_offline .amazon {
  display: none;
}

.infraction_view:not(.active) {
  opacity: 0.6;
}

.infraction_view .date_holder {
  font-size: 12px;
  font-style: normal;
  text-align: right;
  display: flex;
}
.infraction_view .mod_stuff {
  margin-left: auto;
  text-align: right;
}
.infraction_view .assigned_by, .infraction_view .assigned_to {
  font-size: 12px;
}
.infraction_view .panel-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.infraction_view .game_image img {
  max-height: 17px;
}
.infraction_view .match_description_container {
  display: flex;
}
.infraction_view .infraction_update_items > div {
  flex: 1 0 50%;
}
.infraction_view .panel-footer > div {
  flex: 1 0 50%;
}
.infraction_view .infraction_update_items {
  display: flex;
  width: 100%;
  flex: 1 0 100% !important;
  margin-top: 3px;
  justify-content: space-between;
}
.infraction_view .infraction_active {
  display: flex;
}
.infraction_view .infraction_update_items form.active .not_active {
  display: none;
}
.infraction_view .infraction_update_items form:not(.active) .active {
  display: none;
}
.infraction_view .edit_infraction_link {
  float: right;
}
.infraction_view .messages {
  display: flex;
}
.infraction_view .messages > div {
  flex: 1 0 50%;
}
.infraction_view .messages .infraction_public_message {
  margin-left: 4px;
}
.infraction_view .infraction_message.message {
  white-space: pre-wrap;
  overflow-y: auto;
  max-height: 115px;
  display: block;
}
.infraction_view .best_of_small {
  display: none;
}

.infraction .message, .wall_post .wall_message {
  display: block;
  margin-top: 12px;
  white-space: pre-line;
  overflow: hidden;
  word-wrap: break-word;
}

.infraction .message {
  overflow-y: auto;
}

.infraction .post_time, .wall_post .post_time {
  display: block;
}

.wall_post .post_time {
  display: flex;
  flex-direction: row;
}
.wall_post .post_time .the_rest {
  display: flex;
  flex-direction: column;
  text-align: right;
  margin-left: auto;
}

/*#page_player .user_info{display:table; margin:0 auto; display:block; position:relative; width:50%; min-height:600px;}*/
.login-description {
  text-align: center;
}

.fb-comments button {
  line-height: initial;
}

.hype-font {
  font-family: "edo";
}

body .login-button {
  margin-bottom: 20px;
}

.login-buttons a, .login-buttons a .location:hover, a .login-buttons .location:hover, .login-buttons .link .location:hover, .link .login-buttons .location:hover, .login-buttons .link {
  padding: 32px 16px;
}

.welcome-text {
  font-size: 16px;
}
.welcome-text h1 {
  text-align: center;
  margin-top: 0;
  font-size: 32px;
}
.welcome-text ul {
  text-align: center;
}

.ui-datepicker {
  z-index: 1102 !important;
}

/* --------------------------
	settings
----------------------------- */
.play_match_container {
  color: #FFF;
  border-radius: 2px;
}

.matches {
  margin-right: -55px;
}

.options, .select_made_options {
  display: inline-block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -5px;
  height: 54px;
  text-align: center;
  line-height: 54px;
  white-space: nowrap;
}
.options button, .select_made_options button {
  border: 1px solid transparent;
  margin: 0 2px;
}

.select_made_options button.btn[disabled], .select_made_options body.database_setup button[disabled], body.database_setup .select_made_options button[disabled], .select_made_options button[disabled].btn-xs, .select_made_options .possible_aka_listings button[disabled], .possible_aka_listings .select_made_options button[disabled], .select_made_options .user_main_info_area .mod_options form button[disabled], .user_main_info_area .mod_options form .select_made_options button[disabled], .select_made_options .stage_selectable .stage_options button[disabled], .stage_selectable .stage_options .select_made_options button[disabled], .select_made_options button[disabled].btn-sm, .select_made_options .request_list .challenge_request_hmm.removing button[disabled], .request_list .challenge_request_hmm.removing .select_made_options button[disabled] {
  border: 1px solid white;
  background-color: transparent;
}

.option {
  font-family: "edo";
  text-align: center;
  line-height: 54px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 258px;
  height: 54px;
  background: url("../../images/buttons/setframesmall1.png") no-repeat 0px;
  transition: all 0.3s;
  font-size: 42px;
  padding: 0;
  margin: 0;
  border: none;
}

.option label {
  color: black;
}

.option:hover, a .option.location:hover, .link .option.location:hover {
  background: url("../../images/buttons/setframesmall.png") no-repeat 0px;
}

.option.selected {
  background: url("../../images/buttons/setframesmall2.png") no-repeat 0px;
}

.option label {
  display: block;
  height: 54px;
  cursor: pointer;
}

.request_match_option.game {
  cursor: pointer;
}

#play_options_loading {
  display: none;
  background-color: transparent;
  border-radius: 4px;
  position: absolute;
  width: 100%;
  top: 4px;
  padding: 8px 0;
  pointer-events: none;
}

#play_options_loading .circle_loader {
  stroke: white;
}

#play_options_loading.active {
  display: block;
}

#matchmaking_popup.game_selection .game_selection,
#matchmaking_popup.team_size .team_size,
#matchmaking_popup.ranked_selection .game_type,
#matchmaking_popup.match_count .games_to_play {
  display: none;
  transition: 0.35s;
  visibility: visible;
  opacity: 1;
  height: auto;
}

#matchmaking_popup:not(.game_selection) .match_shortcuts {
  display: none;
}

#matchmaking_popup .match_shortcuts {
  margin-top: 30px;
  text-align: left;
}

.match_shortcut .game_image {
  display: block;
}

#matchmaking_popup #matchmaking_popup_error_message {
  display: none;
  color: #F00;
  font-size: 16px;
  margin-top: 4px;
}
#matchmaking_popup #matchmaking_popup_loading {
  display: none;
  margin-top: 13px;
  position: absolute;
  top: 70px;
  left: 43%;
}
#matchmaking_popup #matchmaking_popup_loading .circle-loader {
  stroke: #05D8FF;
}
#matchmaking_popup #matchmaking_popup_loading.active {
  display: block;
}
#matchmaking_popup h2 {
  font-size: 24px;
  margin: 0;
}
#matchmaking_popup #matchmaking_breadcrumbs {
  font-size: 19px;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 10px;
  background-color: transparent;
}
#matchmaking_popup .team_size, #matchmaking_popup .games_to_play, #matchmaking_popup .game_selection {
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.15s ease 0.15s;
  padding: 0;
}
#matchmaking_popup .games_to_play.ranked_selected .request_match_option:not(.ranked) {
  display: none;
}
#matchmaking_popup #matchmaking_breadcrumbs li {
  display: none;
  color: white;
}
#matchmaking_popup #matchmaking_breadcrumbs li.active, #matchmaking_popup #matchmaking_breadcrumbs li.finished {
  display: inline;
}
#matchmaking_popup #matchmaking_breadcrumbs li.active .default {
  display: inline;
}
#matchmaking_popup #matchmaking_breadcrumbs .value {
  display: none;
  color: white;
}
#matchmaking_popup #matchmaking_breadcrumbs .default {
  display: inline;
}
#matchmaking_popup #matchmaking_breadcrumbs li.finished .default {
  display: none;
}
#matchmaking_popup #matchmaking_breadcrumbs li.finished .value {
  display: inline;
}
#matchmaking_popup #matchmaking_breadcrumbs li {
  padding: 8px 12px;
  border-radius: 10px;
  white-space: nowrap;
}
#matchmaking_popup #matchmaking_breadcrumbs li:not(.active):hover {
  cursor: pointer;
  color: white;
  background-color: #EC8E40;
}
#matchmaking_popup .match_shortcut {
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  width: 32%;
  max-width: 150px;
  min-width: 120px;
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 2px;
  font-size: 12px;
  margin-bottom: 7px;
}
#matchmaking_popup #matchmaking_breadcrumbs > li + li:before {
  content: ">";
  margin-right: 18px;
  color: white;
  padding: 0;
}
#matchmaking_popup #matchmaking_breadcrumb .active {
  color: #777;
}

.matchmaking_popup .game_selection .request_match_option.game {
  display: inline-block;
  vertical-align: middle;
  margin: 6px 4px 6px 0;
  padding: 4px 20px;
  border-radius: 20px;
  min-width: 145px;
}
.matchmaking_popup .game_selection .request_match_option.game:hover, .matchmaking_popup .game_selection .request_match_option.game.selected {
  transition: 0.1s;
}
.matchmaking_popup .game_selection .game_name {
  display: block;
  font-size: 18px;
}

#bottom_dock {
  border-top: 1px solid transparent;
  display: none;
}

/* submit */
.sendchallenge {
  margin-left: 250px;
  border: none;
  width: 179px;
  height: 94px;
  background: url("../../images/buttons/play1.png") no-repeat;
  transition: all 0.3s;
}

.sendchallenge:hover, a .sendchallenge.location:hover, .link .sendchallenge.location:hover {
  border: none;
  width: 179px;
  height: 94px;
  background: url("../../images/buttons/play.png") no-repeat;
}

.sendchallenge:focus {
  border: none;
  outline: none;
  width: 179px;
  height: 94px;
  background: url("../../images/buttons/play2.png") no-repeat;
}

.pagination li.disabled a, .pagination li.disabled a .location:hover, a .pagination li.disabled .location:hover, .pagination li.disabled .link .location:hover, .link .pagination li.disabled .location:hover, .pagination li.disabled .link {
  color: #C7C7C7;
}

.inline-editable form {
  display: none;
}

.edit-button:hover, a .edit-button.location:hover, .link .edit-button.location:hover {
  cursor: pointer;
}

.popup_view .wrapper {
  margin-top: 0;
  min-height: 100%;
}

.most_used_character {
  display: inline-block;
  position: relative;
}

.most_used_character .character {
  display: inline-block;
  position: relative;
  overflow: visible;
}

.user_listed_mippy .username.sender, .user_listed_mippy .sender.subscribe_link, .user_listed_mippy .user_info .sender.subscription_streak, .user_info .user_listed_mippy .sender.subscription_streak, .user_listed_mippy .sender.subscriber_glowish, .username.user_listed_mippy, .user_listed_mippy.subscribe_link, .user_info .user_listed_mippy.subscription_streak, .user_listed_mippy.subscriber_glowish {
  color: #FF7FFF;
  text-shadow: 1px 1px 1px #000 !important;
}

.game_info .most_used_character .badge, .game_info .most_used_character .event_listing .best_of_small, .event_listing .game_info .most_used_character .best_of_small, .game_info .most_used_character .bug_category, .game_info .most_used_character .normal_list .no_tags.active, .normal_list .game_info .most_used_character .no_tags.active, .game_info .most_used_character .bug_summary_description .confirmed, .bug_summary_description .game_info .most_used_character .confirmed {
  border: 1px solid black;
  bottom: -6px;
  color: white;
}

.reported_match_behavior_warning {
  color: #05D8FF;
  font-size: 16px;
  font-style: italic;
  background-color: black;
  padding: 2px;
}

.reported_match_behavior_warning.toxic_radioactive {
  font-size: 20px;
}

.reported_match_behavior_warning.toxic_waste {
  font-size: 24px;
}

.game_info .popover-content {
  min-width: 180px;
}

.game_info .popover-content .title_value {
  text-align: center;
  font-size: 18px;
}

.percentage:after {
  content: "%";
}

.google-thing {
  margin-bottom: 12px;
}

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ":";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: ".";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}

.infractions_mod_page .game_image img {
  width: 32px;
}
.infractions_mod_page .shortcut_match_count, .infractions_mod_page .shortcut_team_size {
  display: none;
}

.shortcut_team_size {
  display: none;
}

.match_description_season_link {
  display: none;
}

.match_summary .match_description .season {
  display: block;
}

.css_item_container.active .css_item {
  border-color: gold;
}

.panel.has_screenshot .panel-heading, body.database_setup .has_screenshot.section_content .panel-heading, .panel.has_screenshot .panel-footer, body.database_setup .has_screenshot.section_content .panel-footer, .panel.has_screenshot ul, body.database_setup .has_screenshot.section_content ul {
  background-color: rgba(0, 0, 0, 0.62);
  color: white;
}
.panel.has_screenshot .panel-heading a, .panel.has_screenshot .panel-heading a .location:hover, a .panel.has_screenshot .panel-heading .location:hover, .panel.has_screenshot .panel-heading .link .location:hover, .link .panel.has_screenshot .panel-heading .location:hover, .panel.has_screenshot .panel-heading .link, body.database_setup .has_screenshot.section_content .panel-heading a, body.database_setup .has_screenshot.section_content .panel-heading a .location:hover, a body.database_setup .has_screenshot.section_content .panel-heading .location:hover, body.database_setup .has_screenshot.section_content .panel-heading .link .location:hover, .link body.database_setup .has_screenshot.section_content .panel-heading .location:hover, body.database_setup .has_screenshot.section_content .panel-heading .link {
  color: #EC8E40;
}
.panel.has_screenshot .panel-heading a:hover, .panel.has_screenshot .panel-heading a .location:hover, a .panel.has_screenshot .panel-heading .location:hover, .panel.has_screenshot .panel-heading .link .location:hover, .link .panel.has_screenshot .panel-heading .location:hover, .panel.has_screenshot .panel-heading .link:hover, body.database_setup .has_screenshot.section_content .panel-heading a:hover, body.database_setup .has_screenshot.section_content .panel-heading a .location:hover, a body.database_setup .has_screenshot.section_content .panel-heading .location:hover, body.database_setup .has_screenshot.section_content .panel-heading .link .location:hover, .link body.database_setup .has_screenshot.section_content .panel-heading .location:hover, body.database_setup .has_screenshot.section_content .panel-heading .link:hover {
  color: #E27215;
}

.number_of_players {
  color: #05D8FF;
  font-weight: bold;
}

.panel.has_screenshot .panel-footer, body.database_setup .has_screenshot.section_content .panel-footer {
  background-color: rgba(0, 0, 0, 0.62);
  color: white;
}

.panel.has_screenshot ul, body.database_setup .has_screenshot.section_content ul {
  color: white;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.62);
  border-radius: 4px;
}

.poll_option.voted_on .poll_question:after {
  content: "(You Voted On This)";
  font-size: 10px;
  margin-left: 10px;
}

.loading_display {
  text-align: center;
}

.time_holder.clickable:hover, #main_chat_area .chat_room_title_banner .time_holder.chat_option:hover, .dolphin_launcher_waiting .time_holder.dolphin_user:hover {
  color: #05D8FF;
}

.text-outlined, .struck_stages .username, .struck_stages .subscribe_link, .struck_stages .user_info .subscription_streak, .user_info .struck_stages .subscription_streak, .struck_stages .subscriber_glowish, .recent_match_searcher .game_type_holder .game_type_text, #recent_match_searchers .recent_match_searcher .location, #recent_match_searchers .recent_match_searcher .main_challenge_info_hover, .main_challenge_info .league, .countdown, .request_list .username, .request_list .subscribe_link, .request_list .user_info .subscription_streak, .user_info .request_list .subscription_streak, .request_list .subscriber_glowish {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

table tr.selected td {
  background-color: #1C1F2B;
  color: white;
}

#bottom_dock {
  pointer-events: none;
}

#bottom_dock #visible_stream {
  pointer-events: auto;
  cursor: default;
}

body .introjs-helperLayer {
  background-color: rgba(106, 106, 106, 0.9);
}

.__react_component_tooltip.__react_component_tooltip {
  background: var(--ui-tooltip-bg);
  color: var(--ui-tooltip-ink);
  border: 1px solid var(--ui-tooltip-line);
  border-radius: 6px;
  padding: 8px 12px;
  max-width: 320px;
  line-height: 1.4;
  box-shadow: var(--ui-tooltip-shadow);
}
.__react_component_tooltip.__react_component_tooltip.show {
  opacity: 1;
}
.__react_component_tooltip.__react_component_tooltip.place-top::after, .__react_component_tooltip.__react_component_tooltip.place-bottom::after, .__react_component_tooltip.__react_component_tooltip.place-left::after, .__react_component_tooltip.__react_component_tooltip.place-right::after {
  background-color: var(--ui-tooltip-bg);
  border-color: var(--ui-tooltip-line);
}
.__react_component_tooltip.__react_component_tooltip .chat_message {
  padding-left: 0;
  flex-direction: column;
}
.__react_component_tooltip.__react_component_tooltip .chat_message .time {
  width: auto;
  display: block;
}
.__react_component_tooltip.__react_component_tooltip.interact {
  pointer-events: all;
  opacity: 1;
}

.introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
  display: none;
}
.introjs-tooltipReferenceLayer .introjs-tooltiptext {
  font-size: 16px;
}

.character .badge, .character .event_listing .best_of_small, .event_listing .character .best_of_small, .character .bug_category, .character .normal_list .no_tags.active, .normal_list .character .no_tags.active, .character .bug_summary_description .confirmed, .bug_summary_description .character .confirmed {
  position: absolute;
  font-size: 10px;
  bottom: 2px;
  right: -5px;
  background-color: rgba(0, 0, 0, 0.45);
  color: white;
}
.character .percentage {
  user-select: none;
  pointer-events: none;
  background-color: white;
  color: black;
  bottom: -3px;
}

.character.character_dimensions_58_38, .character.character_for_game_project-plus {
  width: 58px;
  height: 38px;
}
.character.character_dimensions_58_38.small, .character.character_for_game_project-plus.small {
  width: 43px;
  height: 28px;
}
.character.character_dimensions_58_38.half, .character.character_for_game_project-plus.half {
  width: 29px;
  height: 19px;
}

.character.character_dimensions_0_0 {
  width: 60px;
  height: 60px;
}
.character.character_dimensions_0_0.small {
  width: 45px;
  height: 45px;
}
.character.character_dimensions_0_0.half {
  width: 30px;
  height: 30px;
}

.character.character_for_game_smash-64 {
  width: 46px;
  height: 43px;
}

.current_match_container.game_type_sm4sh-wii-u .character_holder .current_match_container.game_type_sm4sh-3ds .character_holder,
.current_match_container.game_type_rivals-of-aether .character_holder {
  width: 42px;
  height: 42px;
}

.confirm_character_content.game_type_sm4sh-wii-u .character_holder .confirm_character_content.game_type_sm4sh-3ds .character_holder {
  width: 78px;
  height: 78px;
}

.game_type_melee .character_holder, .game_type_project-plus .character_holder {
  width: 92px;
  height: 66px;
}

.game_type_smash-64 .character_holder {
  width: 66px;
  height: 60px;
}

.game_type_sm4sh-3ds .character_holder,
.game_type_sm4sh-wii-u .character_holder .game_type_super-smash-flash-2 .character_holder {
  width: 66px;
  height: 60px;
}

.character.character_for_game_super-smash-flash-2,
.character.character_for_game_sm4sh-3ds,
.character.character_for_game_sm4sh-wii-u,
.character.character_for_game_rivals-of-aether {
  width: 46px;
  height: 46px;
}

.game_type_sm4sh-wii-u .character_holder, .game_type_sm4sh-wii-u .selected_characters .character_holder,
.game_type_rivals-of-aether .character_holder, .game_type_rivals-of-aether .selected_characters .character_holder,
.game_type_sm4sh-3ds .character_holder, .game_type_sm4sh-3ds .selected_characters .character_holder {
  width: 66px;
  height: 66px;
}

.editable_characters {
  display: flex;
  flex-wrap: wrap;
}

.editable_character {
  margin: 4px;
  position: relative;
  padding: 4px;
  border: 1px solid transparent;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.editable_character .character {
  margin-bottom: 4px;
}
.editable_character .tap_instructions {
  display: flex;
  justify-content: center;
  font-size: 19px;
  position: absolute;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  width: 100%;
  color: #ff0;
  transform: rotate(-20deg);
}
.editable_character.tap_target {
  border: 1px dashed #3A4059;
}
.editable_character.tap_target:hover {
  background-color: #05D8FF;
  cursor: pointer;
}

.edit_tournament .add_tournament_container {
  display: flex;
  flex-wrap: wrap;
}
.edit_tournament .game_holder .game-logo {
  width: 64px;
}
.edit_tournament label.address {
  display: flex;
}
.edit_tournament label.address input {
  max-width: 256px;
  margin-right: 16px;
}
.edit_tournament label.address .map-canvas {
  width: 256px;
  height: 256px;
  flex: 1;
}

#tournament_events #tournament_type_filters button {
  padding: 3px 4px;
}
#tournament_events .tournament_list {
  display: none;
}
#tournament_events .available_games {
  display: flex;
  flex-wrap: wrap;
  margin: -8px -8px 8px -8px;
}
#tournament_events .available_games .game_filter {
  margin: 8px;
  border-bottom: 1px solid #FF3434;
  padding-bottom: 6px;
}
#tournament_events .available_games .game_filter.active {
  border-bottom-color: #0F0;
}
#tournament_events .available_games .game_filter.active img {
  opacity: 1;
}
#tournament_events .available_games .game_filter img {
  opacity: 0.6;
  cursor: pointer;
  max-height: 48px;
}

.marker_info.tournament_marker .card-image {
  display: none;
}
.marker_info.tournament_marker .card-content {
  padding-top: 16px;
}

.marker_title {
  color: black;
}

.modal-body .tournament_name .name {
  display: none;
}
.modal-body .tournament_name .card-edit {
  flex: 1;
  text-align: right;
}

.tournament.card {
  background-color: #12141C;
  border: 1px solid #3A4059;
}
.tournament.card:hover {
  border-color: #05D8FF;
}
.tournament.card .card-image img {
  max-width: 150px;
}
.tournament.card .card-content {
  padding: 8px;
}
.tournament.card .card-title {
  font-size: 16px;
  margin-bottom: 0;
}
.tournament.card .inline-map-marker {
  position: static;
  display: inline-block;
  margin: 0 8px 0 0;
}
.tournament.card .dates {
  display: flex;
}
.tournament.card .dates .day_of_the_week {
  color: #0F0;
}
.tournament.card .dates .start_date, .tournament.card .dates .end_date {
  color: #FF3434;
}
.tournament.card .dates .end_date:before {
  content: "-";
  margin-right: 6px;
}
.tournament.card .dates > p {
  margin-right: 8px;
}
.tournament.card .tournament_name {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.tournament.card .tournament_name .card-edit {
  margin-left: 16px;
}
.tournament.card .card-games img {
  margin-top: 6px;
  max-height: 34px;
}
.tournament.card .like_links button {
  border: 2px solid transparent;
}
.tournament.card button.active {
  border: 2px solid #EA5849;
  background-color: #0A6EBD;
}

.tournament_marker {
  color: black;
}

.tournament-card .panel-heading {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tournament-card .game_name {
  text-align: center;
  display: block;
}

.tournament-card .tournament_logo_url {
  max-width: 120px;
}

.tournament_listings h2 {
  text-align: center;
}

.tournament-card .panel-body, .tournament-card .bug_row {
  min-height: 160px;
}

.tournament-card .registration_required {
  margin-top: 14px;
  color: yellow;
}

.tournament-card .invite_only {
  font-size: 18px;
}

.tournament-card .game_info {
  float: right;
}

.tournament_listing {
  clear: both;
  margin-bottom: 4px;
}

.tournament_listing .btn, .tournament_listing body.database_setup input[type=submit], body.database_setup .tournament_listing input[type=submit], .tournament_listing body.database_setup button, body.database_setup .tournament_listing button, .tournament_listing .btn-xs, .tournament_listing .possible_aka_listings button, .possible_aka_listings .tournament_listing button, .tournament_listing .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .tournament_listing button, .tournament_listing .stage_selectable .stage_options button, .stage_selectable .stage_options .tournament_listing button, .tournament_listing .btn-sm, .tournament_listing .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .tournament_listing button {
  display: inline-block;
  margin-bottom: 0;
}

.tournament_listing .right_side_elements {
  float: right;
}

.view_bracket {
  font-size: 16px;
}

.tournament_details .tournament-card .game_info {
  float: none;
}
.tournament_details .tournament-card .game_name {
  display: none;
}

.activate_tournament .tournament_active, .activate_tournament .tournament_inactive {
  display: none;
}
.activate_tournament .approved, .activate_tournament .not_approved {
  display: none;
}

.activate_tournament.inactive .tournament_inactive {
  display: block;
}

.activate_tournament.active .tournament_active {
  display: block;
}

.activate_tournament.approved .approved {
  display: block;
}

.activate_tournament.not_approved .not_approved {
  display: block;
}

.entrant_list .no_entrants, .entrant_list .has_entrants {
  display: none;
}

.entrant_list.has_entrants .has_entrants {
  display: block;
}

.entrant_list ol {
  margin-left: 0;
}

.entrant_options {
  float: right;
}

.entrants .accept_entrant, .entrants .remove_entrant {
  display: none;
}

.entrant_list .entrant {
  display: block;
  padding: 10px 15px;
  border: 1px solid white;
}

.entrant .username, .entrant .subscribe_link, .entrant .user_info .subscription_streak, .user_info .entrant .subscription_streak, .entrant .subscriber_glowish {
  display: inline-block;
  min-width: 120px;
}

.entrants.is_admin #tournament_entrants .remove_entrant,
.entrants.is_admin #tournament_rejected_entrants .accept_entrant,
.entrants.is_admin #tournament_requesting_entrants .accept_entrant, .entrants.is_admin #tournament_entrants .remove_entrant,
.entrants.is_admin #tournament_invited_entrants .remove_entrant {
  display: inline-block;
}

#page_tournaments .map-canvas {
  height: 300px;
}
#page_tournaments .game_logo {
  max-width: 80px;
}

body .react-datepicker {
  display: block;
  margin: 0 auto;
  border-color: #3A4059;
}
body .react-datepicker .react-datepicker__month-container {
  float: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
body .react-datepicker .header_items {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}
body .react-datepicker .react-datepicker__current-month {
  font-size: 2em;
  color: white;
}
body .react-datepicker .react-datepicker__header {
  background-color: #3A4059;
}
body .react-datepicker .react-datepicker__day-names, body .react-datepicker .react-datepicker__week {
  display: flex;
  justify-content: space-around;
}
body .react-datepicker .react-datepicker__day-name {
  color: white;
}
body .react-datepicker .react-datepicker__day-name, body .react-datepicker .react-datepicker__day, body .react-datepicker .react-datepicker__time-name {
  font-size: 1.5rem;
  width: 2.3rem;
  line-height: 2rem;
}
body .react-datepicker .react-datepicker__day--selected {
  background-color: #0A6EBD;
}

#tournament_map_page .tournament-map-search-container {
  z-index: 1;
  background-color: #1C1F2B;
  margin-bottom: 16px;
}
#tournament_map_page .tournament-map-search-container.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
}

#tournament_calendar .fc-basic-view .fc-body .fc-row {
  min-height: 3em;
}
#tournament_calendar .fc-content-skeleton .fc-event-container h2 {
  padding-top: 0;
}
#tournament_calendar .fc-content-skeleton .fc-event-container .fc-event {
  border: 1px solid transparent;
  border-radius: 2px;
}
#tournament_calendar .fc-content-skeleton .fc-event-container .fc-content {
  border-color: black;
}
#tournament_calendar .fc-content-skeleton .fc-event-container .favorited .fc-title:before {
  font-family: "FontAwesome";
  content: "\f005";
  margin-right: 2px;
}
#tournament_calendar .fc-content-skeleton .fc-event-container .modded .fc-title:before {
  font-family: "FontAwesome";
  content: "\f0e3";
  margin-right: 2px;
}
#tournament_calendar .fc-content-skeleton .fc-event-container .is_online.fc-event {
  background-color: #FF0;
  color: black;
}

#game_preferences_content {
  padding-top: 16px;
  display: flex;
  flex-wrap: wrap;
}

#dashboard:not(.is_ladder_mod) .full_page_dispute_link {
  display: none;
}

.match-history-searcher .search_filters .preferred_game_filter {
  justify-content: center;
}
.match-history-searcher .search_filters .preferred_game_filter .filter_image {
  align-self: center;
}
.match-history-searcher .search_filters .preferred_game_filter, .match-history-searcher .search_filters .character {
  border-radius: 32px;
  border: 1px solid white;
  display: inline-flex;
}
.match-history-searcher .search_filters .preferred_game_filter.selected, .match-history-searcher .search_filters .character.selected {
  border-color: #05D8FF;
}
.match-history-searcher .search_filters .preferred_game_filter.unselected, .match-history-searcher .search_filters .character.unselected {
  border-color: black;
  opacity: 0.7;
}

.match_build_preference {
  display: none;
}

.host_code_main {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-end;
  flex-wrap: wrap;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.match_build_preference.active {
  display: block;
  margin: 2px 0 3px 0;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex: 1;
  text-align: right;
}

.match_build_preference .has_build {
  display: block;
}
.match_build_preference .has_build:hover {
  color: #05D8FF;
}

.match_build_preference .no_build {
  display: block;
}
.match_build_preference .no_build:hover {
  color: #05D8FF;
}

.build_notification {
  font-style: normal;
  text-align: center;
  color: #05D8FF;
  font-size: 16px;
  padding: 0;
}
.build_notification .time_holder {
  display: none;
}
.build_notification .build_name {
  color: #F66;
  font-size: 14px;
}
.build_notification .build_icon {
  max-height: 21px;
  margin-left: 6px;
}
.build_notification .selectable_stuff:hover {
  cursor: pointer;
  color: #0F0;
}
.build_notification .selectable_stuff:hover .build_name {
  color: #0F0;
}

.build_preference_set.build_changer .toggle_game, .build_preference_set.build_changer .game_choices, .build_preference_set.build_changer .player_preferred_restrictions, .build_preference_set.build_changer #match_settings_holder {
  display: none;
}
.build_preference_set.build_changer .detail_url:hover {
  color: #70FF76;
}
.build_preference_set.build_changer .heading.main {
  display: none;
}
.build_preference_set.build_changer .heading .help_text {
  display: none;
}
.build_preference_set.build_changer .change_match_build button {
  vertical-align: middle;
  max-height: 64px;
  justify-content: center;
}
.build_preference_set.build_changer .name {
  padding-left: 10px;
}
.build_preference_set.build_changer .build {
  transition: none;
  padding: 0 4px;
}
.build_preference_set.build_changer .build.loading .loading {
  display: block;
  position: absolute;
  right: 64px;
}
.build_preference_set.build_changer .build.disabled, .build_preference_set.build_changer .request_list .challenge_request_hmm.removing button.build, .request_list .challenge_request_hmm.removing .build_preference_set.build_changer button.build {
  opacity: 0.4;
}
.build_preference_set.build_changer .build:hover {
  cursor: pointer;
  background-color: #3A4059;
  border-radius: 4px;
  color: white;
}

.match_list_mini .latency {
  display: none;
}
.match_list_mini .feedback {
  display: none;
}
.match_list_mini thead {
  display: none;
}
.match_list_mini .match-history-table {
  border-radius: 8px;
}
.match_list_mini .match-history-table td {
  padding: 2px 3px;
}

.site_stats .game_image {
  display: block;
}
.site_stats .best_of_small {
  display: none;
}
.site_stats .game img {
  width: 32px;
  margin-right: 16px;
}
.site_stats .stat_name {
  font-size: 17px;
  min-width: 150px;
  padding-top: 12px;
}
.site_stats .stat_name .match_description {
  text-align: left;
}
.site_stats .count {
  text-align: center;
  font-size: 16px;
  min-width: 90px;
}
.site_stats .match_description_text {
  text-align: left;
  display: block;
}
.site_stats .shortcut_team_size {
  display: block;
}

.missed_challenges .match .game_image img {
  max-height: 32px;
}
.missed_challenges .match .best_of_small {
  display: none;
}
.missed_challenges .match .time {
  width: 48px;
}
.missed_challenges .match_description {
  display: inline-block;
  width: 200px;
}
.missed_challenges .username, .missed_challenges .subscribe_link, .missed_challenges .user_info .subscription_streak, .user_info .missed_challenges .subscription_streak, .missed_challenges .subscriber_glowish {
  font-size: 18px;
}

.players.doubles-heading {
  display: flex;
  justify-content: center;
}

.players.doubles-heading li {
  display: inline-block;
  margin-left: 32px;
}
.players.doubles-heading li:not(:first-child):before {
  content: "vs";
  margin: 0 20px 0 0px;
}
.players.doubles-heading .win {
  display: block;
  text-align: center;
  color: #0F0;
  font-size: 18px;
}

.match-information.clickable, #main_chat_area .chat_room_title_banner .match-information.chat_option, .dolphin_launcher_waiting .match-information.dolphin_user {
  cursor: pointer;
}

#match_options .match-information.selected {
  background-color: #424242;
  border: 3px solid #000;
}

#match_options .match-information:hover {
  background-color: gray;
}

.mod_intervention .submitted {
  display: none;
}
.mod_intervention .submitted.active {
  display: block;
}

.mod_intervention .loading {
  text-align: center;
  visibility: hidden;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.mod_intervention.submitting .loading {
  visibility: visible;
}

.mod_intervention.completed .submitted {
  display: block;
}

.mod_intervention button {
  margin-bottom: 10px;
  margin-right: 10px;
}

.dispute_message {
  color: #FF3434;
}

.the_report .dispute_message .no_dispute_message {
  font-style: italic;
  color: #FF3434;
}

.medal_summary {
  display: inline-flex;
  flex-direction: column;
}
.medal_summary .medal img, .medal_summary .leagued .league_icon {
  height: 64px;
  position: relative;
}
.medal_summary .division {
  font-size: 26px;
}
.medal_summary .raw_points {
  display: none;
  max-width: 30px;
  overflow: hidden;
}
.medal_summary .points {
  display: none;
}

.ranked_controls {
  display: flex;
  flex-wrap: wrap;
  margin: 4px 0 4px 0;
}
.ranked_controls > div {
  flex: 1;
}
.ranked_controls .dispute_buttons {
  text-align: right;
}

.medal_summary.tier_ladder_league_unranked .division {
  font-size: 20px;
}

.match_summary .medal_summary .medal img {
  top: -8px;
}

.mod_intervention .status_text {
  display: none;
}

.mod_intervention .change_result {
  text-align: left;
  display: flex;
  margin: 6px 0;
}

.mod_intervention_container .controls h5 {
  margin-top: 0;
}

.mod_intervention .fault_buttons {
  display: block;
  text-align: left;
}

.mod_intervention .fault_buttons .username, .mod_intervention .fault_buttons .subscribe_link, .mod_intervention .fault_buttons .user_info .subscription_streak, .user_info .mod_intervention .fault_buttons .subscription_streak, .mod_intervention .fault_buttons .subscriber_glowish {
  display: inline-block;
  min-width: 60px;
  margin-right: 10px;
}
.mod_intervention .fault_buttons .status_text.is_at_fault {
  color: #FF3434;
}
.mod_intervention .fault_buttons .status_text.not_at_fault {
  color: #0F0;
}

.play_match .remember {
  font-weight: bold;
  text-align: center;
  display: block;
}

.fault_buttons .fault_button {
  display: none;
}

.fault_buttons.player_at_fault .is_at_fault, .fault_buttons.player_not_at_fault .not_at_fault {
  display: inline-block;
}

#disputes .dispute_list {
  margin-bottom: 0;
  padding: 16px;
}
#disputes .disputed_match .loader {
  display: none;
}
#disputes .disputed_match_listing {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
#disputes .disputed_match.loading .loader {
  display: inline-block;
}

#disputes.match_detail_view .back_button, #disputes.match_detail_view .content_container {
  display: block;
}
#disputes.match_detail_view .disputed_match_listing {
  display: none;
}

.match_summary {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}

.match_summary.is_mod .match_summary_games_container {
  order: 0;
}
.match_summary.is_mod .match_summary_infractions_add {
  order: 1;
  max-width: 390px;
}
.match_summary.is_mod .match_summary_private_match_notes_container {
  order: 3;
}
.match_summary.is_mod .general_match_information {
  order: 4;
}

.reported_match_behavior.warning_popup {
  display: block;
  font-style: italic;
  background-color: transparent;
  font-size: 15px;
}

.centered_text_with_line {
  overflow: hidden;
  text-align: center;
}
.centered_text_with_line:before, .centered_text_with_line:after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.centered_text_with_line:before {
  right: 0.5em;
  margin-left: -50%;
}
.centered_text_with_line:after {
  left: 0.5em;
  margin-right: -50%;
}

.match_summary .auto_reported .match_report_container {
  display: none;
}
.match_summary .private_chat_area {
  max-height: 80vh;
  min-height: 60vh;
}
.match_summary .match_summary_private_match_notes_container {
  max-width: 390px;
  margin: 0 auto;
}
.match_summary .match_summary_games_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.match_summary .bug_title .best_of_small {
  display: none;
}
.match_summary .match_summary_games_container > div {
  margin: 0 10px;
  flex: 1 1 250px;
}
.match_summary .match_summary_games_container .match_games {
  min-width: 0;
  max-width: 700px;
  margin: 0 auto;
}
.match_summary .match_summary_games_container .match_chat {
  min-width: 280px;
  max-width: 490px;
}
.match_summary .build_name {
  color: #F66;
}
.match_summary .heading {
  margin: 0 0 8px 0;
  padding: 0;
}
.match_summary .heading.main_heading {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #3A4059;
}
.match_summary .heading.main_heading .heading_player {
  margin: 0 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.match_summary .heading.main_heading .opponent {
  margin: 0 8px;
}
.match_summary .heading.main_heading .is_winner, .match_summary .heading.main_heading .is_loser {
  width: 100%;
  font-size: 17px;
}
.match_summary .heading.main_heading .is_winner {
  color: #0F0;
}
.match_summary .heading.main_heading .is_winner:before, .match_summary .heading.main_heading .is_winner:after {
  background-color: #0F0;
}
.match_summary .heading.main_heading .is_loser {
  color: #FF3434;
}
.match_summary .heading.main_heading .is_loser:before, .match_summary .heading.main_heading .is_loser:after {
  background-color: #FF3434;
}
.match_summary .heading.main_heading .heading_player .username, .match_summary .heading.main_heading .heading_player .subscribe_link, .match_summary .heading.main_heading .heading_player .user_info .subscription_streak, .user_info .match_summary .heading.main_heading .heading_player .subscription_streak, .match_summary .heading.main_heading .heading_player .subscriber_glowish {
  justify-content: center;
  flex-direction: column;
  position: relative;
  word-break: break-word;
}
.match_summary .heading.main_heading .league .leagued {
  display: flex;
  flex-direction: column;
}
.match_summary .heading.main_heading .vs {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.match_summary .all_players {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 15px;
}
.match_summary .heading .chat_players {
  font-size: 13px;
}
.match_summary .infraction_view .game_image {
  display: inline-block;
}
.match_summary .infraction_view .game_image img {
  display: inline-block;
  height: 32px;
}
.match_summary .infraction_view .match_description_text {
  font-size: 12px;
}
.match_summary .general_match_information {
  text-align: center;
  margin-bottom: 8px;
}
.match_summary .infraction_date {
  color: red;
  font-style: italic;
}
.match_summary .nothing_posted {
  font-style: italic;
  color: red;
}
.match_summary .private_notes {
  margin-bottom: 8px;
}
.match_summary .match_type {
  margin-bottom: 16px;
}
.match_summary .match_status {
  color: #0F0;
  font-size: 14px;
}

.struck_stages {
  height: 0;
  transition: 0.3s;
  overflow: hidden;
  width: 130px;
}

.show_strikes .game:hover .struck_stages {
  height: auto;
  transition: 0.3s;
}

.match_games .list-group-item, .match_games .entrant_list .entrant, .entrant_list .match_games .entrant {
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #3A4059;
}
.match_games .match_game {
  padding-left: 0;
  padding-right: 0;
}
.match_games .list-group-item:first-child, .match_games .entrant_list .entrant:first-child, .entrant_list .match_games .entrant:first-child, .match_games .list-group-item:last-child, .match_games .entrant_list .entrant:last-child, .entrant_list .match_games .entrant:last-child {
  border-radius: 0;
}

.match_summary .change_result > span, .match_summary .change_result > button {
  display: block;
  flex: 1;
  margin-bottom: 0;
}
.match_summary .mod_intervention {
  position: relative;
}

.selected_by_players {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  white-space: nowrap;
}
.selected_by_players .username, .selected_by_players .subscribe_link, .selected_by_players .user_info .subscription_streak, .user_info .selected_by_players .subscription_streak, .selected_by_players .subscriber_glowish {
  pointer-events: none;
  display: block;
}

.current_match .control-buttons {
  margin-bottom: 8px;
}
.current_match .control-buttons button {
  margin-right: 8px;
  margin-bottom: 6px;
}

.current_matches_holder .current_match .closing_x, .current_matches_holder .current_match .clear {
  background-color: rgb(255, 131, 131);
  border: 1px solid #FF3434;
  color: black;
}
.current_matches_holder .current_match .closing_x:hover, .current_matches_holder .current_match .clear:hover {
  background-color: #05D8FF;
  border-color: white;
}

.current_match {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
  position: relative;
}
.current_match .match_content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
  padding: 0 8px;
  justify-content: space-around;
  align-content: baseline;
}
.current_match .match_chat_and_buttons {
  display: flex;
  flex-direction: column;
}
.current_match .match_chat_and_buttons, .current_match .match_details_holder {
  flex: 1 1 500px;
  max-width: 600px;
}
.current_match .chat_holder {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.current_match .private_chat_area {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.current_match .match_chat_conatiner {
  flex: 1 1 120px;
  margin-bottom: 0;
}
.current_match .chat_container_outer_holder {
  flex: 1 1 120px;
  margin-bottom: 0;
}
.current_match .opponent_codes_container {
  flex-direction: column;
  text-align: left;
}
.current_match .opponent_codes_container.is_mine .opponent_codes.is_editable:hover {
  cursor: pointer;
}
.current_match .opponent_codes_container.is_mine .opponent_codes.is_editable:hover .field_name {
  color: #05D8FF;
}
.current_match .opponent_codes_container.is_mine .opponent_codes.is_editable:hover .field_value {
  border-bottom: 1px solid #05D8FF;
}
.current_match .opponent_codes_container .field_name {
  display: block;
}
.current_match .opponent_codes_container .opponent_codes {
  display: block;
  text-align: left;
  margin: 1px 0 2px 0;
}
.current_match .opponent_codes_container .field_value {
  border-bottom: 1px solid transparent;
}

.opponent_codes_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 1.2em;
}
.opponent_codes_container .opponent_codes {
  margin: 1em 0;
  margin: 4px;
}
.opponent_codes_container .opponent_codes.is_me {
  display: none;
}
.opponent_codes_container .opponent_codes .field_name {
  white-space: nowrap;
  font-size: small;
}
.opponent_codes_container .opponent_codes .field_value {
  white-space: nowrap;
  display: inline;
  color: #05D8FF;
}
.opponent_codes_container .opponent_codes .field_value.unknown {
  font-style: italic;
  color: #686868;
}

.rock_paper_scissors {
  text-align: center;
}
.rock_paper_scissors.waiting .selection .text {
  opacity: 0;
}
.rock_paper_scissors.waiting .selection i {
  opacity: 1;
}
.rock_paper_scissors .selection {
  position: relative;
}
.rock_paper_scissors .selection.active {
  background-color: #FF3434;
  color: black;
  box-shadow: none;
}
.rock_paper_scissors .selection .text {
  font-size: 24px;
}
.rock_paper_scissors .selection .text {
  opacity: 0;
  transition: 0.5s;
}
.rock_paper_scissors .selection i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 3px;
  transition: 0.5s;
}
.rock_paper_scissors .selection:hover .text {
  opacity: 1;
  transition: 0.5s;
}
.rock_paper_scissors .selection:hover i {
  opacity: 0;
  transition: 0.5s;
}
.rock_paper_scissors .player_selected:disabled {
  opacity: 1;
  border: 1px solid white;
  background-color: #1C1F2B;
  box-shadow: 1px 1px 1px black;
  transition: 0.5s;
}

.match_summary.ladder_mod .game_data_container .character:hover {
  cursor: pointer;
}
.match_summary .no_report {
  color: #05D8FF;
}
.match_summary .game_data_container .team_character_picks.updating {
  opacity: 0.7;
}
.match_summary .set_winner {
  font-size: 16px;
  margin: 4px 0;
}
.match_summary .announce_results .description {
  font-size: 12px;
}
.match_summary .team_characters {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.match_summary .team_characters .character_name {
  display: none;
}
.match_summary .team_characters .username, .match_summary .team_characters .subscribe_link, .match_summary .team_characters .user_info .subscription_streak, .user_info .match_summary .team_characters .subscription_streak, .match_summary .team_characters .subscriber_glowish {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}
.match_summary .team_characters:last-child .character_pick:first-child {
  margin-left: auto;
  align-items: flex-end;
}
.match_summary .team_characters:last-child .character {
  margin-left: auto;
}
.match_summary .team_characters:last-child .character_pick {
  margin-right: 0;
  margin-left: 4px;
}
.match_summary .team_characters:last-child .username, .match_summary .team_characters:last-child .subscribe_link, .match_summary .team_characters:last-child .user_info .subscription_streak, .user_info .match_summary .team_characters:last-child .subscription_streak, .match_summary .team_characters:last-child .subscriber_glowish {
  display: block;
  text-align: right;
}
.match_summary .team_characters:last-child .apm_container {
  text-align: right;
}
.match_summary .game_data_container {
  width: 100%;
}

.match_summary .game .game_heading {
  display: flex;
  margin-top: 0;
}
.match_summary .game .duration {
  flex: 1;
  text-align: right;
  flex-direction: column;
  display: flex;
}
.match_summary .game .in_game_duration {
  display: block;
  font-size: 14px;
}
.match_summary .game .character_pick {
  margin-right: 4px;
  display: flex;
  flex-direction: column;
}
.match_summary .game .team_character_picks {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.match_summary .game .other_team {
  justify-content: flex-end;
}
.match_summary .game .selected_characters {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
}
.match_summary .game .game_number {
  font-size: 17px;
}
.match_summary .game .apm_container {
  display: block;
  font-size: 16px;
  text-align: left;
}
.match_summary .game .stage {
  width: 90px;
  height: 90px;
  display: block;
}
.match_summary .game .stage_pick {
  display: block;
  text-align: left;
  align-self: center;
}
.match_summary .game .stage_pick.pick_pending {
  display: block;
}
.match_summary .game .stage_pick.pick_pending .struck_stages {
  height: auto;
}
.match_summary .game .stuck_stages {
  display: none;
}

.match_summary.is_mod .team_characters .character {
  cursor: pointer;
}
.match_summary.is_mod .game.disabled .character, .match_summary.is_mod .request_list .challenge_request_hmm.removing button.game .character, .request_list .challenge_request_hmm.removing .match_summary.is_mod button.game .character {
  opacity: 0.4;
  cursor: default;
}
.match_summary.is_mod .select_match_result {
  display: flex;
  flex-direction: column;
  margin: 6px 0;
  max-width: 290px;
  position: relative;
}

.current_match_container .apm_container {
  display: none;
}
.current_match_container .apm_container.active {
  display: block;
  cursor: default;
}
.current_match_container .apm_container a, .current_match_container .apm_container a .location:hover, a .current_match_container .apm_container .location:hover, .current_match_container .apm_container .link .location:hover, .link .current_match_container .apm_container .location:hover, .current_match_container .apm_container .link {
  color: white;
}
.current_match_container .apm_container a:hover, .current_match_container .apm_container a .location:hover, a .current_match_container .apm_container .location:hover, .current_match_container .apm_container .link .location:hover, .link .current_match_container .apm_container .location:hover, .current_match_container .apm_container .link:hover {
  color: #05D8FF;
}
.current_match_container .apm_container .apm {
  color: #05D8FF;
}

.player_character .stocks {
  display: none;
}
.player_character .stocks.has_stocks {
  display: flex;
  flex-direction: row;
  cursor: default;
}

.stocks {
  display: flex;
  flex-direction: row;
  cursor: default;
}
.stocks .stock_icon.dead {
  opacity: 0.4;
}
.stocks .stock_icon.self_destructed:after {
  content: "SD";
}
.stocks .stock_icon .damage {
  display: none;
}
.stocks .stock_icon .damage.active {
  display: block;
  cursor: default;
  font-size: 9px;
}
.stocks .stock_icon .damage:after {
  content: "%";
}

.replay_preview {
  display: flex;
  flex-direction: column;
}
.replay_preview .game_data_container {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  flex: 1;
}
.replay_preview .stage {
  display: block;
}
.replay_preview .duration {
  text-align: center;
}
.replay_preview .players {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  flex: 1;
}
.replay_preview .stage_container {
  width: 100%;
  text-align: center;
  height: 66px;
}
.replay_preview .stage_container img {
  max-height: 100%;
  border: 1px solid white;
}
.replay_preview .stat {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.replay_preview .stat .title {
  width: 126px;
}
.replay_preview .stat .value {
  margin-left: 16px;
  color: #05D8FF;
}

.slippi_holder .replay_options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 8px;
}
.slippi_holder.error_game .filename {
  color: #FF3434;
}

.slippi_summary .stock_obituary.first_stock {
  display: inline-flex;
  margin-right: 20px;
}
.slippi_summary .replay_preview {
  display: flex;
  flex-direction: row;
  padding-top: 8px;
  padding-bottom: 8px;
  align-items: center;
  border-bottom: 1px solid #3A4059;
}
.slippi_summary .replay_preview:hover {
  cursor: pointer;
  background-color: #3A4059;
}
.slippi_summary .replay_preview:last-child {
  border-bottom: none;
}
.slippi_summary .replay_preview:first-child {
  margin-top: 8px;
}
.slippi_summary .stage_container {
  max-width: 25%;
  margin: 0 8px;
  align-items: center;
}
.slippi_summary .players {
  flex: 1;
}

.struck_stages .stage_strike {
  position: relative;
  display: inline-block;
  margin-right: 26px;
}
.struck_stages .stage_strike .stage {
  width: 30px;
  height: 30px;
  position: relative;
}
.struck_stages .stage_strike .stage:before, .struck_stages .stage_strike .stage:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
  top: 14px;
  box-shadow: 0 0 2px 0 #CCC;
}
.struck_stages .username, .struck_stages .subscribe_link, .struck_stages .user_info .subscription_streak, .user_info .struck_stages .subscription_streak, .struck_stages .subscriber_glowish {
  font-size: 12px;
  position: absolute;
  bottom: 0;
  left: 2px;
}
.struck_stages .stage_strike .stage:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 2px;
}
.struck_stages .stage_strike .stage:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 2px;
}
.point_changes .game_image img {
  max-width: 24px;
  max-height: 24px;
}
.point_changes .best_of_text {
  display: none;
}

.match-history-table.no_matches {
  padding: 16px;
  font-size: 2.5rem;
  text-align: center;
}

.sub_for_more {
  display: block;
  background-color: black;
  font-size: 16px;
  text-align: center;
  padding: 8px;
}

.match_feedback .title {
  border-radius: 0;
  text-align: center;
  height: auto;
  min-height: 0;
  font-size: 18px;
}
.match_feedback .heading {
  font-size: 13px;
  margin: 0;
}
.match_feedback .feedback_toggles {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -4px;
}
.match_feedback .feedback_toggle {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  border: 4px solid transparent;
  min-width: 195px;
}
.match_feedback .public_feedback {
  display: none;
}
.match_feedback .rating_container {
  display: block;
  padding: 4px 8px;
  background-color: #12141C;
  color: white;
  border-radius: 4px;
  flex: 1;
}

.attention_grabber {
  cursor: pointer;
  transform: translateX(0px) translateY(0px) rotate(0deg) scale(1) skew(-34deg);
  letter-spacing: 0.05em;
  font-size: 12px;
  font-weight: 600;
  background-color: var(--ui-box);
  line-height: 30px;
  border-style: solid;
  border-color: var(--ui-hairline);
  border-width: 0 8px;
  margin-right: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
.attention_grabber .text {
  transform: translateX(0px) translateY(0px) rotate(0deg) scale(1) skew(34deg);
  display: block;
}

.match-history-table .loading_more_shower {
  display: none;
  height: 100px;
  position: relative;
}
.match-history-table.loading_more .loading_more_shower {
  display: block;
}
.match-history-table .show_flags .flags {
  display: block;
  margin-top: 4px;
  color: #FF3434;
  text-shadow: 1px 1px 1px black;
  font-size: 14px;
}
.match-history-table .flags {
  display: none;
}
.match-history-table .flags .flag.open {
  color: #FF3434;
}
.match-history-table .flags .flag.closed {
  color: #0F0;
}
.match-history-table .change_match_flags {
  display: inline-block;
}
.match-history-table .change_match_flags.active {
  display: inline-block;
}
.match-history-table .change_match_flags:not(.active) button {
  font-size: 16px;
  border: 2px solid #FFF;
}
.match-history-table .flag {
  display: inline-block;
  margin: 0 16px 0 0;
}
.match-history-table .flag_confirm_forms {
  display: none;
}
.match-history-table .match_type .result_type {
  font-size: 18px;
}
.match-history-table .match_base_data {
  display: flex;
  flex-direction: column;
}
.match-history-table .match_base_data .game_logo {
  display: inline;
}
.match-history-table .feedback_thumbs {
  margin-left: 8px;
}
.match-history-table .feedback_thumbs i {
  font-size: 15px;
}
.match-history-table .feedback_section .heading {
  margin: 0;
}
.match-history-table .votes_text {
  font-size: 12px;
  margin-left: 4px;
}
.match-history-table .match_individual:hover .match-information {
  background-color: #12141C;
}
.match-history-table .match_individual:hover .match_detail_link_and_such {
  background-color: #12141C;
}
.match-history-table .match-information {
  display: flex;
  flex-direction: column;
}
.match-history-table .match_details_main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.match-history-table .selected_characters {
  flex-direction: column;
  justify-content: space-around;
}
.match-history-table .team_results {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.match-history-table .stream_container {
  flex: 1 0 auto;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center;
}
.match-history-table .stream_container .image_container {
  margin-right: 0;
}
.match-history-table .stream_container .stream_logo {
  width: 70px;
  border-color: #05D8FF;
}
.match-history-table .match-information:not(:first-child) {
  padding-top: 8px;
}
.match-history-table .game_logo img {
  max-height: 30px;
  max-width: 80px;
}
.match-history-table .match_base_data {
  font-size: 18px;
  width: 85px;
  position: relative;
}
.match-history-table .match_base_data a .game_logo, a .match-history-table .match_base_data .location:hover .game_logo, .link .match-history-table .match_base_data .location:hover .game_logo, .match-history-table .match_base_data .link .game_logo {
  display: block;
  white-space: nowrap;
  flex-grow: 1;
}
.match-history-table .match_base_data a .result.match, a .match-history-table .match_base_data .location:hover .result.match, .link .match-history-table .match_base_data .location:hover .result.match, .match-history-table .match_base_data .link .result.match {
  white-space: nowrap;
  flex-grow: 1;
}
.match-history-table .match_base_data a .result.match .result_type.type, a .match-history-table .match_base_data .location:hover .result.match .result_type.type, .link .match-history-table .match_base_data .location:hover .result.match .result_type.type, .match-history-table .match_base_data .link .result.match .result_type.type {
  min-width: 60px;
}
.match-history-table .match_base_data a .match_date, a .match-history-table .match_base_data .location:hover .match_date, .link .match-history-table .match_base_data .location:hover .match_date, .match-history-table .match_base_data .link .match_date {
  flex-grow: 1;
}
.match-history-table .match_base_data a .match_type, a .match-history-table .match_base_data .location:hover .match_type, .link .match-history-table .match_base_data .location:hover .match_type, .match-history-table .match_base_data .link .match_type {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.match-history-table .feedback .toggle_feedback_form:not(:first-child) {
  margin-left: 8px;
}
.match-history-table .feedback .toggle_feedback_form {
  flex-grow: 1;
  margin-top: 4px;
}
.match-history-table .match_date {
  white-space: nowrap;
}
.match-history-table .result_type {
  text-shadow: 1px 1px 1px black;
}
.match-history-table .is_ranked {
  color: #FF8F00;
}
.match-history-table .friendlies {
  color: #FF0;
}
.match-history-table .feedback {
  display: flex;
  word-break: break-word;
}
.match-history-table .player_feedback {
  max-height: 70px;
  overflow-y: auto;
}
.match-history-table .feedback_section .username, .match-history-table .feedback_section .user_info .subscription_streak, .user_info .match-history-table .feedback_section .subscription_streak, .match-history-table .feedback_section .subscriber_glowish, .match-history-table .feedback_section .subscribe_link {
  display: block;
}
.match-history-table .votes_text {
  font-size: 10px;
}
.match-history-table .medal_summary .division {
  font-size: 16px;
  text-align: center;
}
.match-history-table .medal_summary .points {
  display: none;
}
.match-history-table .is_ranked {
  color: #05D8FF;
  text-shadow: 1px 1px 1px black;
  font-size: 18px;
}
.match-history-table .match_base_data a > div, .match-history-table .match_base_data a .location:hover > div, a .match-history-table .match_base_data .location:hover > div, .match-history-table .match_base_data .link .location:hover > div, .link .match-history-table .match_base_data .location:hover > div, .match-history-table .match_base_data .link > div {
  width: 25%;
}
.match-history-table .match_base_data a > div:first-child, .match-history-table .match_base_data a .location:hover > div:first-child, a .match-history-table .match_base_data .location:hover > div:first-child, .match-history-table .match_base_data .link .location:hover > div:first-child, .link .match-history-table .match_base_data .location:hover > div:first-child, .match-history-table .match_base_data .link > div:first-child {
  text-align: left;
}
.match-history-table .match_base_data a > div:last-child, .match-history-table .match_base_data a .location:hover > div:last-child, a .match-history-table .match_base_data .location:hover > div:last-child, .match-history-table .match_base_data .link .location:hover > div:last-child, .link .match-history-table .match_base_data .location:hover > div:last-child, .match-history-table .match_base_data .link > div:last-child {
  text-align: right;
}
.match-history-table .team_result.doubles:not(:last-child) {
  margin-bottom: 8px;
}
.match-history-table .character_pick {
  display: inline;
}
.match-history-table .character_pick .character,
.match-history-table .match_history .character_pick .character {
  width: 24px;
  height: 24px;
}
.match-history-table .character_pick .character.character_for_game_project-plus,
.match-history-table .match_history .character_pick .character.character_for_game_project-plus,
.match-history-table .character_pick .character.character_dimensions_58_38,
.match-history-table .match_history .character_pick .character.character_for_game__melee {
  width: 24px;
  height: 20px;
}
.match-history-table .character_holder, .match-history-table .stage {
  border-radius: 8px 0;
  overflow: hidden;
}
.match-history-table .game_score {
  margin-right: 1px;
  display: flex;
  flex-direction: column;
}
.match-history-table .opponent_stats .league .leagued {
  display: inline-flex;
  flex-direction: column;
}
.match-history-table .opponent_stats .league img {
  height: 32px;
}
.match-history-table .medal .rank_medal {
  height: 32px;
  display: inline;
}
.match-history-table .division {
  font-size: 16px;
}
.match-history-table .opponents {
  display: flex;
  flex-grow: 1;
  text-align: left;
  flex-direction: column;
}
.match-history-table .opponents.horizontal {
  flex-direction: row;
}
.match-history-table .opponents.horizontal .opponent {
  border-bottom: none;
  flex-direction: column;
}
.match-history-table .opponents.horizontal .opponent:not(:last-child) {
  border-bottom: none;
  border-right: 1px solid #3A4059;
  padding-right: 7px;
  padding-bottom: 0;
}
.match-history-table .opponent {
  text-align: center;
  margin-right: 4px;
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  border: 2px solid transparent;
}
.match-history-table .opponent:not(:last-child) {
  border-bottom: 1px solid #3A4059;
  padding-bottom: 7px;
}
.match-history-table .opponent .opponent_stats {
  display: flex;
  margin-right: 8px;
}
.match-history-table .opponent .username, .match-history-table .opponent .user_info .subscription_streak, .user_info .match-history-table .opponent .subscription_streak, .match-history-table .opponent .subscriber_glowish, .match-history-table .opponent .subscribe_link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  order: 10;
  padding-right: 4px;
}
.match-history-table .game_master .opponent:hover {
  cursor: pointer;
  background-color: #12141C;
}
.match-history-table .game_master .opponent.selected .advanced_stats, .match-history-table .game_master .opponent.selected .raw_points {
  display: inline;
}
.match-history-table .game_master .opponent.selected .points {
  display: block;
}
.match-history-table .match_detail_link_and_such {
  border-top: 1px solid #3A4059;
  border-bottom: 1px solid #3A4059;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.match-history-table .match_detail_link_and_such .has_flags {
  border-color: #FF3434;
}
.match-history-table .match_detail_link_and_such .when {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #3A4059;
}
.match-history-table .match_detail_link_and_such .when, .match-history-table .match_detail_link_and_such .duration {
  padding-top: 4px;
  padding-bottom: 4px;
}
.match-history-table .match_detail_link_and_such .duration {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 12px;
}
.match-history-table .match_scores, .match-history-table .set_scores {
  display: flex;
  white-space: nowrap;
  flex-direction: row;
  padding: 8px 3px 2px 3px;
  flex: 1;
  max-width: 50%;
  margin-left: auto;
  overflow: auto;
}
.match-history-table .set_scores .hyphen {
  display: none;
}
.match-history-table .set_scores .score {
  display: block;
  width: 100%;
  text-align: left;
}
.match-history-table .set_scores .value {
  float: right;
  margin-left: 8px;
}
.match-history-table .feedback_section {
  display: inline-flex;
  flex-direction: column;
  margin-right: 8px;
  display: none;
}
.match-history-table .secondary_match_data {
  display: flex;
  padding-top: 8px;
}

.medal_summary {
  text-align: center;
}

.point_change.is_positive {
  color: #0F0;
}

.point_change.is_negative {
  color: #FF3434;
}

.point_change.is_neutral {
  display: none;
}

.feedback_thumbs .negative {
  color: #FF3434;
}
.feedback_thumbs .positive {
  color: #0F0;
}
.feedback_thumbs .neutral {
  color: #FF0;
}
.feedback_thumbs.selected .positive, .feedback_thumbs .selected .positive {
  color: #0F0;
}
[data-theme=light] .feedback_thumbs .negative {
  color: var(--ui-red);
}
[data-theme=light] .feedback_thumbs .positive, [data-theme=light] .feedback_thumbs.selected .positive,
[data-theme=light] .feedback_thumbs .selected .positive {
  color: var(--ui-good);
}
[data-theme=light] .feedback_thumbs .neutral {
  color: var(--ui-warn);
}

.match_feedback .feedback_thumbs i {
  font-size: 24px;
  cursor: pointer;
}
.match_feedback .feedback_thumbs .selection_area .description {
  display: block;
  min-height: 35px;
}
.match_feedback .selection_area:hover .description {
  font-weight: bold;
}

.feedback_thumbs i, .feedback_thumbs .positive, .feedback_thumbs .negative,
.feedback_thumbs .neutral {
  font-size: 24px;
}

#tab-pane-matchmaking .back {
  float: left;
}

.active_games .game_stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.active_games .game_stats > div {
  display: flex;
  flex-direction: column;
}
.active_games .active_players .player .username, .active_games .active_players .player .user_info .subscription_streak, .user_info .active_games .active_players .player .subscription_streak, .active_games .active_players .player .subscriber_glowish, .active_games .active_players .player .subscribe_link {
  margin-right: 8px;
}
.active_games .active_players .player {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.no_matches_at_all {
  margin: -5px;
}

.chat_container .best_of_small {
  display: none;
}
.chat_container .shortcut_team_size {
  display: inline;
}

.match_summary .match_description_season_link {
  display: inline-block;
}

.match_shortcuts .match_description_text {
  display: inline-block;
  background-color: #000;
  border-radius: 4px;
  padding: 1px 4px;
  font-size: 11px;
  margin-top: 1px;
  white-space: nowrap;
}
.match_shortcuts .best_of_text {
  display: none;
}
.match_shortcuts .shortcut_team_size {
  display: inline;
}

.mod_report_chat .match_description .shortcut_team_size {
  display: inline;
}
.mod_report_chat .match_description .best_of_small {
  display: none;
}

.flagged_matches {
  max-width: 800px;
}
.flagged_matches .feedback_section, .flagged_matches .match_scores {
  display: none;
}
.flagged_matches .has_flags {
  display: none;
}
.flagged_matches .flags {
  display: block;
}
.flagged_matches .medal_summary {
  display: none;
}
.flagged_matches .advanced_stats {
  display: none;
}
.flagged_matches .infractions {
  padding: 8px 0 4px 0;
  display: flex;
  flex-direction: column;
}
.flagged_matches .infraction_view {
  width: 45%;
}
.flagged_matches .infraction_view .date, .flagged_matches .infraction_view .infraction_visibility, .flagged_matches .infraction_view .match_description {
  display: none;
}

.active_matches .teams {
  justify-content: center;
}
.active_matches .teams .versus {
  font-size: 2.3rem;
}
.active_matches .teams .player {
  min-width: 10rem;
  justify-content: space-around;
}
.active_matches .location {
  font-size: 11px;
}

.active_matches {
  position: relative;
}
.active_matches .game_image img, .active_matches .game_logo .game_image {
  max-width: 64px;
}
.active_matches .match {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid transparent;
  margin-bottom: 4px;
  padding-bottom: 4px;
  position: relative;
}
.active_matches .match .loading {
  display: none;
}
.active_matches .match.loading .loading {
  display: block;
  position: absolute;
  width: 100%;
}
.active_matches .match:not(:last-child) {
  border-bottom: 1px solid #3A4059;
}
.active_matches .match:hover {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}
.active_matches .teams {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  flex-wrap: wrap;
}
.active_matches .versus {
  margin: 0 8px;
}
.active_matches .players {
  order: -1;
}
.active_matches .player {
  margin: 0 4px;
  display: flex;
  flex-direction: column;
  min-width: 65px;
  position: relative;
}
.active_matches .match_description_text {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.active_matches .match_description.match_ranked .shortcut_unranked {
  display: none;
}
.active_matches .match_description.match_unranked .shortcut_ranked {
  display: none;
}
.active_matches .player .username, .active_matches .player .user_info .subscription_streak, .user_info .active_matches .player .subscription_streak, .active_matches .player .subscriber_glowish, .active_matches .player .subscribe_link {
  flex: 1;
}
.active_matches .start_time, .active_matches .duration {
  font-size: unset;
}
.active_matches .start_time {
  order: 10;
  text-align: right;
  min-width: 100px;
}
.active_matches .match_list {
  margin-bottom: 0;
  border-radius: 4px;
}
.active_matches .most_active_players {
  margin-bottom: 16px;
}
.active_matches .most_active_players .logo {
  margin-left: 12px;
  max-height: 36px;
}
.active_matches .group {
  width: 338px;
  display: inline-flex;
  flex-direction: column;
}
.active_matches .players {
  text-align: center;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.active_matches .medal_summary {
  position: absolute;
  top: 14px;
  left: -10px;
}
.active_matches .remaining_matches {
  font-size: 20px;
}
.active_matches .remaining_matches .logo {
  max-height: 40px;
}
.active_matches .medal_summary .rank_medal {
  height: 20px;
}
.active_matches .medal_summary .points {
  display: none;
}
.active_matches .medal_summary .division {
  display: none;
}
.active_matches .shortcut_ranked {
  border-color: gold;
}
.active_matches .spacer {
  display: flex;
}
.active_matches .location {
  text-shadow: 0 1px 1px #000;
  font: 10px "Open Sans";
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  position: relative;
  white-space: nowrap;
  text-align: center;
  flex-grow: 1;
  width: 0;
}

.match_description .game_image img {
  max-height: 22px;
}

.shortcut_ranked {
  color: #F66;
}

.shortcut_unranked {
  color: #05D8FF;
}

.shortcut_title {
  font-style: italic;
  font-size: 13px;
}

.shortcut_title .title_text:before {
  content: "-";
}
.shortcut_title .parenthesis {
  display: none;
}

.match_summary .best_of_small {
  display: none;
}
.match_summary .feedbacks {
  display: flex;
  flex-direction: row;
}
.match_summary .feedback_section {
  margin-right: 32px;
}
.match_summary .chat_message.match_event {
  display: flex;
}
.match_summary .chat_container.displaying_events .chat_message.match_event {
  display: flex;
}
.match_summary .chat_container.displaying_chat .chat_message.archive_message {
  display: flex;
  flex-wrap: wrap;
}
.match_summary .chat_container.displaying_chat .chat_message.archive_message .username, .match_summary .chat_container.displaying_chat .chat_message.archive_message .user_info .subscription_streak, .user_info .match_summary .chat_container.displaying_chat .chat_message.archive_message .subscription_streak, .match_summary .chat_container.displaying_chat .chat_message.archive_message .subscriber_glowish, .match_summary .chat_container.displaying_chat .chat_message.archive_message .subscribe_link {
  white-space: nowrap;
  max-width: 20%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.match_summary .chat_container .time {
  width: 105px;
}
.match_summary .chat_message.match_event .event {
  color: #05D8FF;
  font-style: italic;
}
.match_summary .chat_message.match_event_match_event_game_start {
  text-align: center;
}
.match_history_display .history_content .feedback_section {
  display: none;
}
.match_history_display .history_content .sub_for_more {
  background-color: black;
  text-align: center;
  font-size: 13px;
  padding: 6px;
}
.match_history_display .history_content .result.match {
  display: none;
}
.match_history_display .history_content .opponent {
  padding: 1px 2px;
}
.match_history_display .history_content .medal .rank_medal {
  height: 24px;
}
.match_history_display .history_content .game_logo img {
  max-height: 24px;
}
.match_history_display .history_content .opponent:hover .username, .match_history_display .history_content .opponent:hover .user_info .subscription_streak, .user_info .match_history_display .history_content .opponent:hover .subscription_streak, .match_history_display .history_content .opponent:hover .subscriber_glowish, .match_history_display .history_content .opponent:hover .subscribe_link {
  overflow: visible;
}
.match_history_display .history_content .match_scores {
  padding: 3px;
}
.match_history_display .history_content .division {
  font-size: 11px;
}
.match_history_display .history_content .feedback {
  display: none;
}

.player_preferred_restrictions .restriction {
  text-align: left;
  margin: 5px 0;
  justify-content: center;
  display: flex;
  transition: 0.7s;
}
.player_preferred_restrictions .name {
  flex-grow: 1;
  display: flex;
  padding: 5px 10px 5px 40px;
  width: 80%;
  flex-direction: row;
  font-size: 19px;
}

.build_preferences .build {
  text-align: left;
  margin: 5px 0;
  display: flex;
  transition: 0.7s;
}
.build_preferences .build .loading {
  display: none;
}
.build_preferences .build_preference_set.active {
  display: block;
}
.build_preferences .build.unselected {
  font-style: italic;
  color: #3A4059;
}
.build_preferences .build.unselected .dolphin_logo {
  opacity: 0.7;
}
.build_preferences .name {
  flex-grow: 1;
  display: flex;
  padding: 5px 10px 5px 40px;
  width: 80%;
  flex-direction: row;
}
.build_preferences .dolphin_logo {
  margin-right: 16px;
  object-fit: contain;
}
.build_preferences .description, .build_preferences .title {
  display: block;
}
.build_preferences .title {
  font-size: 19px;
}
.build_preferences .description, .build_preferences .detail_url {
  font-style: italic;
  font-size: 12px;
}
.build_preferences .detail_url {
  font-size: 14px;
}
.build_preferences .build .active, .build_preferences .build .inactive {
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 45px;
  display: none;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.build_preferences .build .inactive {
  display: flex;
}
.build_preferences .help_text {
  display: none;
  font-size: 11px;
}
.build_preferences .change_match_build {
  display: flex;
  margin: 0 8px;
  justify-content: center;
  flex-direction: column;
}

.hint_text {
  font-size: x-small;
}

.dolphin_player_select_list {
  margin: 4px 4px 4px 0;
  display: flex;
  flex-direction: column;
}
.dolphin_player_select_list .username_button {
  display: inline-flex;
  font-size: 14px;
  padding: 4px 0;
  cursor: pointer;
}
.dolphin_player_select_list .username_button.has_no_slot .username, .dolphin_player_select_list .username_button.has_no_slot .user_info .subscription_streak, .user_info .dolphin_player_select_list .username_button.has_no_slot .subscription_streak, .dolphin_player_select_list .username_button.has_no_slot .subscriber_glowish, .dolphin_player_select_list .username_button.has_no_slot .subscribe_link {
  font-style: italic;
  opacity: 0.7;
}
.dolphin_player_select_list .username_button:hover {
  color: #0F0;
}
.dolphin_player_select_list .username_button .selected {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.dolphin_player_select_list .username_button .selected.loading {
  color: #05D8FF;
}
.dolphin_player_select_list .username_button .selected.checked i {
  color: #0F0;
}
.dolphin_player_select_list .username_button .selected.checked i:hover {
  color: white;
}
.dolphin_player_select_list .username_button .selected.xcked i {
  color: #FF3434;
}
.dolphin_player_select_list .username_button .selected.xcked i:hover {
  color: white;
}
.dolphin_player_select_list .username_button .username, .dolphin_player_select_list .username_button .user_info .subscription_streak, .user_info .dolphin_player_select_list .username_button .subscription_streak, .dolphin_player_select_list .username_button .subscriber_glowish, .dolphin_player_select_list .username_button .subscribe_link {
  flex: 0 1 calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dolphin_player_select_list .username_holder {
  display: inline-block;
  margin: 0 4px 0 0;
}

.dolphin_launcher_waiting {
  display: flex;
  flex-direction: column;
}

.dolphin_launcher_waiting .waiting_dialog, .dolphin_launcher_waiting .dolphin_player_list {
  flex: 1;
  text-align: left;
}
.dolphin_launcher_waiting .dolphin_player_list {
  display: flex;
  border-top: 1px solid #3A4059;
  padding: 3px 0;
}
.dolphin_launcher_waiting .player_list_heading {
  display: none;
  margin-right: 16px;
  margin-top: 0;
  padding-top: 0;
}
.dolphin_launcher_waiting .dolphin_players {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-around;
  margin: 0;
  padding: 0;
}
.dolphin_launcher_waiting .status {
  display: flex;
  flex-direction: row;
}
.dolphin_launcher_waiting .previous_games {
  display: flex;
  flex-direction: column;
}
.dolphin_launcher_waiting .previous_games .stage_name {
  display: none;
}
.dolphin_launcher_waiting .previous_games .stage_pick {
  align-self: flex-start;
}
.dolphin_launcher_waiting .previous_games .team_characters {
  flex: 1;
}
.dolphin_launcher_waiting .previous_games .username, .dolphin_launcher_waiting .previous_games .user_info .subscription_streak, .user_info .dolphin_launcher_waiting .previous_games .subscription_streak, .dolphin_launcher_waiting .previous_games .subscriber_glowish, .dolphin_launcher_waiting .previous_games .subscribe_link {
  max-width: none;
}
.dolphin_launcher_waiting .previous_games .selected_characters {
  flex-wrap: wrap;
  flex: 1;
}
.dolphin_launcher_waiting .previous_games .team_characters:first-child {
  align-items: flex-start;
}
.dolphin_launcher_waiting .previous_games .team_characters:last-child .player_character, .dolphin_launcher_waiting .previous_games .team_characters:last-child .characters_container {
  margin-left: auto;
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
.dolphin_launcher_waiting .previous_games .character_pick {
  text-align: left;
}
.dolphin_launcher_waiting .previous_games .character {
  margin: 4px 0;
  cursor: default;
}
.dolphin_launcher_waiting .previous_games .stage {
  margin: 0;
}
.dolphin_launcher_waiting .previous_games .stage:hover {
  cursor: default;
}
.dolphin_launcher_waiting .previous_games .stage_outer_holder {
  display: flex;
  flex-direction: column;
}
.dolphin_launcher_waiting .previous_games .stage_outer_holder .previous_match_heading {
  font-size: 14px;
}
.dolphin_launcher_waiting .previous_games .stage_outer_holder .stage_name {
  font-size: 13px;
  text-align: left;
  max-width: 0;
}
.dolphin_launcher_waiting .previous_games .previous_match_heading {
  text-align: left;
  font-size: 18px;
}
.dolphin_launcher_waiting .previous_games .the_games {
  display: flex;
  flex-direction: column;
}
.dolphin_launcher_waiting .previous_games .game {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.current_matches_holder .game_information .dolphin_version {
  display: none;
}
.current_matches_holder .game_information .dolphin_version.active {
  display: inline-block;
}
.current_matches_holder .game_information .dolphin_version.special_preferred_build {
  font-size: 16px;
  text-align: center;
  margin-bottom: 4px;
  margin-left: 12px;
}
.current_matches_holder .game_information .dolphin_version .dolphin_logo {
  display: inline-block;
}

.league_change .medal_summary {
  font-size: 13px;
}
.league_change .division {
  font-size: 14px;
}

.no_vote {
  opacity: 0.6;
  font-style: italic;
}

.league_change .points {
  display: block;
}

#tab-pane-match_only_view {
  flex-direction: column;
}

.game_number_text .game_number {
  color: #05D8FF;
}

.set_score .wins {
  color: #0F0;
}
.set_score .losses {
  color: #FF3434;
}

#match_only_view {
  display: flex;
  flex-direction: column;
}
#match_only_view .active_match {
  max-width: 320px;
}
#match_only_view .active_match .match_count_text_holder {
  display: none;
}
#match_only_view .active_match .reports {
  display: none;
}
#match_only_view .active_match .picks_container {
  padding: 0;
}
#match_only_view .teams {
  justify-content: normal;
}
#match_only_view .match_count {
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
}
#match_only_view .waiting_rotation .logo_container {
  height: 138px;
}
#match_only_view .waiting_rotation .image_holder {
  height: 64px;
}
#match_only_view .waiting_rotation .game_icon {
  filter: none;
  max-width: 130px;
  max-height: 130px;
}
#match_only_view .waiting_rotation .image_and_tier {
  justify-content: normal;
}
#match_only_view .waiting_rotation .ranked_requirements, #match_only_view .waiting_rotation .tier_details {
  font-size: larger;
}
#match_only_view .waiting_rotation .tier_details {
  text-align: center;
}
#match_only_view .game_information.active_matches {
  display: flex;
  flex-direction: column;
}
#match_only_view .game_information.active_matches .match_count {
  display: flex;
  flex-direction: column;
}
#match_only_view .game_information.active_matches .match_count .match_game_logo {
  max-height: 60px;
  max-width: 180px;
}
#match_only_view .game_information.active_matches .match_count .game_name.image_added {
  display: block;
}
#match_only_view .searches_holder .heading {
  display: none;
}
#match_only_view .searches_holder .match_count .game_name {
  display: inline;
}
#match_only_view .league_icon {
  max-height: 64px;
}
#match_only_view .leagued {
  display: block;
}
#match_only_view .leagued .division {
  display: block;
  font-size: 22px;
}
#match_only_view .game_number_heading {
  border-bottom: none;
  margin-right: auto;
}
#match_only_view .game_number_heading .set_score .win_text, #match_only_view .game_number_heading .set_score .losses_text {
  display: none;
}
#match_only_view .game_number_heading .set_score .wins {
  color: #0F0;
}
#match_only_view .game_number_heading .set_score .wins:after {
  content: "-";
  margin-left: 6px;
  color: #FFF;
}
#match_only_view .game_number_heading .set_score .losses {
  color: #FF3434;
}
#match_only_view .game_name {
  display: block;
}
#match_only_view .advanced_user_element {
  display: inline-flex;
  flex-direction: column;
}
#match_only_view .advanced_user_element .username, #match_only_view .advanced_user_element .user_info .subscription_streak, .user_info #match_only_view .advanced_user_element .subscription_streak, #match_only_view .advanced_user_element .subscriber_glowish, #match_only_view .advanced_user_element .subscribe_link {
  font-size: 18px;
}
#match_only_view .tier_mini {
  order: 10;
}
#match_only_view .tier_mini .tier_mini {
  position: relative;
}
#match_only_view .tier_mini .mini_tier_icon {
  position: static;
  transform: none;
}
#match_only_view .opponent .team.has_me {
  display: none;
}
#match_only_view .opponent .teams .player {
  min-width: 20rem;
}

.is_new {
  color: yellow;
  font-size: x-small;
  top: -4px;
  position: relative;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.edit_chat h1 {
  text-align: center;
}
.edit_chat .tab-content .tab-pane {
  min-height: 300px;
}
.edit_chat .tab-content .userlist {
  height: 250px;
  overflow-y: scroll;
  width: 300px;
  border: 1px solid black;
  border-radius: 8px;
}
.edit_chat .userlist button {
  float: right;
}
.edit_chat .userlist li {
  clear: both;
  padding: 1px 8px;
}
.edit_chat .userlist li:hover {
  background-color: black;
}

.chat_input_group .emoji-mart {
  display: flex;
  flex-direction: column;
}
.chat_input_group .emoji-mart .emoji-mart-anchor {
  cursor: pointer;
}
.chat_input_group .emoji-mart .emoji-mart-category .emoji-mart-emoji span {
  cursor: pointer;
}
.chat_input_group .emoji-mart .emoji-mart-scroll {
  max-height: 34vh;
}
.chat_input_group .emoji-mart-bar {
  order: 10;
}

.emoji_picker {
  background-color: transparent;
  font-size: 18px;
  border: none;
}
[data-theme=light] .emoji_picker {
  color: var(--ui-ink-2);
}
.emoji_picker:hover, a .emoji_picker.location:hover, .link .emoji_picker.location:hover {
  background-color: transparent;
}

.chat_message_reactions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-left: 6px;
  vertical-align: middle;
}
.chat_message_reactions .reaction_pill {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 0 5px;
  height: 18px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 0.06);
  color: inherit;
  font-size: 11px;
  line-height: 1;
  cursor: pointer;
}
.chat_message_reactions .reaction_pill:hover {
  background-color: var(--ui-line-2);
}
[data-theme=light] .chat_message_reactions .reaction_pill {
  border-color: var(--ui-line-2);
  background-color: var(--ui-surface);
}
[data-theme=light] .chat_message_reactions .reaction_pill:hover {
  background-color: var(--ui-line-2);
}
.chat_message_reactions .reaction_pill.reacted {
  border-color: var(--ui-anchor);
  background-color: color-mix(in srgb, var(--ui-anchor) 22%, transparent);
}
.chat_message_reactions .reaction_pill .reaction_count {
  font-weight: bold;
}

.chat_message.me_texted .username, .chat_message.me_texted .user_info .subscription_streak, .user_info .chat_message.me_texted .subscription_streak, .chat_message.me_texted .subscriber_glowish, .chat_message.me_texted .subscribe_link, .chat_message.me_texted .message {
  font-style: italic;
}
.chat_message.me_texted .message {
  color: var(--ui-name);
}
.chat_message.me_texted .message_command {
  display: none;
}

.chat_message.me_texted.subscribed_message .message {
  color: var(--ui-name-sub);
}

.groups_container .loading {
  text-align: center;
}

#sidebar .chat_entry {
  margin: 3px 0;
}
#sidebar .chat_entry .logo_container, #sidebar .chat_entry .invite_only, #sidebar .chat_entry .players_in_room, #sidebar .chat_entry .has_new_messages {
  display: none;
}
#sidebar .chat_entry.invite_only .invite_only {
  display: inline;
}
#sidebar .chat_entry.has_logo .logo_container {
  display: block;
}
#sidebar .chat_entry.has_new_messages .new_message_count {
  display: inline-block;
}

.chat_tab_mover {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
}

.chat_tab_group .chat_tab_heading {
  display: block;
  text-align: center;
  font-size: 15px;
  margin: 4px 0;
}
.chat_tab_group .chat_tab_heading.your_chats {
  display: none;
}

.control-buttons .btn, .control-buttons body.database_setup input[type=submit], body.database_setup .control-buttons input[type=submit], .control-buttons body.database_setup button, body.database_setup .control-buttons button, .control-buttons .btn-xs, .control-buttons .possible_aka_listings button, .possible_aka_listings .control-buttons button, .control-buttons .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .control-buttons button, .control-buttons .stage_selectable .stage_options button, .stage_selectable .stage_options .control-buttons button, .control-buttons .btn-sm, .control-buttons .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .control-buttons button {
  border: none;
}

#main_chat_area .chat-rules-popout-holder {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex: 1 1 0;
  min-height: 0;
}
#main_chat_area .chat-rules-popout-holder .full_page_loader,
#main_chat_area .chat-rules-popout-holder .no_matches {
  flex: 1 1 auto;
  height: auto;
}
#main_chat_area .chat_room_title_banner {
  padding: 6px 0px 6px 0px;
  font-size: x-large;
}
#main_chat_area .chat_room_title_banner .name {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  flex: 10 1 0;
}
#main_chat_area .chat_room_title_banner .name .badge, #main_chat_area .chat_room_title_banner .name .event_listing .best_of_small, .event_listing #main_chat_area .chat_room_title_banner .name .best_of_small, #main_chat_area .chat_room_title_banner .name .bug_category, #main_chat_area .chat_room_title_banner .name .normal_list .no_tags.active, .normal_list #main_chat_area .chat_room_title_banner .name .no_tags.active, #main_chat_area .chat_room_title_banner .name .bug_summary_description .confirmed, .bug_summary_description #main_chat_area .chat_room_title_banner .name .confirmed {
  position: absolute;
  bottom: 0;
}
#main_chat_area .chat_room_title_banner .name .badge.has_new_messages, #main_chat_area .chat_room_title_banner .name .event_listing .has_new_messages.best_of_small, .event_listing #main_chat_area .chat_room_title_banner .name .has_new_messages.best_of_small, #main_chat_area .chat_room_title_banner .name .has_new_messages.bug_category, #main_chat_area .chat_room_title_banner .name .normal_list .has_new_messages.no_tags.active, .normal_list #main_chat_area .chat_room_title_banner .name .has_new_messages.no_tags.active, #main_chat_area .chat_room_title_banner .name .bug_summary_description .has_new_messages.confirmed, .bug_summary_description #main_chat_area .chat_room_title_banner .name .has_new_messages.confirmed {
  left: 0;
  background-color: #0A6EBD;
}
#main_chat_area .chat_room_title_banner .name .badge.mentioned, #main_chat_area .chat_room_title_banner .name .event_listing .mentioned.best_of_small, .event_listing #main_chat_area .chat_room_title_banner .name .mentioned.best_of_small, #main_chat_area .chat_room_title_banner .name .mentioned.bug_category, #main_chat_area .chat_room_title_banner .name .normal_list .mentioned.no_tags.active, .normal_list #main_chat_area .chat_room_title_banner .name .mentioned.no_tags.active, #main_chat_area .chat_room_title_banner .name .bug_summary_description .mentioned.confirmed, .bug_summary_description #main_chat_area .chat_room_title_banner .name .mentioned.confirmed {
  right: 0;
  background-color: #0A6EBD;
}
#main_chat_area .chat_room_title_banner .chat_options {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  font-size: large;
  flex: 1 1 0;
}
#main_chat_area .chat_room_title_banner .chat_option {
  border-radius: 8px;
  padding: 4px 11px;
  margin-left: 2px;
  text-align: center;
}
#main_chat_area .chat_room_title_banner .chat_option.active {
  color: var(--ui-anchor);
}
#main_chat_area .chat_room_title_banner .chat_option:hover {
  color: var(--ui-anchor);
  background-color: var(--ui-chat-bg);
}
#main_chat_area .chat_select_holder {
  flex: 1;
}
#main_chat_area .chat_room_title_banner .name:before {
  content: "#";
  margin-right: 4px;
  margin-left: 8px;
  color: var(--ui-hairline);
}
#main_chat_area #chat_select {
  background-color: transparent;
  color: white;
  display: block;
  border-radius: 0;
  border-width: 1px;
  border-left: none;
  border-right: none;
  border-color: var(--ui-anchor);
  text-align: left;
  margin: 0 8px 0 14px;
  cursor: pointer;
}

#sidebar .chat_entry:not(.active) {
  border-left: none;
}
#sidebar .chat_groups {
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
}
#sidebar .chat_entry.has_new_messages {
  border-right: 5px solid white;
}

.join_chat .suggested_chats {
  margin-top: 12px;
}
.join_chat .suggested_chats .no_chats {
  display: block;
  padding: 12px;
  text-align: center;
  font-style: italic;
  opacity: 0.7;
}

.chat_tab_holder {
  position: absolute;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  padding-top: 5px;
}

.chat_tab_group {
  display: block;
  padding-top: 1px;
}
.chat_tab_group .ladder {
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  overflow: hidden;
  margin: 3px 0 3px 10px;
}
.chat_tab_group .ladder .name {
  pointer-events: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: small;
}
.chat_tab_group .ladder .ladder_logo {
  max-width: 90%;
  max-height: 56px;
}

.chat_entries .chat_room_group:hover {
  background-color: var(--ui-hairline);
}
.chat_entries .chat_room_group:not(:last-child) {
  margin: 0;
}
.chat_entries .description_items {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 16px;
}
.chat_entries .new_message_count {
  display: none;
  position: absolute;
  right: -2px;
  top: -2px;
}
.chat_entries a.chat_entry, .chat_entries a .chat_entry.location:hover, a .chat_entries .chat_entry.location:hover, .chat_entries .link .chat_entry.location:hover, .link .chat_entries .chat_entry.location:hover, .chat_entries .chat_entry.link {
  color: var(--ui-anchor);
}
.chat_entries .chat_entry.has_new_messages .new_message_count {
  display: block;
}
.chat_entries .stats {
  text-align: right;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-left: auto;
}
.chat_entries .chat_entry, .chat_entries .control_tab {
  display: flex;
  flex-direction: column;
  padding: 5px 8px;
  margin: 2px 4px;
  border: 1px solid transparent;
  position: relative;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 0;
}
.chat_entries .chat_entry {
  border-radius: 0;
  margin: 0;
}
.chat_entries .chat_tab.control_tab {
  text-align: center;
  border-radius: 8px;
  padding: 4px;
  background-color: transparent;
  border: 1px dashed var(--ui-chat-ink);
  display: block;
}
.chat_entries .chat_tab.control_tab:hover {
  background-color: var(--ui-anchor);
  border-color: transparent;
}
.chat_entries .chat_entry {
  cursor: pointer;
  border: 2px solid transparent;
}
.chat_entries .chat_entry.active {
  background-color: var(--ui-hairline);
  border-left-color: var(--ui-anchor);
}
.chat_entries .chat_entry:hover {
  cursor: pointer;
  background-color: #0A6EBD;
}
.chat_entries .chat_entry:hover.active {
  box-shadow: none;
}
.chat_entries .name .chat_name {
  font-size: 16px;
}
.chat_entries .name .invite_only {
  color: white;
  font-size: 16px;
}
.chat_entries .description {
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 18px;
  max-width: 250px;
  display: none;
}
.chat_entries .description.active {
  display: block;
}
.chat_entries #basic_chats .description {
  display: none;
}
.chat_entries .stats .players_in_room, .chat_entries .stats .logo_container {
  margin-left: auto;
  white-space: nowrap;
}
.chat_entries .logo_container {
  text-align: center;
}
.chat_entries .logo {
  height: 24px;
}

#sidebar .chat_entries .chat_entry.active {
  border-left: none;
  border-right: 5px solid var(--ui-anchor);
}

.chat_entries .name {
  overflow: hidden;
}
.chat_entries .chat_tab div {
  display: inline-block;
  overflow: hidden;
}
.chat_entries .chat_tab a, .chat_entries .chat_tab a .location:hover, a .chat_entries .chat_tab .location:hover, .chat_entries .chat_tab .link .location:hover, .link .chat_entries .chat_tab .location:hover, .chat_entries .chat_tab .link {
  overflow: hidden;
  display: inline;
  color: white;
}
.chat_entries .name, .chat_entries i {
  display: inline;
  height: 18px;
  vertical-align: bottom;
}
.chat_entries .name {
  max-width: 100%;
}
.chat_entries .active .chat_tab .name {
  color: var(--ui-chat-link);
}
.chat_entries .chat_tab.has_new_messages {
  font-style: italic;
  border-left: 3px solid #0A6EBD;
}
.chat_entries .fa-trophy {
  padding-top: 3px;
  display: none;
}
.chat_entries .chat_tab .chat_logo {
  display: none;
}
.chat_entries .chat_tab.has_logo .chat_logo {
  display: inline-block;
  max-height: 24px;
  top: 0px;
  position: relative;
  text-align: left;
}
.chat_entries .chat_tab.has_logo .name {
  display: none;
}
.chat_entries .chat_tab.has_logo .is_ladder {
  display: none;
}
.chat_entries .chat_tab .badge, .chat_entries .chat_tab .event_listing .best_of_small, .event_listing .chat_entries .chat_tab .best_of_small, .chat_entries .chat_tab .bug_category, .chat_entries .chat_tab .normal_list .no_tags.active, .normal_list .chat_entries .chat_tab .no_tags.active, .chat_entries .chat_tab .bug_summary_description .confirmed, .bug_summary_description .chat_entries .chat_tab .confirmed {
  top: 2px;
  right: 4px;
  position: absolute;
}

#tab-pane-groups {
  overflow-y: auto;
}

.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  will-change: transform;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

#main_chat_area .chat_room_description {
  min-height: 64px;
  max-height: 30%;
  overflow: hidden;
}

.chat_room_description {
  display: flex;
  text-align: center;
  border: 1px solid var(--ui-hairline);
  box-shadow: 2px 2px 2px black;
  font-size: 13px;
  color: white;
  font-style: italic;
  background-color: var(--ui-page);
}
.chat_room_description .description_message {
  white-space: pre-line;
  padding: 8px 24px 8px 36px;
  overflow: auto;
  flex: 1 1 auto;
  word-break: break-word;
}
.chat_room_description .description_message img {
  max-width: 100%;
}
.chat_room_description .description_message:hover {
  cursor: pointer;
  background-color: #0A6EBD;
}

.current_match .chat_room_description {
  position: relative;
  border-radius: 0;
}

.data-table__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.data-table__filter {
  background: var(--ui-chip);
  color: var(--ui-chip-ink);
  border: 1px solid var(--ui-hairline);
  border-radius: 999px;
  padding: 5px 16px;
  font-size: 13px;
  line-height: 1.4;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.data-table__filter:hover, a .data-table__filter.location:hover, .link .data-table__filter.location:hover {
  border-color: #05D8FF;
  color: var(--ui-body-ink);
}
.data-table__filter.is-active {
  background: #0A6EBD;
  border-color: #05D8FF;
  color: #fff;
}
.data-table__body {
  position: relative;
  overflow-x: auto;
}
.data-table__body.is-loading .data-table__table {
  opacity: 0.45;
  pointer-events: none;
}
.data-table__loading {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--ui-panel-head);
  border: 1px solid var(--ui-hairline);
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 13px;
  color: var(--ui-body-ink);
}
.data-table__spinner {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-top-color: #05D8FF;
  border-radius: 50%;
  animation: data-table-spin 0.7s linear infinite;
}
.data-table__table {
  width: 100%;
  border-collapse: collapse;
}
.data-table__th {
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ui-muted);
  font-weight: 600;
  padding: 10px 14px;
  border-bottom: 1px solid var(--ui-hairline);
  white-space: nowrap;
}
.data-table__row {
  border-bottom: 1px solid color-mix(in srgb, var(--ui-hairline) 50%, transparent);
  transition: background 0.12s;
}
.data-table__row:last-child {
  border-bottom: 0;
}
.data-table__row:hover, a .data-table__row.location:hover, .link .data-table__row.location:hover {
  background: var(--ui-surface);
}
.data-table__td {
  padding: 12px 14px;
  vertical-align: middle;
}
.data-table__empty td {
  padding: 36px 14px;
  text-align: center;
  color: var(--ui-muted);
  font-size: 14px;
}
.data-table__pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}
.data-table__pagination--top {
  margin-bottom: 14px;
}
.data-table__pagination--bottom {
  margin-top: 20px;
}
.data-table__ellipsis {
  display: inline-flex;
  align-items: flex-end;
  padding: 0 4px;
  color: var(--ui-faint);
  user-select: none;
}
.data-table__page {
  min-width: 34px;
  height: 34px;
  padding: 0 8px;
  border-radius: 6px;
  background: var(--ui-chip);
  border: 1px solid var(--ui-hairline);
  color: var(--ui-chip-ink);
  font-size: 13px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.data-table__page:hover:not(:disabled) {
  border-color: #05D8FF;
  color: var(--ui-body-ink);
}
.data-table__page.is-active {
  background: #0A6EBD;
  border-color: #05D8FF;
  color: #fff;
  cursor: default;
}

@keyframes data-table-spin {
  to {
    transform: rotate(360deg);
  }
}
.bug_summary_description .bug_title, .bug_summary_description .match_link {
  font-size: 15px;
  margin-bottom: 4px;
}
.bug_summary_description .bug_title .title {
  font-size: 20px;
}
.bug_summary_description .bug_categories {
  margin-left: 20px;
}
.bug_summary_description .confirmed {
  background-color: #70FF76;
  font-size: 11px;
}

.bug_description_body .change_bug_button {
  display: none;
  margin-bottom: 8px;
}
.bug_description_body.changed .change_bug_button {
  display: block;
}
.bug_description_body .is_closed, .bug_description_body .is_open {
  display: none;
}
.bug_description_body .close_report_options.is_fixed .is_closed {
  display: inline-flex;
}
.bug_description_body .close_report_options:not(.is_fixed) .is_open {
  display: inline-flex;
}
.bug_description_body .bug_fixed {
  display: none;
}
.bug_description_body .close_report_options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid var(--ui-hairline);
  margin-top: 16px;
  padding-top: 16px;
  margin-bottom: 16px;
}
.bug_description_body .close_report_options > div {
  margin-right: 16px;
}
.bug_description_body .delete_form {
  flex: 1;
  align-items: flex-end;
  text-align: right;
}

.bug_open_closed {
  float: right;
}

.bug_category, .normal_list .no_tags.active, .bug_summary_description .confirmed {
  background-color: #0A6EBD;
  font-size: 12px;
}

.bug_categories .normal_list {
  margin: 8px 0 8px 0;
  display: inline-block;
}
.bug_categories .edit_list {
  display: none;
}

.bug_categories.changing .normal_list {
  display: none;
}
.bug_categories.changing .edit_list {
  display: inline-block;
}

.normal_list .no_tags {
  display: none;
}
.normal_list .no_tags.active {
  display: inline-block;
}

.bug_categories .normal_list:hover .bug_category, .bug_categories .normal_list:hover .bug_summary_description .confirmed, .bug_summary_description .bug_categories .normal_list:hover .confirmed, .bug_categories .normal_list:hover .no_tags.active {
  background-color: #05D8FF;
}

.normal_list .bug_category, .normal_list .bug_summary_description .confirmed, .bug_summary_description .normal_list .confirmed, .normal_list .no_tags.active {
  display: none;
}

.bug_category.active, .bug_summary_description .active.confirmed, .normal_list .active.no_tags {
  display: inline-block;
}

.bug_filters .filter_section {
  display: inline-block;
}
.bug_filters .filter_section:not(:last-child):after {
  content: "|";
  margin: 0 8px;
}

.bug_row {
  display: flex;
  border-bottom: 1px solid #3A4059;
}

.bug_row.focused {
  border-color: #FFD700;
}

.bug_row .bug_type {
  background-color: black;
  border: 1px solid white;
  border-radius: 2px;
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  margin-right: 8px;
}
.bug_row .bug_option.fixed {
  display: none;
}
.bug_row .easy_read .description {
  overflow: hidden;
  display: block;
  max-height: 6em;
  height: auto;
  opacity: 1;
  transition: 0.2s;
  overflow-y: auto;
  padding-bottom: 2px;
  word-break: break-word;
}
.bug_row .bug_summary_description, .bug_row .easy_read, .bug_row .who_when {
  flex: 1;
}
.bug_row .stats {
  padding: 0 16px 0 4px;
  min-width: 105px;
}
.bug_row .stats .replies {
  font-size: 15px;
  margin-bottom: 4px;
}
.bug_row .stats .replies .count {
  font-size: 17px;
  margin-left: 4px;
  color: #0A6EBD;
  vertical-align: middle;
}
.bug_row .status {
  margin-bottom: 4px;
}
.bug_row .last_reply_by {
  margin-top: 4px;
}
.bug_row .last_reply_by .title {
  font-size: 11px;
}
.bug_row .status .bug_closed, .bug_row .status .bug_opened {
  display: none;
}
.bug_row .status.closed .bug_closed, .bug_row .status.open .bug_opened {
  display: inline-block;
  cursor: pointer;
  font-size: 13px;
}

.bugs-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 28px 16px 16px;
  color: var(--ui-ink);
  text-align: left;
}
.bugs-page__intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-bottom: 20px;
}
.bugs-page__title {
  margin: 0;
  color: var(--ui-ink);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}
.bugs-page__subtitle {
  margin: 6px 0 0;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.bugs-page__new {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: 6px;
  background: #0a6ebd;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
.bugs-page__new.bugs-page__new, .bugs-page__new:hover, a .bugs-page__new.location:hover, .link .bugs-page__new.location:hover, .bugs-page__new:focus {
  color: #fff;
  text-decoration: none;
}
.bugs-page__new:hover, a .bugs-page__new.location:hover, .link .bugs-page__new.location:hover {
  background: #1580d4;
}
.bugs-page__new:focus-visible {
  outline: 2px solid #18c5f0;
  outline-offset: 2px;
}
.bugs-page__ad {
  max-width: 1100px;
  margin: 0 auto 24px;
  padding: 0 16px;
}

.react_bug_list__error {
  color: rgb(255, 131, 131);
  background: rgba(255, 131, 131, 0.08);
  border: 1px solid rgba(255, 131, 131, 0.35);
  border-radius: 6px;
  padding: 10px 14px;
  margin-bottom: 14px;
}
[data-theme=light] .react_bug_list__error {
  color: var(--ui-red);
}
.react_bug_list .data-table__body {
  background: var(--ui-box);
  border: 1px solid var(--ui-hairline);
  border-radius: 8px;
}

.rbl-col-replies {
  width: 96px;
  text-align: center;
}

.rbl-col-status {
  width: 150px;
  text-align: center;
}

.rbl-col-mod {
  width: 130px;
}

.rbl-bug__title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  color: var(--ui-anchor);
  text-decoration: none;
  word-break: break-word;
}
.rbl-bug__title:hover .rbl-bug__title-text {
  text-decoration: underline;
}
.rbl-bug__confirmed {
  color: #70FF76;
  font-size: 13px;
}
[data-theme=light] .rbl-bug__confirmed {
  color: var(--ui-good);
}
.rbl-bug__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  font-size: 12px;
  color: var(--ui-muted);
}
.rbl-bug__cat {
  background: #0A6EBD;
  color: #fff;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}
.rbl-bug__by, .rbl-bug__reply {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.rbl-bug__reply {
  padding-left: 8px;
  border-left: 1px solid var(--ui-hairline);
}
.rbl-bug__reply-label {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.05em;
  color: var(--ui-faint);
}
.rbl-bug__who {
  color: var(--ui-chip-ink);
  text-decoration: none;
}
.rbl-bug__who:hover, a .rbl-bug__who.location:hover, .link .rbl-bug__who.location:hover {
  text-decoration: underline;
}
.rbl-bug__time {
  color: var(--ui-faint);
}

.rbl-replies {
  font-size: 16px;
  font-weight: 600;
  color: var(--ui-anchor);
}

.rbl-status {
  display: inline-block;
  padding: 3px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.rbl-status--new, .rbl-status--awaiting_mod {
  background: rgba(112, 255, 118, 0.15);
  color: #70FF76;
}
[data-theme=light] .rbl-status--new, [data-theme=light] .rbl-status--awaiting_mod {
  background: color-mix(in srgb, var(--ui-good) 12%, transparent);
  color: var(--ui-good);
}
.rbl-status--awaiting_submitter {
  background: rgba(5, 216, 255, 0.12);
  color: #05D8FF;
}
[data-theme=light] .rbl-status--awaiting_submitter {
  background: color-mix(in srgb, var(--ui-link) 10%, transparent);
  color: var(--ui-link);
}
.rbl-status--resolved {
  background: rgba(255, 255, 255, 0.08);
  color: #9aa0b8;
}
[data-theme=light] .rbl-status--resolved {
  background: var(--ui-line);
  color: var(--ui-ink-3);
}

.rbl-category {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--ui-chip-ink);
}
.rbl-category__select {
  background: var(--ui-box);
  color: var(--ui-chip-ink);
  border: 1px solid var(--ui-hairline);
  border-radius: 6px;
  padding: 4px 8px;
}

.rbl-mod {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.rbl-mod__toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--ui-chip-ink);
  cursor: pointer;
  user-select: none;
}
.rbl-mod__toggle input {
  cursor: pointer;
}

.react_bug_list .is-hidden {
  opacity: 0.55;
}

.flair_preview_things .chat_preview {
  position: relative;
}
.flair_preview_things .chat_container {
  position: relative;
}

.folder .hidden {
  display: none;
}

.folder.btn .back, body.database_setup input.folder[type=submit] .back, body.database_setup button.folder .back, .folder.btn-xs .back, .possible_aka_listings button.folder .back, .user_main_info_area .mod_options form button.folder .back, .stage_selectable .stage_options button.folder .back, .folder.btn-sm .back, .request_list .challenge_request_hmm.removing button.folder .back {
  display: none;
  padding: 4px;
}

.folder.active {
  width: 100%;
}

.folder.active .back {
  display: block;
}

.folder.active .folder_name {
  font-size: 18px;
  margin: 10px 0;
  text-align: center;
}

.folder .folder_name {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}

.recent_flairs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.recent_flairs .flair_select_button {
  display: flex;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0);
  justify-content: center;
  margin-right: 8px;
  padding: 4px;
}
.recent_flairs .flair_select_button.selected {
  border: 1px solid #05D8FF;
}
.recent_flairs .flair_select_button:hover {
  border: 1px solid #fff;
  filter: brightness(200%);
}

/** Flair Manager **/
.folder_title {
  cursor: move;
  display: flex;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
}
.folder_title .upload_flairs {
  text-align: right;
  flex: 1;
  font-size: 16px;
}

.folder_title label {
  cursor: move;
}

.flair_groupable {
  border: 1px solid black;
  float: left;
  cursor: move;
  height: 28px;
  width: 30px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-radius: 4px;
}
.flair_groupable.enabled_flair {
  background-color: #12141C;
}
.flair_groupable img {
  max-height: 26px;
  max-width: 26px;
}

.add_new_folders_form {
  margin-top: 16px;
}

.group-select .loading {
  display: none;
}

.group-select.loading .loading {
  display: flex;
  justify-content: center;
  width: 100%;
}

.sortable_folder .edit_folder_button {
  cursor: pointer;
}

.sortable_folder .edit_group {
  display: none;
}

.sortable_folder.viewing .edit_group {
  display: inline-block;
  margin-right: 8px;
}

.sortable_folder.viewing .change_name_form {
  display: none;
}

.sortable_folder.viewing .folder_enabled_form {
  display: none;
}

.sortable_folder:not(.viewing) .view_only {
  display: none;
}

.flair_detail {
  display: none;
}

.flair_groupable.disabled_flair {
  opacity: 0.6;
}

.flair_detail .loading {
  display: none;
  text-align: center;
}

.sortable_placeholder {
  border: 2px dotted black;
  border-radius: 4px;
  float: left;
  display: inline-block;
}

.folder_title .group_name {
  padding: 0;
  margin: 0;
  max-width: calc(100% - 40px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.folder_title.active {
  border: 2px solid gold;
}

.sortable_folder.enabled .folder_group {
  border-color: white;
}

.sortable_folder {
  min-height: 80px;
  padding: 0 4px;
  margin-bottom: 4px;
}

.sortable_folder:not(.enabled) .folder_group {
  border-style: dashed;
}

#page_mod .flair_group_area {
  min-height: 600px;
}

.game_group {
  border: 1px solid transparent;
}

.game_group .folder_name {
  margin: 0 0 10px 0;
}

.game_group .folder_name .game_logo {
  display: block;
  margin: 0 auto;
  max-width: 150px;
  max-height: 60px;
  padding: 4px;
  border-radius: 4px;
  background-color: #12141C;
}

.game_group .upload_to_folder, .game_group .edit_folder_button {
  cursor: pointer;
}

.qq-upload-success .chat_container {
  border-color: gold;
  background-color: #1C1F2B;
}

.ax-main-container {
  float: none;
  width: 400px;
}

.ax-uploader {
  width: 400px;
}

.ax-main-container .ax-file-list .ax-file-wrapper {
  margin: 6px;
  float: none;
  height: auto;
  width: auto;
  border: 1px solid white;
  background-color: transparent;
  border-radius: 0;
}

.ax-main-container .ax-button {
  display: inline;
}

.ax-main-container .ax-main-title {
  color: black;
  margin: auto;
  margin-bottom: 12px;
}

.ax-main-container .ax-main-buttons {
  margin: 4px 0;
}

.ax-main-container .ax-main-buttons .ax-icon {
  width: 1px;
  height: 1px;
}

.ax-main-container .fa, .ax-main-container .chat_message.edited .edited, .chat_message.edited .ax-main-container .edited, .ax-main-container .feedback_thumbs .negative, .feedback_thumbs .ax-main-container .negative, .ax-main-container .feedback_thumbs .positive, .feedback_thumbs .ax-main-container .positive, .ax-main-container .feedback_thumbs .neutral, .feedback_thumbs .ax-main-container .neutral {
  color: black;
}

.ax-file-list {
  text-align: left;
  margin-top: 8px;
}

.ax-uploader .flair_preview_things {
  width: 80%;
  display: inline-block;
}

.ax-main-container .ax-remove {
  margin: 0 0 0 8px;
  padding: 4px;
  vertical-align: top;
  display: inline-block;
  width: 16px;
}

.ax-main-container .ax-remove:hover {
  background-color: gray;
  color: white;
}

.ax-progress-data {
  position: relative;
  background-color: rgba(5, 129, 255, 0.5);
}

.ax-main-container .ax-file-list .ax-file-wrapper .ax-progress-data .ax-progress-ba {
  background: red;
  opacity: 1;
}

.dz-preview .error_message {
  display: none;
}

.dz-preview.error .error_message {
  display: block;
}

.dz-preview .complete {
  display: none;
}

.dz-success-mark, .dz-error-mark {
  display: none;
}

.dz-success .remove_button {
  display: none;
}

.dz-success .complete {
  display: none;
}

.dz-success .complete {
  color: #00FF00;
  display: block;
}

#upload_form {
  max-height: 120px;
  overflow-y: auto;
}

.flair_page .flaired {
  cursor: pointer;
}
.flair_page .flair_select_button {
  float: left;
  height: 32px;
  width: 32px;
}
.flair_page .flair_select_button img {
  max-height: 24px;
  max-width: 24px;
}
.flair_page .folder {
  display: flex;
  flex-wrap: wrap;
}
.flair_page .folder .flaired:not(:first-child) {
  display: none;
}
.flair_page .folder:hover .flaired:not(:first-child) {
  display: block;
}

.admin-ui {
  --admin-ui-tint: 255, 255, 255;
  --admin-ui-well: rgba(0, 0, 0, 0.25);
  --admin-ui-avatar: linear-gradient(135deg, #2a3447, #1a212e);
  color: var(--ui-ink-2);
}
[data-theme=light] .admin-ui {
  --admin-ui-tint: 31, 39, 51;
  --admin-ui-well: var(--ui-bg);
  --admin-ui-avatar: linear-gradient(135deg, #f4f6f9, #dde2e9);
}
.admin-ui .mono {
  font-family: var(--ui-mono);
}
.admin-ui .stat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 16px 0;
}
@media (max-width: 880px) {
  .admin-ui .stat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.admin-ui .stat-tile {
  padding: 14px 16px;
  border: 1px solid var(--ui-line);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(var(--admin-ui-tint), 0.02), transparent);
}
.admin-ui .stat-tile .l {
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-label);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
  margin-bottom: 8px;
}
.admin-ui .stat-tile .v {
  font-family: var(--ui-mono);
  font-size: 26px;
  font-weight: 700;
  color: var(--ui-ink);
  line-height: 1;
}
.admin-ui .stat-tile .d {
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-3);
  margin-top: 6px;
}
.admin-ui .stat-tile .d b {
  color: var(--ui-good);
  font-weight: 600;
}
.admin-ui .stat-tile .d b.dn {
  color: var(--ui-red);
}
.admin-ui .type-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px 3px 7px;
  border: 1px solid var(--ui-line-3);
  border-radius: 999px;
  background: var(--ui-surface);
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-label);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ui-ink-2);
  line-height: 1;
  white-space: nowrap;
}
.admin-ui .type-chip .d {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.admin-ui .type-chip.sub {
  color: var(--ui-sub);
  border-color: rgba(255, 176, 32, 0.3);
  background: rgba(255, 176, 32, 0.06);
}
.admin-ui .type-chip.don {
  color: var(--ui-don);
  border-color: rgba(77, 209, 200, 0.3);
  background: rgba(77, 209, 200, 0.06);
}
.admin-ui .type-chip.other {
  color: var(--ui-other);
  border-color: rgba(168, 123, 255, 0.3);
  background: rgba(168, 123, 255, 0.06);
}
.admin-ui .toggle-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 10px;
  border: 1px solid var(--ui-line-3);
  border-radius: 999px;
  background: var(--ui-surface);
  font-size: var(--ui-fs-sm);
  font-weight: 500;
  color: var(--ui-ink-2);
  cursor: pointer;
  line-height: 1;
}
.admin-ui .toggle-chip .d {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ui-ink-4);
}
.admin-ui .toggle-chip .ct {
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-label);
  color: var(--ui-ink-3);
  font-weight: 600;
}
.admin-ui .toggle-chip.on {
  color: var(--ui-ink);
  border-color: var(--ui-line-3);
  background: rgba(var(--admin-ui-tint), 0.06);
}
.admin-ui .toggle-chip.on .d {
  background: var(--ui-good);
  box-shadow: 0 0 8px rgba(54, 211, 153, 0.5);
}
.admin-ui .toggle-chip.on .ct {
  color: var(--ui-ink-2);
}
.admin-ui .toggle-chip.on.sub .d {
  background: var(--ui-sub);
  box-shadow: 0 0 8px rgba(255, 176, 32, 0.5);
}
.admin-ui .toggle-chip.on.don .d {
  background: var(--ui-don);
  box-shadow: 0 0 8px rgba(77, 209, 200, 0.5);
}
.admin-ui .toggle-chip.on.other .d {
  background: var(--ui-other);
  box-shadow: 0 0 8px rgba(168, 123, 255, 0.5);
}
.admin-ui .toggle-chip.on.new .d {
  background: var(--ui-good);
  box-shadow: 0 0 8px rgba(54, 211, 153, 0.5);
}
.admin-ui .new-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(54, 211, 153, 0.12);
  border: 1px solid rgba(54, 211, 153, 0.35);
  color: var(--ui-good);
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-label);
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1;
  vertical-align: middle;
}
.admin-ui .avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--admin-ui-avatar);
  color: var(--ui-ink-2);
  font-weight: 700;
  font-size: var(--ui-fs-label);
  font-family: var(--ui-mono);
  display: grid;
  place-items: center;
  flex: none;
  border: 1px solid var(--ui-line);
}
.admin-ui .avatar.you {
  background: linear-gradient(135deg, #ffd24a, #ffb020);
  color: #1a1100;
}
.admin-ui .admin-search {
  flex: 1;
  min-width: 220px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border: 1px solid var(--ui-line-3);
  border-radius: 8px;
  background: var(--admin-ui-well);
  margin: 0;
}
.admin-ui .admin-search svg {
  color: var(--ui-ink-3);
  flex: none;
}
.admin-ui .admin-search input {
  flex: 1;
  background: transparent;
  border: 0;
  outline: none;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
}
.admin-ui .admin-search input::placeholder {
  color: var(--ui-ink-4);
}
.admin-ui .count-chip {
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-2);
  padding: 4px 9px;
  border: 1px solid var(--ui-line);
  border-radius: 999px;
  background: var(--ui-surface);
  line-height: 1;
  white-space: nowrap;
}
.admin-ui .count-chip b {
  color: var(--ui-ink);
  font-weight: 700;
}
.admin-ui .admin-section {
  margin-bottom: 24px;
}
.admin-ui .admin-section > .head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 0 10px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--ui-line);
}
.admin-ui .admin-section > .head .ttl {
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-xs);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ui-ink-2);
  font-weight: 600;
}
.admin-ui .admin-section > .body {
  padding: 0;
}
.admin-ui .tile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 10px;
}
.admin-ui .tile {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--ui-line);
  border-radius: 10px;
  background: var(--ui-surface);
  color: var(--ui-ink);
  text-decoration: none;
  transition: border-color 0.12s ease, background 0.12s ease, transform 0.12s ease;
}
.admin-ui .tile .ico {
  flex: none;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(var(--admin-ui-tint), 0.04);
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-base);
}
.admin-ui .tile .label {
  flex: 1;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: var(--ui-fs-base);
  font-weight: 500;
  line-height: 1.3;
  color: var(--ui-ink);
}
.admin-ui .tile .label .sub-label {
  display: block;
  font-size: var(--ui-fs-xs);
  font-weight: 400;
  color: var(--ui-ink-3);
  margin-top: 2px;
}
.admin-ui .tile:hover {
  border-color: var(--ui-line-3);
  background: rgba(var(--admin-ui-tint), 0.06);
  transform: translateY(-1px);
  color: var(--ui-ink);
  text-decoration: none;
}
.admin-ui .tile:hover .ico {
  color: var(--ui-accent);
}

.mod-menu,
.stats-menu {
  max-width: var(--ui-page-max);
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
}

.graphs-summary {
  max-width: var(--ui-page-max);
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
}
.graphs-summary .stat-tile {
  border-left: 3px solid var(--ui-line-2);
}
.graphs-summary .stat-tile.accent-teal {
  border-left-color: var(--ui-don);
}
.graphs-summary .stat-tile.accent-teal .l {
  color: var(--ui-don);
}
.graphs-summary .stat-tile.accent-red {
  border-left-color: var(--ui-red);
}
.graphs-summary .stat-tile.accent-red .l {
  color: var(--ui-red);
}
.graphs-summary .stat-tile.accent-gold {
  border-left-color: var(--ui-sub);
}
.graphs-summary .stat-tile.accent-gold .l {
  color: var(--ui-sub);
}
.graphs-summary .stat-tile.accent-blue {
  border-left-color: var(--ui-cool);
}
.graphs-summary .stat-tile.accent-blue .l {
  color: var(--ui-cool);
}
.graphs-summary .stat-tile.accent-violet {
  border-left-color: var(--ui-other);
}
.graphs-summary .stat-tile.accent-violet .l {
  color: var(--ui-other);
}
.graphs-summary .income-weeks {
  margin: 0;
  padding: 0;
  list-style: none;
}
.graphs-summary .income-weeks li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 0;
  border-bottom: 1px solid var(--ui-line);
  font-size: var(--ui-fs-sm);
}
.graphs-summary .income-weeks li:last-child {
  border-bottom: 0;
}
.graphs-summary .income-weeks .wk {
  color: var(--ui-ink-3);
}
.graphs-summary .income-weeks .amt {
  color: var(--ui-ink);
  font-weight: 700;
}

.admin-subnav {
  display: flex;
  align-items: stretch;
  background: var(--ui-bg);
  border-bottom: 1px solid var(--ui-line);
  padding: 4px 14px;
  gap: 0;
  overflow-x: auto;
}
.admin-subnav__group {
  display: flex;
  flex-direction: column;
  padding: 8px 14px 6px;
  border-right: 1px solid var(--ui-line);
  min-width: 0;
}
.admin-subnav__group:last-child {
  border-right: 0;
}
.admin-subnav__label {
  font-family: var(--ui-mono);
  font-size: 9px;
  color: var(--ui-ink-4);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 4px;
}
.admin-subnav__row {
  display: flex;
  gap: 4px;
  align-items: center;
}
.admin-subnav__item {
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ui-ink-2);
  border-radius: 6px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}
.admin-subnav__item:hover, a .admin-subnav__item.location:hover, .link .admin-subnav__item.location:hover {
  color: var(--ui-ink);
  background: rgba(var(--admin-ui-tint), 0.04);
}
.admin-subnav__item.is-active {
  color: var(--ui-accent);
  background: color-mix(in srgb, var(--ui-accent) 12%, transparent);
}
.admin-subnav__item.is-active:hover {
  background: color-mix(in srgb, var(--ui-accent) 12%, transparent);
}
.admin-subnav__item:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 2px;
}
.admin-subnav__count {
  font-family: var(--ui-mono);
  font-size: 9px;
  color: var(--ui-ink-4);
  font-weight: 600;
}
.admin-subnav__item.is-active .admin-subnav__count {
  color: var(--ui-accent);
  opacity: 0.7;
}
.admin-subnav__alert {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ui-red);
}

.watched_response {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.watched_response:hover, a .watched_response.location:hover, .link .watched_response.location:hover {
  white-space: normal;
}

.add_mod_note {
  max-width: 480px;
  margin: 0 auto;
}

.system_name {
  display: block;
}

.system_name .league_image {
  height: 24px;
}

.scores label {
  display: block;
}

.game_mini_logo {
  max-width: 32px;
  filter: var(--ui-icon-outline);
}

.league_battle_test {
  background-color: #12141C;
}

.league_battle_test td.same_tier {
  background-color: #212121;
}

.league_battle_test td.null_battle {
  background-color: black;
}

.league_battle_test .win {
  color: #0F0;
}

.league_battle_test .loss {
  color: #FF4C4C;
}

.league_battle_test .league_image {
  height: 32px;
}

.league_battle_test input.win {
  background-color: black;
}

.point_list {
  display: flex;
  flex-direction: row;
}
.point_list .tier {
  margin-right: 20px;
}

.point_list_summary {
  display: flex;
  flex-direction: column;
}

.point_list_summary .heading {
  margin: 0;
}
.point_list_summary .breakdown {
  margin: 6px 0;
}
.point_list_summary .title {
  font-weight: bold;
  width: 96px;
  display: inline-block;
}
.point_list_summary .medal_summary .rank_medal {
  height: 36px;
}
.point_list_summary .medal_summary .division {
  display: none;
}
.point_list_summary .league_system_summary {
  display: flex;
  flex-direction: row;
  min-height: 60px;
}
.point_list_summary .league_system_summary .league_name {
  width: 120px;
}
.point_list_summary .league_system_summary .medal_summary {
  padding: 0 4px;
}
.point_list_summary .league_system_summary .division_summary {
  flex: 1;
  padding-left: 16px;
}

.league_battle_test .score_penalty.changed, .league_battle_test .percentage.changed {
  border-color: red;
  font-style: italic;
}
.league_battle_test .score_penalty.saving, .league_battle_test .percentage.saving {
  border-color: green;
  font-style: italic;
  background-color: gray;
  color: white;
}
.league_battle_test .tier_relationship_block {
  min-width: 75px;
}
.league_battle_test .expand {
  color: #0F0;
  font-size: 14px;
  display: block;
  cursor: pointer;
}

.score_penalty[disabled] {
  opacity: 0.8;
}

.score_penalty {
  height: 19px;
}

#flagged_matches_notification {
  display: none;
}

.ace_editor {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  min-height: 96px;
}

.banner_history .banner.active {
  background-color: #05D8FF;
}

#page_game_scoring .systems .active {
  font-weight: bold;
  color: #FF3434;
}
#page_game_scoring .named_leagues li {
  clear: both;
  margin: 4px 0 4px 0;
}

.preferred_builds_list .game_logo {
  max-height: 32px;
}

.archive_message .time {
  width: auto;
}

.mod_report_chat .chat_container {
  max-height: 70vh;
}

.ladder_mods .mod {
  margin-bottom: 3px;
}
.ladder_mods form {
  display: inline-block;
}
.ladder_mods .name {
  display: inline-block;
  width: 120px;
}
.ladder_mods .remove_ladder_mod {
  display: inline-block;
}

.display_name_approval_list .actions {
  min-width: 230px;
}
.display_name_approval_list .events_list {
  max-height: 60px;
  overflow-y: auto;
}
.display_name_approval_list .event_listing.displayed {
  margin-bottom: 0;
  border: 1px solid white;
}
.display_name_approval_list .event_listing.displayed .event_text {
  padding-right: 8px;
  word-break: break-word;
}

.event_listing.displayed .time {
  width: 120px;
  font-size: 11px;
  padding-right: 4px;
  background-color: transparent;
}

.continent_match_notifications {
  display: flex;
  flex-wrap: wrap;
}

.continent_match_notifications .continent_container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.character_selectables {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.stage_selectable .stage_name {
  display: block;
}

.edit_game_characters .game_characters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.edit_game_characters .game_characters .add_character {
  flex-grow: 1;
}
.edit_game_characters .game_characters .edit_character {
  display: inline-flex;
  max-width: 164px;
  margin-right: 16px;
  margin-bottom: 16px;
}

body.database_setup {
  background-color: #1C1F2B;
  width: 100% !important;
}
body.database_setup ol {
  margin-left: 0;
}
body.database_setup .section {
  width: auto;
}
body.database_setup .database_setup_container {
  margin: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
body.database_setup #ran_alterations_list {
  display: flex;
  flex-direction: column-reverse;
}
body.database_setup #db_imports {
  display: none;
}
body.database_setup .script_class {
  display: flex;
  flex-direction: row;
  cursor: default;
}
body.database_setup .script_class:hover {
  background-color: transparent;
  color: #05D8FF;
}
body.database_setup .script_class > .description {
  order: 0;
}
body.database_setup .script_class > .loading {
  order: 20;
}
body.database_setup .script_class .script_options {
  order: 30;
  align-self: flex-end;
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
body.database_setup .script_options {
  display: block;
}
body.database_setup #no_new_alterations {
  color: red;
  text-align: center;
  font-size: 2rem;
}
body.database_setup h2 {
  color: #05D8FF;
  margin-bottom: 0;
}
body.database_setup .batch_run {
  display: none;
}
body.database_setup .section {
  overflow: auto;
  min-width: 368px;
  border: none;
  border-radius: 0;
  margin: 8px;
  padding: 0;
}
body.database_setup .section_content {
  padding: 16px;
  overflow: auto;
}
body.database_setup .skip_to_form input[type=submit] {
  margin-right: 8px;
}
body.database_setup .skip_to_form input[type=submit], body.database_setup .migrate_to_form input[type=submit] {
  height: auto;
}
body.database_setup .export_to_file {
  display: none;
}
.stage_collection .all_stages .stage, .stage_collection .all_characters .character, .collection .all_stages .stage, .collection .all_characters .character {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 60%;
}
.stage_collection .stage_links, .stage_collection .character_links, .stage_collection .collection-item, .collection .stage_links, .collection .character_links, .collection .collection-item {
  display: flex;
  flex-direction: row;
  font-size: 18px;
  justify-content: space-around;
  flex-wrap: wrap;
}
.stage_collection .stage_list, .stage_collection .character_list, .collection .stage_list, .collection .character_list {
  display: flex;
  flex-wrap: wrap;
}
.stage_collection .stage_item, .stage_collection .character_item, .collection .stage_item, .collection .character_item {
  width: 250px;
  height: 250px;
  margin: 10px;
}
.stage_collection .character_item, .collection .character_item {
  width: 134px;
  height: 110px;
}
.stage_collection .stage_name, .stage_collection .character_name, .collection .stage_name, .collection .character_name {
  display: block;
}

#profiler.debug-panel {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 1040;
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink);
}
#profiler.debug-panel button {
  font: inherit;
}
#profiler.debug-panel .debug-panel__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 4px 12px;
  border: 1px solid var(--ui-line-2);
  border-radius: 999px;
  background: var(--ui-panel);
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-xs);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
  opacity: 0.6;
  cursor: pointer;
  transition: opacity 0.15s ease, border-color 0.15s ease;
}
[data-theme=light] #profiler.debug-panel .debug-panel__toggle {
  box-shadow: 0 4px 14px rgba(31, 39, 51, 0.12);
}
#profiler.debug-panel .debug-panel__toggle .fa-bug {
  color: var(--ui-accent);
}
#profiler.debug-panel .debug-panel__toggle:hover, #profiler.debug-panel .debug-panel__toggle:focus-visible {
  opacity: 1;
  border-color: var(--ui-line-3);
  color: var(--ui-ink);
}
#profiler.debug-panel .debug-panel__divider {
  width: 1px;
  height: 12px;
  background: var(--ui-line-3);
}
#profiler.debug-panel .debug-panel__body {
  display: none;
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  width: min(960px, 100vw - 24px);
  max-height: 70vh;
  flex-direction: column;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
[data-theme=light] #profiler.debug-panel .debug-panel__body {
  box-shadow: 0 12px 32px rgba(31, 39, 51, 0.18);
}
#profiler.debug-panel.active .debug-panel__toggle {
  opacity: 1;
  border-color: var(--ui-accent);
}
#profiler.debug-panel.active .debug-panel__body {
  display: flex;
}
#profiler.debug-panel .debug-panel__toolbar {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 12px;
  background: var(--ui-panel-2);
  border-bottom: 1px solid var(--ui-line-2);
  color: var(--ui-ink-2);
}
#profiler.debug-panel .debug-panel__title {
  color: var(--ui-ink);
  font-size: var(--ui-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
#profiler.debug-panel .debug-panel__action {
  color: var(--ui-cool);
}
#profiler.debug-panel .debug-panel__action:hover {
  color: var(--ui-ink);
}
#profiler.debug-panel .debug-panel__close {
  margin-left: auto;
  padding: 0 4px;
  border: 0;
  background: none;
  color: var(--ui-ink-3);
  cursor: pointer;
}
#profiler.debug-panel .debug-panel__close:hover {
  color: var(--ui-ink);
}
#profiler.debug-panel .debug-panel__scroll {
  overflow: auto;
}
#profiler.debug-panel #queries_table {
  width: 100%;
  margin: 0;
  background: none;
  color: var(--ui-ink-2);
}
#profiler.debug-panel #queries_table th {
  position: sticky;
  top: 0;
  padding: 6px 8px;
  background: var(--ui-panel);
  border-bottom: 1px solid var(--ui-line-2);
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-label);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
#profiler.debug-panel #queries_table td {
  padding: 6px 8px;
  border-top: 1px solid var(--ui-line);
  vertical-align: top;
}
#profiler.debug-panel #queries_table .query_number {
  width: 48px;
  color: var(--ui-ink-3);
}
#profiler.debug-panel #queries_table .query_ran {
  word-break: break-word;
}
#profiler.debug-panel #queries_table .query_text {
  white-space: pre-wrap;
}
#profiler.debug-panel #queries_table .query_elapsed,
#profiler.debug-panel #queries_table .times_used {
  white-space: nowrap;
}
#profiler.debug-panel #queries_table .query.error td {
  background: rgba(239, 69, 101, 0.12);
  color: var(--ui-red);
}
#profiler.debug-panel #queries_table .caller {
  display: block;
  padding: 1px 0;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
  cursor: pointer;
}
#profiler.debug-panel #queries_table .caller.selected {
  color: var(--ui-accent);
}
#profiler.debug-panel #queries_table .query.has_calls {
  cursor: pointer;
}
#profiler.debug-panel #queries_table .query.has_calls .query_ran {
  color: var(--ui-ink);
}
#profiler.debug-panel #queries_table .query.has_calls .ran_queries {
  display: none;
}
#profiler.debug-panel #queries_table .query.has_calls.showing_calls .ran_queries {
  display: block;
  margin-top: 4px;
}
#profiler.debug-panel #queries_table .query:hover td {
  background: var(--ui-surface);
}

.email_inbox .when {
  white-space: nowrap;
}
.email_inbox .active {
  background-color: #12141C;
}

.email_view .email_body {
  background-color: white;
  color: black;
}

.edit_games_list {
  display: flex;
  flex-wrap: wrap;
}

.edit_games_list a, .edit_games_list a .location:hover, a .edit_games_list .location:hover, .edit_games_list .link .location:hover, .link .edit_games_list .location:hover, .edit_games_list .link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 8px;
}
.edit_games_list a:hover, .edit_games_list a .location:hover, a .edit_games_list .location:hover, .edit_games_list .link .location:hover, .link .edit_games_list .location:hover, .edit_games_list .link:hover {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}
.edit_games_list .name {
  text-align: center;
}
.edit_games_list .logo {
  height: 64px;
  width: auto;
  display: inline-block;
}

.public_message_group textarea {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.public_message_group .input-toggle.form-control, .public_message_group .birthday .birthday-picker select.input-toggle, .birthday .birthday-picker .public_message_group select.input-toggle, .public_message_group body.database_setup input.input-toggle[type=text], body.database_setup .public_message_group input.input-toggle[type=text] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.radio_buttons {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
}

.radio_buttons .actual_input {
  display: none;
}
.radio_buttons .radio_buttons_inner {
  margin: 4px;
}
.radio_buttons .buttons {
  display: flex;
  flex: 1;
}
.radio_buttons button {
  flex: 1;
}
.radio_buttons .radio_button button.sub {
  flex: 0 1 0;
}
.radio_buttons .recent_infractions_link {
  align-self: flex-start;
}
.radio_buttons .radio_button {
  display: flex;
  flex-direction: column;
  flex: 1;
  border: 4px solid transparent;
}
.radio_buttons .radio_button button {
  border: 2px solid transparent;
  background-color: #30354A;
}
.radio_buttons .radio_button button:hover {
  border: 2px solid transparent;
  background-color: #0A6EBD;
}
.radio_buttons .radio_button .actual_input:checked + button {
  border: 2px solid #EA5849;
  background-color: #0A6EBD;
}
.radio_buttons .radio_button .actual_input:checked + button:hover {
  background-color: 2px solid #EA5849;
}
.radio_buttons .radio_button span {
  pointer-events: none;
}
[data-theme=light] .radio_buttons .radio_button button {
  background-color: var(--ui-chip);
  color: var(--ui-ink);
}
[data-theme=light] .radio_buttons .radio_button button:hover {
  background-color: var(--ui-hairline);
}

.premade_responses {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.premade_responses .premade_response_form {
  margin-bottom: 8px;
}

.permission_groups {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.permission_group {
  min-width: 200px;
  margin-right: 16px;
  margin-left: 16px;
}

.permission_group .logo {
  max-height: 16px;
}

.subscribers-view {
  max-width: var(--ui-page-max);
  margin-left: auto;
  margin-right: auto;
}
.subscribers-view .when,
.subscribers-view .ends,
.subscribers-view .amount {
  font-family: var(--ui-mono);
}
.subscribers-view .sub-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.subscribers-view .sub-strip {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.subscribers-view .sub-strip .lbl {
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-label);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
  font-weight: 600;
  padding-right: 6px;
}
.subscribers-view .sub-strip .spacer {
  flex: 1;
}
.subscribers-view .subscribers-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--ui-fs-sm);
}
.subscribers-view .subscribers-table thead th {
  text-align: left;
  padding: 10px 14px;
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-label);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
  border-bottom: 1px solid var(--ui-line);
}
.subscribers-view .subscribers-table thead th.r {
  text-align: right;
}
.subscribers-view .subscribers-table thead th.act {
  color: var(--ui-ink-2);
}
.subscribers-view .subscribers-table thead th.act::after {
  content: " ↓";
  color: var(--ui-sub);
}
.subscribers-view .subscribers-table tbody tr {
  border-bottom: 1px solid var(--ui-line);
}
.subscribers-view .subscribers-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.014);
}
.subscribers-view .subscribers-table td {
  padding: 9px 14px;
  vertical-align: middle;
  color: var(--ui-ink);
}
.subscribers-view .subscribers-table td.r {
  text-align: right;
}
.subscribers-view .subscribers-table .sub-loading td {
  text-align: center;
  color: var(--ui-ink-3);
  font-family: var(--ui-mono);
  padding: 24px 14px;
}
.subscribers-view .subscribers-table .player {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
}
.subscribers-view .subscribers-table .player .nm {
  font-weight: 600;
  color: #05D8FF;
}
.subscribers-view .subscribers-table .player .nm.you {
  color: var(--ui-sub);
}
.subscribers-view .subscribers-table .amount {
  font-weight: 700;
  color: var(--ui-ink);
}
.subscribers-view .subscribers-table .amount.zero {
  color: var(--ui-ink-3);
  font-weight: 500;
}
.subscribers-view .subscribers-table .when {
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-3);
}
.subscribers-view .subscribers-table .ends {
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-2);
}
.subscribers-view .subscribers-table .ends .rel {
  color: var(--ui-good);
  font-size: var(--ui-fs-label);
  margin-left: 4px;
}
.subscribers-view .subscribers-table .ends.expired {
  color: var(--ui-ink-4);
}
.subscribers-view .subscribers-table .ends.expired .rel {
  color: var(--ui-red);
}
.subscribers-view .subscribers-table .ends.na {
  color: var(--ui-ink-4);
}
.subscribers-view .subscribers-table tfoot td {
  border-top: 1px solid var(--ui-line-3);
  padding: 10px 14px;
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-2);
  background: var(--ui-surface);
}
.subscribers-view .subscribers-table tfoot td b {
  color: var(--ui-ink);
  font-weight: 700;
}
.subscribers-view .subscribers-table tfoot td .dot.sub {
  color: var(--ui-sub);
}
.subscribers-view .subscribers-table tfoot td .dot.don {
  color: var(--ui-don);
}

.permission_events time {
  color: #05D8FF;
  font-size: 11px;
}

.chats-view {
  max-width: var(--ui-page-max);
  margin-left: auto;
  margin-right: auto;
}
.chats-view .title {
  display: block;
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-xl);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ui-ink);
  margin: 4px 0 4px;
}
.chats-view .chats-status {
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
  padding: 24px 4px;
}
.chats-view .chats-status.error {
  color: var(--ui-red);
}
.chats-view .chats-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 880px) {
  .chats-view .chats-cols {
    grid-template-columns: 1fr;
  }
}
.chats-view .chats-panel {
  border: 1px solid var(--ui-line);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent);
  overflow: hidden;
}
.chats-view .chats-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--ui-line);
}
.chats-view .chats-panel-head .nm {
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-label);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ui-ink-2);
  font-weight: 600;
}
.chats-view .chats-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--ui-fs-sm);
}
.chats-view .chats-table thead th {
  text-align: left;
  padding: 9px 14px;
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-label);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
  border-bottom: 1px solid var(--ui-line);
}
.chats-view .chats-table thead th.r {
  text-align: right;
}
.chats-view .chats-table thead th.rk {
  width: 34px;
  text-align: right;
  color: var(--ui-ink-4);
}
.chats-view .chats-table tbody tr {
  border-bottom: 1px solid var(--ui-line);
}
.chats-view .chats-table tbody tr:last-child {
  border-bottom: 0;
}
.chats-view .chats-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.014);
}
.chats-view .chats-table td {
  padding: 9px 14px;
  vertical-align: middle;
  color: var(--ui-ink);
}
.chats-view .chats-table td.r {
  text-align: right;
}
.chats-view .chats-table td.rk {
  text-align: right;
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-4);
}
.chats-view .chats-table .room {
  color: var(--ui-cool);
  font-weight: 600;
  text-decoration: none;
}
.chats-view .chats-table .room:hover {
  text-decoration: underline;
}
.chats-view .chats-table .player {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
}
.chats-view .chats-table .player .nm {
  font-weight: 600;
  color: var(--ui-ink-2);
}
.chats-view .chats-table .player:hover .nm {
  color: var(--ui-ink);
}
.chats-view .chats-table .when {
  color: var(--ui-ink-4);
}
.chats-view .chats-table .metric {
  font-family: var(--ui-mono);
  font-weight: 700;
  color: var(--ui-ink);
}
.chats-view .chats-table .chats-empty td {
  text-align: center;
  color: var(--ui-ink-3);
  font-family: var(--ui-mono);
  padding: 24px 14px;
}

.ladder-chats {
  --lc-radius: 6px;
  --lc-warn-soft: rgba(255, 176, 32, 0.07);
  --lc-warn-line: rgba(255, 176, 32, 0.35);
  --lc-red-soft: rgba(239, 69, 101, 0.08);
  --lc-red-line: rgba(239, 69, 101, 0.4);
  margin-top: 36px;
  color: var(--ui-ink-2);
}
.ladder-chats .lc-head h2 {
  margin: 0;
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-xl);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ui-ink);
}
.ladder-chats .lc-head p {
  margin: 4px 0 14px;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
}
.ladder-chats .chats-status {
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
  padding: 16px 4px;
}
.ladder-chats .chats-status.error {
  color: var(--ui-red);
}
.ladder-chats .lc-label {
  margin: 22px 0 8px;
  font-size: var(--ui-fs-label);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
  font-weight: 600;
}
.ladder-chats .lc-label-text {
  display: block;
  margin-bottom: 6px;
  font-size: var(--ui-fs-label);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ui-ink-2);
}
.ladder-chats .lc-help {
  margin-top: 8px;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
}
.ladder-chats .lc-input,
.ladder-chats .lc-select {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 9px 12px;
  background: var(--ui-bg);
  color: var(--ui-ink);
  border: 1px solid var(--ui-line-2);
  border-radius: var(--lc-radius);
  font: inherit;
  box-shadow: none;
  box-sizing: border-box;
}
.ladder-chats .lc-input:focus,
.ladder-chats .lc-select:focus {
  outline: none;
  border-color: var(--ui-link);
  box-shadow: 0 0 0 3px rgba(24, 197, 240, 0.18);
}
.ladder-chats .lc-input::placeholder,
.ladder-chats .lc-select::placeholder {
  color: var(--ui-ink-4);
}
.ladder-chats .lc-select {
  display: block;
}
.ladder-chats .lc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--lc-radius);
  background: var(--ui-panel-2);
  color: var(--ui-ink);
  font: 500 var(--ui-fs-sm) var(--ui-mono);
  cursor: pointer;
  white-space: nowrap;
}
.ladder-chats .lc-button:hover {
  border-color: var(--ui-line-3);
}
.ladder-chats .lc-button.primary {
  background: var(--ui-cool);
  border-color: transparent;
  color: #fff;
}
.ladder-chats .lc-button.danger {
  background: transparent;
  border-color: var(--lc-red-line);
  color: var(--ui-red);
}
.ladder-chats .lc-button.danger-solid {
  background: var(--ui-red);
  border-color: transparent;
  color: #fff;
}
.ladder-chats .lc-button:disabled {
  opacity: 0.45;
  cursor: default;
}
.ladder-chats .lc-toggle {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.ladder-chats .lc-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ladder-chats .lc-toggle span {
  position: relative;
  flex: none;
  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: var(--ui-ink-4);
  transition: background 0.15s;
}
.ladder-chats .lc-toggle span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.15s;
}
.ladder-chats .lc-toggle input:checked + span {
  background: var(--ui-link);
}
.ladder-chats .lc-toggle input:checked + span::after {
  transform: translateX(16px);
}
.ladder-chats .lc-toggle input:focus-visible + span {
  box-shadow: 0 0 0 3px rgba(24, 197, 240, 0.3);
}
.ladder-chats .lc-pill {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: var(--ui-fs-xs);
  font-weight: 500;
  background: var(--ui-surface);
  border: 1px solid var(--ui-line-2);
  color: var(--ui-ink-2);
}
.ladder-chats .lc-pill.off {
  color: var(--ui-ink-3);
  border-style: dashed;
}
.ladder-chats .lc-link-button {
  background: none;
  border: 0;
  padding: 4px;
  color: var(--ui-ink-3);
  font: inherit;
  cursor: pointer;
}
.ladder-chats .lc-link-button:hover, .ladder-chats .lc-link-button.danger:hover {
  color: var(--ui-red);
}
.ladder-chats .lc-deletions {
  margin-bottom: 14px;
  padding: 4px 14px 12px;
  border: 1px solid var(--lc-red-line);
  border-radius: 8px;
  background: var(--lc-red-soft);
}
.ladder-chats .lc-deletions .lc-label {
  margin-top: 10px;
}
.ladder-chats .lc-deletions ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.ladder-chats .lc-deletions li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px auto;
  gap: 12px;
  align-items: center;
  font-size: var(--ui-fs-sm);
}
.ladder-chats .lc-deletion-name {
  color: var(--ui-ink);
}
.ladder-chats .lc-deletion-name small {
  color: var(--ui-ink-3);
}
.ladder-chats .lc-deletion-bar {
  height: 6px;
  border-radius: 3px;
  background: var(--ui-line-2);
  overflow: hidden;
}
.ladder-chats .lc-deletion-bar span {
  display: block;
  height: 100%;
  background: var(--ui-red);
}
.ladder-chats .lc-deletion-count {
  color: var(--ui-ink-2);
  white-space: nowrap;
}
.ladder-chats .lc-panes {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  border: 1px solid var(--ui-line-2);
  border-radius: 10px;
  background: var(--ui-panel);
  overflow: hidden;
}
.ladder-chats .lc-ladders {
  border-right: 1px solid var(--ui-line);
  padding: 6px 0;
  background: rgba(0, 0, 0, 0.15);
}
.ladder-chats .lc-ladder {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 14px;
  border: 0;
  border-left: 3px solid transparent;
  background: none;
  color: var(--ui-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.ladder-chats .lc-ladder:hover {
  background: rgba(255, 255, 255, 0.03);
}
.ladder-chats .lc-ladder.selected {
  background: var(--ui-panel-head);
  border-left-color: var(--ui-link);
}
.ladder-chats .lc-ladder.inactive .lc-logo-fallback {
  opacity: 0.5;
}
.ladder-chats .lc-ladder.inactive .lc-ladder-name {
  color: var(--ui-ink-2);
}
.ladder-chats .lc-logo-fallback {
  width: 32px;
  height: 28px;
  border-radius: 6px;
  background: var(--ui-panel-2);
  display: grid;
  place-items: center;
  font-weight: 700;
  color: var(--ui-ink-3);
}
.ladder-chats .lc-logo-fallback.large {
  width: 40px;
  height: 40px;
  font-size: 18px;
}
.ladder-chats .lc-ladder-text {
  min-width: 0;
}
.ladder-chats .lc-ladder-name {
  display: block;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ladder-chats .lc-ladder-sub {
  display: block;
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-3);
  white-space: nowrap;
}
.ladder-chats .lc-ladder-sub.none {
  color: var(--ui-red);
}
.ladder-chats .lc-online {
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-3);
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.ladder-chats .lc-online .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ui-ink-4);
}
.ladder-chats .lc-online.live {
  color: var(--ui-ink-2);
}
.ladder-chats .lc-online.live .dot {
  background: var(--ui-good);
  box-shadow: 0 0 6px rgba(54, 211, 153, 0.5);
}
.ladder-chats .lc-divider {
  margin: 10px 14px 4px;
  padding-top: 10px;
  border-top: 1px solid var(--ui-line-2);
  font-size: var(--ui-fs-label);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
}
.ladder-chats .lc-detail {
  padding: 18px 20px 22px;
  min-width: 0;
}
.ladder-chats .lc-detail-head {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.ladder-chats .lc-detail-head h3 {
  margin: 0;
  font-size: 20px;
  color: var(--ui-ink);
}
.ladder-chats .lc-detail-head .totals {
  margin-left: auto;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
}
.ladder-chats .lc-detail-head .totals b {
  color: var(--ui-ink);
  font-weight: 600;
}
.ladder-chats .lc-route {
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--ui-surface);
}
.ladder-chats .lc-route-row {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  padding: 11px 14px;
  border-top: 1px solid var(--ui-line);
  align-items: start;
}
.ladder-chats .lc-route-row:first-child {
  border-top: 0;
}
.ladder-chats .lc-route-who {
  font-weight: 600;
  color: var(--ui-ink);
}
.ladder-chats .lc-route-who small {
  display: block;
  font-weight: 400;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
}
.ladder-chats .lc-route-key {
  display: block;
  font-size: var(--ui-fs-label);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
  margin-bottom: 3px;
}
.ladder-chats .lc-route-joins,
.ladder-chats .lc-route-main {
  color: var(--ui-ink);
}
.ladder-chats .also {
  color: var(--ui-ink-3);
}
.ladder-chats .lc-route-main {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.ladder-chats .lc-route-main .star {
  color: var(--ui-warn);
}
.ladder-chats .lc-route-main.nowhere {
  color: var(--ui-red);
}
.ladder-chats .lc-route-empty {
  padding: 14px;
  color: var(--ui-red);
}
.ladder-chats .lc-route-foot {
  padding: 9px 14px;
  border-top: 1px solid var(--ui-line);
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-3);
}
.ladder-chats .lc-rooms {
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
}
.ladder-chats .lc-room-head,
.ladder-chats .lc-room {
  display: grid;
  grid-template-columns: 44px minmax(140px, 1.4fr) 160px 150px 150px;
  gap: 12px;
  align-items: center;
  padding: 10px 14px;
}
.ladder-chats .lc-room-head {
  font-size: var(--ui-fs-label);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
  border-bottom: 1px solid var(--ui-line);
  padding-top: 8px;
  padding-bottom: 8px;
}
.ladder-chats .lc-room {
  border-top: 1px solid var(--ui-line);
}
.ladder-chats .lc-room.off .lc-name-input,
.ladder-chats .lc-room.off .lc-counts {
  color: var(--ui-ink-3);
}
.ladder-chats .lc-room.off .lc-name-input {
  text-decoration: line-through;
  text-decoration-color: var(--ui-ink-4);
}
.ladder-chats .lc-room .lc-select {
  padding: 6px 8px;
  font-size: var(--ui-fs-sm);
}
.ladder-chats .lc-room-head + .lc-room {
  border-top: 0;
}
.ladder-chats .lc-name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  min-width: 0;
}
.ladder-chats .lc-name-input {
  flex: 1 1 120px;
  min-width: 0;
  height: auto;
  padding: 5px 8px;
  margin: 0 0 0 -8px;
  border: 1px solid transparent;
  border-radius: var(--lc-radius);
  background: transparent;
  color: var(--ui-ink);
  font: 500 var(--ui-fs-base) var(--ui-mono);
  box-shadow: none;
}
.ladder-chats .lc-name-input:hover {
  border-color: var(--ui-line-2);
}
.ladder-chats .lc-name-input:focus {
  outline: none;
  border-color: var(--ui-link);
  background: var(--ui-bg);
  text-decoration: none;
}
.ladder-chats .lc-main {
  flex: none;
  font-size: var(--ui-fs-xs);
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 999px;
  color: var(--ui-warn);
  border: 1px solid var(--lc-warn-line);
  background: var(--lc-warn-soft);
  white-space: nowrap;
}
.ladder-chats .lc-roomid {
  display: block;
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-4);
}
.ladder-chats .lc-counts {
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-2);
  line-height: 1.3;
}
.ladder-chats .lc-counts b {
  color: var(--ui-ink);
  font-weight: 600;
}
.ladder-chats .lc-counts .live {
  color: var(--ui-good);
}
.ladder-chats .lc-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  font-size: var(--ui-fs-sm);
}
.ladder-chats .lc-row-error {
  grid-column: 1/-1;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border-radius: var(--lc-radius);
  background: var(--lc-red-soft);
  border: 1px solid var(--lc-red-line);
  color: var(--ui-red);
  font-size: var(--ui-fs-sm);
}
.ladder-chats .lc-row-error button {
  margin-left: auto;
  background: none;
  border: 0;
  color: var(--ui-link);
  font: inherit;
  cursor: pointer;
  padding: 0;
}
.ladder-chats .lc-rooms-empty {
  padding: 18px 14px;
  color: var(--ui-ink-3);
  text-align: center;
}
.ladder-chats .lc-add {
  margin-top: 16px;
  border: 1px dashed var(--ui-line-3);
  border-radius: 8px;
  padding: 14px;
}
.ladder-chats .lc-add.collapsed {
  padding: 0;
}
.ladder-chats .lc-add h4 {
  margin: 0 0 10px;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
}
.ladder-chats .lc-add-open {
  width: 100%;
  padding: 12px;
  background: none;
  border: 0;
  color: var(--ui-link);
  font: 500 var(--ui-fs-base) var(--ui-mono);
  cursor: pointer;
  text-align: left;
}
.ladder-chats .lc-add-modes {
  display: inline-flex;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--lc-radius);
  overflow: hidden;
  margin-bottom: 12px;
}
.ladder-chats .lc-add-modes button {
  padding: 6px 12px;
  border: 0;
  background: none;
  color: var(--ui-ink-2);
  font: 500 var(--ui-fs-sm) var(--ui-mono);
  cursor: pointer;
}
.ladder-chats .lc-add-modes button.on {
  background: var(--ui-panel-head);
  color: var(--ui-ink);
}
.ladder-chats .lc-add-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 200px auto auto;
  gap: 10px;
  align-items: end;
}
.ladder-chats .lc-room-search {
  margin-bottom: 12px;
}
.ladder-chats .lc-room-search .lc-input {
  width: 100%;
}
.ladder-chats .lc-room-search .lc-help {
  margin-top: 6px;
}
.ladder-chats .lc-found-list {
  display: grid;
  gap: 6px;
  margin-top: 8px;
  max-height: 360px;
  overflow-y: auto;
}
.ladder-chats .lc-found {
  display: grid;
  gap: 3px;
  width: 100%;
  padding: 10px 12px;
  text-align: left;
  font: inherit;
  color: var(--ui-ink-2);
  background: var(--ui-panel-2);
  border: 1px solid var(--ui-line-2);
  border-radius: var(--lc-radius);
  cursor: pointer;
}
.ladder-chats .lc-found:hover {
  border-color: var(--ui-line-3);
}
.ladder-chats .lc-found.selected {
  border-color: var(--ui-link);
  box-shadow: 0 0 0 1px var(--ui-link);
}
.ladder-chats .lc-found:disabled {
  cursor: default;
  opacity: 0.6;
}
.ladder-chats .lc-found-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
}
.ladder-chats .lc-found-title small {
  color: var(--ui-ink-3);
}
.ladder-chats .lc-found-name {
  color: var(--ui-ink);
  font-weight: 600;
}
.ladder-chats .lc-found-meta {
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
}
.ladder-chats .lc-found-meta b {
  font-weight: 500;
  color: var(--ui-ink-2);
}
.ladder-chats .lc-found-description {
  font-size: var(--ui-fs-sm);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ladder-chats .lc-found-ladders {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}
.ladder-chats .lc-add-picked {
  display: grid;
  gap: 4px;
  padding-bottom: 8px;
  color: var(--ui-ink);
}
.ladder-chats .lc-add-picked small {
  color: var(--ui-ink-3);
}
.ladder-chats .lc-add-error {
  margin-top: 10px;
  color: var(--ui-red);
  font-size: var(--ui-fs-sm);
}
.ladder-chats .lc-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(5, 7, 10, 0.7);
  display: grid;
  place-items: center;
  padding: 16px;
}
.ladder-chats .lc-dialog {
  width: 100%;
  max-width: 440px;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  box-sizing: border-box;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-3);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.ladder-chats .lc-dialog h3 {
  margin: 0 0 10px;
  color: var(--ui-ink);
  font-size: 18px;
}
.ladder-chats .lc-dialog form .lc-input {
  margin-bottom: 18px;
}
.ladder-chats .lc-dialog-count {
  margin: 0 0 8px;
  color: var(--ui-ink);
}
.ladder-chats .lc-dialog-count b {
  color: var(--ui-red);
}
.ladder-chats .lc-dialog-rooms {
  margin: 0 0 10px;
  padding-left: 18px;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-2);
}
.ladder-chats .lc-dialog-detail {
  margin: 0 0 18px;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-2);
}
.ladder-chats .lc-dialog-detail .moves {
  display: block;
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: var(--lc-radius);
  background: var(--lc-warn-soft);
  border: 1px solid var(--lc-warn-line);
  color: var(--ui-warn);
}
.ladder-chats .lc-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
@media (max-width: 1000px) {
  .ladder-chats .lc-room-head {
    display: none;
  }
  .ladder-chats .lc-room {
    grid-template-columns: 44px minmax(0, 1fr) auto;
    grid-template-areas: "toggle name actions" ". continent counts";
    row-gap: 8px;
  }
  .ladder-chats .lc-room > .lc-toggle-cell {
    grid-area: toggle;
  }
  .ladder-chats .lc-room > .lc-name-cell {
    grid-area: name;
  }
  .ladder-chats .lc-room > .lc-continent-cell {
    grid-area: continent;
  }
  .ladder-chats .lc-room > .lc-actions {
    grid-area: actions;
  }
  .ladder-chats .lc-room > .lc-counts {
    grid-area: counts;
    text-align: right;
  }
}
@media (max-width: 760px) {
  .ladder-chats .lc-panes {
    grid-template-columns: minmax(0, 1fr);
  }
  .ladder-chats .lc-ladders {
    display: flex;
    overflow-x: auto;
    gap: 6px;
    padding: 8px;
    border-right: 0;
    border-bottom: 1px solid var(--ui-line);
    scroll-snap-type: x proximity;
  }
  .ladder-chats .lc-ladder {
    flex: none;
    width: auto;
    grid-template-columns: 28px auto;
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 0;
    padding: 6px 10px;
    border: 1px solid var(--ui-line-2);
    border-radius: 8px;
    scroll-snap-align: start;
  }
  .ladder-chats .lc-ladder.selected {
    border-color: var(--ui-link);
  }
  .ladder-chats .lc-ladder .lc-logo-fallback {
    width: 28px;
    height: 26px;
    grid-row: 1/3;
  }
  .ladder-chats .lc-ladder .lc-online {
    grid-column: 2;
    justify-self: start;
  }
  .ladder-chats .lc-ladder-name {
    max-width: 120px;
  }
  .ladder-chats .lc-divider {
    flex: none;
    align-self: center;
    margin: 0 2px;
    padding: 4px 0 4px 10px;
    border-top: 0;
    border-left: 1px solid var(--ui-line-2);
    font-size: 10px;
    white-space: nowrap;
  }
  .ladder-chats .lc-detail {
    padding: 14px 12px 16px;
  }
  .ladder-chats .lc-detail-head .totals {
    margin-left: 0;
    width: 100%;
  }
  .ladder-chats .lc-route-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }
  .ladder-chats .lc-add-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .ladder-chats .lc-room {
    padding: 10px;
    column-gap: 8px;
  }
  .ladder-chats .lc-room > .lc-actions {
    flex-wrap: wrap;
    gap: 2px 6px;
  }
  .ladder-chats .lc-deletions li {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .ladder-chats .lc-deletion-bar {
    grid-column: 1/-1;
    grid-row: 2;
  }
}

.user-bugs-view {
  max-width: var(--ui-page-max);
  margin-left: auto;
  margin-right: auto;
}
.user-bugs-view .title {
  display: block;
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-xl);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ui-ink);
  margin: 4px 0 12px;
}
.user-bugs-view .user-bugs-search {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.user-bugs-view .user-bugs-search input {
  flex: 1;
  max-width: 320px;
  padding: 8px 10px;
}
.user-bugs-view .user-bugs-status {
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
  padding: 12px 4px;
}
.user-bugs-view .user-bugs-status.error {
  color: var(--ui-red);
}
.user-bugs-view .user-bugs-status.notice {
  color: var(--ui-ink);
}
.user-bugs-view .user-bugs-summary {
  margin: 8px 0 16px;
}
.user-bugs-view .user-bugs-summary h3 small {
  color: var(--ui-ink-3);
  font-weight: 400;
}
.user-bugs-view .user-bugs-summary ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  list-style: none;
  padding: 0;
  margin: 8px 0;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
}
.user-bugs-view .user-bugs-summary .include-bans {
  display: block;
  margin: 8px 0;
  font-size: var(--ui-fs-sm);
}
.user-bugs-view .user-bugs-summary .delete-all {
  background: var(--ui-red);
  color: #fff;
  border: none;
  padding: 10px 16px;
  border-radius: 4px;
  cursor: pointer;
}
.user-bugs-view .user-bugs-summary .delete-all:disabled {
  opacity: 0.5;
  cursor: default;
}
.user-bugs-view .user-bugs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--ui-fs-sm);
}
.user-bugs-view .user-bugs-table th, .user-bugs-view .user-bugs-table td {
  text-align: left;
  padding: 6px 8px;
  border-bottom: 1px solid var(--ui-line);
}

.general_site_guides .btn, .general_site_guides .btn-xs, .general_site_guides .possible_aka_listings button, .possible_aka_listings .general_site_guides button, .general_site_guides .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .general_site_guides button, .general_site_guides .btn-sm, .general_site_guides .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .general_site_guides button, .general_site_guides .stage_selectable .stage_options button, .stage_selectable .stage_options .general_site_guides button, .general_site_guides body.database_setup input[type=submit], body.database_setup .general_site_guides input[type=submit], .general_site_guides body.database_setup button, body.database_setup .general_site_guides button {
  background-color: transparent;
  box-shadow: none;
}

.blog_listings ul li {
  display: block;
}

.blog_posts_for_group li {
  margin-left: 8px;
  display: block;
}

.listed_posts {
  margin-top: 8px;
}

.blog_listings .posts_year {
  font-size: 18px;
}

.blog_post_title {
  font-size: 17px;
}

.blog_post_content {
  font-size: 17px;
  word-wrap: break-word;
}

.group-wall textarea.materialize-textarea {
  padding: 8px 8px 4px 8px;
  min-height: 64px;
}

.page-heading, .page-sub-heading, .blog_post .blog_post_content h1, .blog_post .blog_post_content h2, .blog_post .blog_post_content h3 {
  border-bottom: 1px solid var(--ui-hairline);
  color: #F66;
}
[data-theme=light] .page-heading, [data-theme=light] .page-sub-heading, [data-theme=light] .blog_post .blog_post_content h1, .blog_post .blog_post_content [data-theme=light] h1, [data-theme=light] .blog_post .blog_post_content h2, .blog_post .blog_post_content [data-theme=light] h2, [data-theme=light] .blog_post .blog_post_content h3, .blog_post .blog_post_content [data-theme=light] h3 {
  color: var(--ui-heading);
}

.page-heading {
  margin-bottom: 25px;
  padding-bottom: 25px;
}

.page-sub-heading, .blog_post .blog_post_content h1, .blog_post .blog_post_content h2, .blog_post .blog_post_content h3 {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.page-sub-heading.no-margin-top, .blog_post .blog_post_content h1.no-margin-top, .blog_post .blog_post_content h2.no-margin-top, .blog_post .blog_post_content h3.no-margin-top {
  margin-top: 0;
}

.recent_post_activity .recent_post .logo {
  max-height: 64px;
  margin: 16px auto;
  display: block;
}
.recent_post_activity .recent_post .heading {
  margin: 0;
  padding: 0;
}
.recent_post_activity .recent_post:not(:last-child) {
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid var(--ui-hairline);
}
.recent_post_activity .recent_post .by_container {
  padding: 16px 0;
}
.recent_post_activity .kind_of_featured_posts {
  padding: 0 0 0 32px;
}

.blog_page .wall_post {
  background: transparent;
  border-bottom: 1px solid var(--ui-hairline);
}
.blog_page .panel, .blog_page body.database_setup .section_content, body.database_setup .blog_page .section_content {
  border: none;
}
.blog_page .discussion_holder .heading {
  margin-top: 0;
  padding-top: 0;
}
.blog_page .related_posts .related_post {
  font-size: 16px;
  padding: 16px 0 16px 0;
}
.blog_page .related_posts .related_post:not(:last-child) {
  border-bottom: 1px solid var(--ui-hairline);
}
.blog_page .post_title {
  font-size: 44px;
  margin-bottom: 35px;
  border-bottom: 1px solid var(--ui-hairline);
  padding-bottom: 35px;
}

.blog_post .blog_post_title_container .last_updated {
  font-style: italic;
  color: #F66;
}
[data-theme=light] .blog_post .blog_post_title_container .last_updated {
  color: var(--ui-ink-2);
}
.blog_post .blog_post_title_container .last_updated:before {
  content: " | ";
  color: var(--ui-body-ink);
  font-style: normal;
}
.blog_post .blog_post_content_container {
  padding-top: 25px;
  padding-bottom: 50px;
  border-bottom: 1px solid var(--ui-hairline);
  margin-bottom: 50px;
}
.blog_post .blog_post_content.blog_post_preview {
  font-size: 14px;
  max-height: 480px;
  overflow-y: auto;
}
.blog_post .blog_post_content img {
  max-width: 100%;
  height: auto;
}

#blog_edit .blog_section {
  border: 1px dashed var(--ui-hairline);
  padding: 8px;
}
#blog_edit .blog_post_content {
  padding: 8px;
  border: 1px inset var(--ui-hairline);
  overflow: hidden;
  overflow-y: auto;
  max-height: 40vh;
}

.scope_permission {
  margin-bottom: 16px;
}
.scope_permission .scope_name {
  display: block;
  font-size: 18px;
}
.scope_permission .scope_description {
  display: block;
  margin-left: 16px;
}

.scopes .key {
  color: #F66;
}

.authorize_link {
  margin-bottom: 16px;
}

.authenticate_code_copy .copy_code_display .copy_code {
  display: none;
  height: 3rem;
  min-height: 16px;
}
.authenticate_code_copy .copy_code_display .make_visible {
  display: inline-block;
}
.authenticate_code_copy .copy_code_display.showing_code .copy_code {
  display: block;
}
.authenticate_code_copy .copy_code_display.showing_code .make_visible {
  display: none;
}

.api_documentation .domain {
  margin-bottom: 46px;
}
.api_documentation .scopes .key {
  color: #F66;
  font-size: 14px;
}
.api_documentation .description:hover .heading_name, .api_documentation .description:hover .example_url {
  color: #0F0;
}
.api_documentation .heading_information {
  display: flex;
  flex-direction: row;
}
.api_documentation .heading_information .heading.name {
  width: 30rem;
}
.api_documentation .heading_information .scope {
  color: #EA5849;
  font-size: 11px;
  margin-right: 4px;
}
.api_documentation .http_methods {
  display: inline-flex;
  flex-direction: row;
  font-size: 12px;
  color: #0F0;
  width: 7rem;
}
.api_documentation .http_methods .method {
  text-transform: uppercase;
  margin-right: 8px;
  color: #0F0;
}
.api_documentation .endpoint {
  display: flex;
  margin-bottom: 2px;
  flex-direction: row;
}
.api_documentation .endpoint .testing .test {
  display: inline-block;
  text-transform: uppercase;
}
.api_documentation .endpoint .description {
  cursor: pointer;
  margin-right: 16px;
  flex: 1;
}
.api_documentation .endpoint .testing, .api_documentation .endpoint .parameter_edit {
  display: none;
}
.api_documentation .endpoint .url_used {
  text-align: center;
  padding: 8px;
  border-bottom: 1px solid #3A4059;
}
.api_documentation .endpoint .more_information {
  display: none;
  border: 1px solid #3A4059;
  flex: 1;
}
.api_documentation .endpoint .parameters {
  display: none;
}
.api_documentation .endpoint .example_url {
  display: none;
}
.api_documentation .endpoint.active {
  cursor: default;
  margin-bottom: 16px;
}
.api_documentation .endpoint.active .parameters, .api_documentation .endpoint.active .example_url {
  display: block;
}
.api_documentation .endpoint.active .parameter {
  margin-left: 0;
}
.api_documentation .endpoint.active .heading.name {
  color: #0F0;
}
.api_documentation .endpoint.active .more_information {
  display: block;
}
.api_documentation .endpoint.active .testing, .api_documentation .endpoint.active .parameter_edit {
  display: block;
}
.api_documentation .name.heading {
  font-size: 16px;
  color: #05D8FF;
  display: block;
}
.api_documentation .example_url .endpoint_name {
  color: #05D8FF;
  display: inline;
}
.api_documentation .parameter {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  color: #05D8FF;
}
.api_documentation .parameter .parameter_description {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.api_documentation .parameter .doc_data {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.api_documentation .parameter .name {
  font-size: 16px;
  min-width: 13rem;
}
.api_documentation .parameter .type {
  font-style: italic;
  color: #686868;
  min-width: 6rem;
}
.api_documentation .parameter .description {
  color: white;
}
.api_documentation .parameter .default {
  color: #0F0;
  margin-left: 8px;
  width: 12rem;
}
.api_documentation .parameter .default .value {
  color: #FF0;
}
.api_documentation .parameter .required {
  color: #FF3434;
}
.api_documentation .more_information .status {
  display: none;
  text-align: center;
  padding: 4px;
}
.api_documentation .more_information .status.active {
  display: block;
  border-bottom: 1px solid #3A4059;
}
.api_documentation .more_information .status .code {
  margin-right: 8px;
  color: #FF3434;
}
.api_documentation .example_request_output {
  padding: 4px 16px;
  max-height: 50vh;
  overflow: auto;
}
.api_documentation .example_request_output.loading {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.api_documentation .example_request_output.loading .circle-loader-holder {
  top: 0;
  left: 0;
  height: 60px;
  position: relative;
}
.api_documentation .example_request_output .opened {
  cursor: pointer;
  border-radius: 4px;
}
.api_documentation .example_request_output .opened :hover {
  background-color: rgba(0, 0, 0, 0.16);
}
.api_documentation .example_request_output .truncated {
  white-space: nowrap;
  max-width: 250px;
  overflow: hidden;
  color: transparent;
}
.api_documentation .example_request_output .truncated::after {
  display: block;
  font-size: 15px;
  color: #0F0;
  content: "...";
}
.api_documentation .example_request_output .truncated:hover {
  cursor: pointer;
}
.api_documentation .example_request_output .truncated:hover::after {
  color: #FF3434;
}
.api_documentation .example_request_output .truncated span {
  display: none;
}
.api_documentation .example_request_output .nest {
  display: block;
  padding-left: 16px;
}
.api_documentation .example_request_output .nest > .comma:last-child:after {
  display: block;
}
.api_documentation .example_request_output .markup-open, .api_documentation .example_request_output .markup-close {
  display: block;
}
.api_documentation .example_request_output .markup-open + .comma:after, .api_documentation .example_request_output .markup-close + .comma:after {
  content: "";
  display: block;
}
.api_documentation .example_request_output .empty-set, .api_documentation .example_request_output .json-markup-key, .api_documentation .example_request_output .json-markup-bool, .api_documentation .example_request_output .json-markup-null, .api_documentation .example_request_output .json-markup-number, .api_documentation .example_request_output .json-markup-string {
  margin-left: 16px;
}
.api_documentation .example_request_output .empty-set + .comma::after, .api_documentation .example_request_output .json-markup-key + .comma::after, .api_documentation .example_request_output .json-markup-bool + .comma::after, .api_documentation .example_request_output .json-markup-null + .comma::after, .api_documentation .example_request_output .json-markup-number + .comma::after, .api_documentation .example_request_output .json-markup-string + .comma::after {
  content: "";
  display: block;
}
.api_documentation .example_request_output .json-markup-key, .api_documentation .example_request_output .key {
  color: #05D8FF;
}
.api_documentation .example_request_output .json-markup-bool, .api_documentation .example_request_output .bool {
  color: #0F0;
}
.api_documentation .example_request_output .json-markup-null, .api_documentation .example_request_output .null {
  color: #FF0;
}
.api_documentation .example_request_output .json-markup-number, .api_documentation .example_request_output .number {
  color: #FF0;
}
.api_documentation .example_request_output .json-markup-string, .api_documentation .example_request_output .string {
  color: #686868;
}

.rankings-page {
  --rankings-panel: #12141c;
  --rankings-panel-hover: #171a25;
  --rankings-panel-head: #30354a;
  --rankings-page-background: #1c1f2b;
  --rankings-button: #2a2f42;
  --rankings-button-border: #3a4059;
  --rankings-link: #18c5f0;
  --rankings-heading: #ef5350;
  --rankings-focus: #ffeb3b;
  --rankings-focus-background: #2d2b20;
  --rankings-viewer: #ffa726;
  --rankings-viewer-background: #1d2333;
  --rankings-live: #2ee83a;
  --rankings-strong: #fff;
  --rankings-button-hover: #343a52;
  --rankings-active-pill: #fff;
  --rankings-input: #0d0f16;
  --rankings-art-backing: #0d0f16;
  --rankings-art-border: #000;
  --rankings-focus-line: #5c5223;
  --rankings-viewer-hover: #242b3f;
  --rankings-float-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
  --rankings-up: #4caf50;
  --rankings-down: #ef5350;
  --rankings-hot: #ff7043;
  --rankings-header-height: 60px;
  --tier: #5f6b7c;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
  line-height: 1.45;
  text-align: left;
}
[data-theme=light] .rankings-page {
  --rankings-panel: var(--ui-panel);
  --rankings-panel-hover: var(--ui-panel-2);
  --rankings-panel-head: var(--ui-header-line);
  --rankings-page-background: var(--ui-page);
  --rankings-button: var(--ui-panel);
  --rankings-button-border: var(--ui-control-line);
  --rankings-link: var(--ui-link);
  --rankings-heading: var(--ui-heading);
  --rankings-focus: var(--ui-name-highlight);
  --rankings-focus-background: rgba(168, 100, 0, 0.08);
  --rankings-focus-line: rgba(168, 100, 0, 0.35);
  --rankings-viewer: var(--ui-warn);
  --rankings-viewer-background: color-mix(in srgb, var(--ui-link) 8%, var(--ui-panel));
  --rankings-viewer-hover: color-mix(in srgb, var(--ui-link) 14%, var(--ui-panel));
  --rankings-live: var(--ui-good);
  --rankings-strong: var(--ui-ink);
  --rankings-button-hover: color-mix(in srgb, var(--ui-ink) 8%, var(--ui-panel));
  --rankings-active-pill: var(--ui-ink);
  --rankings-input: var(--ui-control-bg);
  --rankings-art-backing: var(--ui-panel-2);
  --rankings-art-border: var(--ui-line-3);
  --rankings-float-shadow: var(--ui-tooltip-shadow);
  --rankings-up: var(--ui-good);
  --rankings-down: var(--ui-red);
  --rankings-hot: var(--ui-distance-4);
  --tier: var(--ui-ink-3);
}
.rankings-page a, .rankings-page a .location:hover, a .rankings-page .location:hover, .rankings-page .link .location:hover, .link .rankings-page .location:hover, .rankings-page .link {
  color: var(--rankings-link);
}
.rankings-page__body {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 16px 60px;
}
.rankings-page__ads {
  margin-top: 24px;
}
.rankings-page--ads .rankings-page__body {
  padding-top: 0;
}

[data-tier=grand_smasher] {
  --tier: #b48cff;
}

[data-tier=master] {
  --tier: #4fc3f7;
}

[data-tier=platinum] {
  --tier: #80cbc4;
}

[data-tier=gold] {
  --tier: #ffca28;
}

[data-tier=silver] {
  --tier: #cfd8dc;
}

[data-tier=bronze] {
  --tier: #d7965b;
}

[data-theme=light] [data-tier=grand_smasher] {
  --tier: #7b4fd6;
}
[data-theme=light] [data-tier=master] {
  --tier: #0f7fb8;
}
[data-theme=light] [data-tier=platinum] {
  --tier: #2a8a80;
}
[data-theme=light] [data-tier=gold] {
  --tier: #a87a00;
}
[data-theme=light] [data-tier=silver] {
  --tier: #6b7a84;
}
[data-theme=light] [data-tier=bronze] {
  --tier: #a8642a;
}

.rankings-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  background: var(--rankings-button);
  border: 1px solid var(--rankings-button-border);
  border-radius: 3px;
  color: var(--ui-ink);
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
}
.rankings-button:hover, a .rankings-button.location:hover, .link .rankings-button.location:hover {
  background: var(--rankings-button-hover);
  text-decoration: none;
}

.rankings-portrait {
  display: block;
  aspect-ratio: 2/1;
  background: var(--rankings-art-backing) center/cover no-repeat;
  border: 1px solid var(--rankings-art-border);
}

.rankings-input {
  width: 100%;
  height: 32px;
  padding: 0 10px;
  background: var(--rankings-input);
  border: 1px solid var(--rankings-button-border);
  border-radius: 3px;
  color: var(--rankings-strong);
  font-size: 14px;
  outline: none;
}
.rankings-input:focus {
  border-color: var(--rankings-link);
}
[data-theme=light] .rankings-input::placeholder {
  color: var(--ui-ink-3);
}

.rankings-hero {
  position: relative;
  overflow: hidden;
  background: var(--rankings-panel);
  border-bottom: 1px solid var(--ui-line-2);
}
.rankings-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--rankings-hero-art, none) right center/55% auto no-repeat;
  opacity: 0.22;
  mask-image: linear-gradient(90deg, transparent 35%, #000 80%);
}
.rankings-hero__inner {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 26px 16px 0;
}
.rankings-hero__top {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.rankings-hero__heading {
  flex: 1;
  min-width: 0;
}
.rankings-hero__heading h1 {
  margin: 8px 0 4px;
  color: var(--rankings-strong);
  font-size: 32px;
  font-weight: 400;
  line-height: 1.15;
}
.rankings-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ui-ink-2);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.rankings-hero__eyebrow img {
  max-height: 22px;
}
.rankings-hero__live {
  color: var(--rankings-live);
}
.rankings-hero__dates, .rankings-hero__admin {
  color: var(--ui-ink-2);
}
.rankings-hero__admin {
  font-size: 13px;
}
.rankings-hero__season {
  max-width: 320px;
  height: 32px;
  padding: 0 8px;
  background: var(--rankings-button);
  border: 1px solid var(--rankings-button-border);
  border-radius: 3px;
  color: var(--ui-ink);
  font-size: 14px;
}
.rankings-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin: 18px 0 0;
}
.rankings-hero__stats dd {
  margin: 0;
  color: var(--rankings-strong);
  font-size: 22px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.rankings-hero__stats dt {
  order: 2;
  color: var(--ui-ink-3);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.rankings-hero__stats > div {
  display: flex;
  flex-direction: column;
}
.rankings-page .rankings-hero__you a, .rankings-page .rankings-hero__you a .location:hover, a .rankings-page .rankings-hero__you .location:hover, .rankings-page .rankings-hero__you .link .location:hover, .link .rankings-page .rankings-hero__you .location:hover, .rankings-page .rankings-hero__you .link {
  color: var(--rankings-viewer);
}
.rankings-hero__tabs {
  display: flex;
  gap: 4px;
  margin-top: 18px;
}
.rankings-page .rankings-hero__tabs a, .rankings-page .rankings-hero__tabs a .location:hover, a .rankings-page .rankings-hero__tabs .location:hover, .rankings-page .rankings-hero__tabs .link .location:hover, .link .rankings-page .rankings-hero__tabs .location:hover, .rankings-page .rankings-hero__tabs .link {
  padding: 12px 14px 10px;
  border-bottom: 3px solid transparent;
  color: var(--ui-ink-2);
  font-weight: 500;
}
.rankings-page .rankings-hero__tabs a:hover, .rankings-page .rankings-hero__tabs a .location:hover, a .rankings-page .rankings-hero__tabs .location:hover, .rankings-page .rankings-hero__tabs .link .location:hover, .link .rankings-page .rankings-hero__tabs .location:hover, .rankings-page .rankings-hero__tabs .link:hover {
  color: var(--rankings-strong);
  text-decoration: none;
}
.rankings-page .rankings-hero__tabs a.rankings-hero__tab--active, .rankings-page .rankings-hero__tabs a .rankings-hero__tab--active.location:hover, a .rankings-page .rankings-hero__tabs .rankings-hero__tab--active.location:hover, .rankings-page .rankings-hero__tabs .link .rankings-hero__tab--active.location:hover, .link .rankings-page .rankings-hero__tabs .rankings-hero__tab--active.location:hover, .rankings-page .rankings-hero__tabs .rankings-hero__tab--active.link {
  border-bottom-color: var(--rankings-heading);
  color: var(--rankings-strong);
}

.rankings-podium {
  display: grid;
  grid-template-columns: 1fr 1.15fr 1fr;
  align-items: end;
  gap: 14px;
  margin-bottom: 26px;
}
.rankings-podium__spot {
  --place: #cfd8dc;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 210px;
  overflow: hidden;
  padding: 14px 16px;
  background: var(--rankings-panel);
  border: 1px solid var(--ui-line-2);
  border-top: 3px solid var(--place);
}
.rankings-podium__spot[data-podium-place="1"] {
  --place: #ffd54f;
  min-height: 250px;
}
.rankings-podium__spot[data-podium-place="3"] {
  --place: #d7965b;
}
.rankings-podium__art {
  position: absolute;
  inset: 0 0 auto 0;
  height: 72%;
  background: center 30%/cover no-repeat;
  mask-image: linear-gradient(#000 40%, transparent);
}
.rankings-podium__place {
  position: absolute;
  top: 8px;
  left: 12px;
  color: var(--place);
  font-size: 44px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 2px 8px #000;
}
.rankings-podium__medal {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 46px;
  height: 46px;
  object-fit: contain;
  filter: drop-shadow(0 2px 6px #000);
}
.rankings-podium__who {
  position: relative;
}
.rankings-podium__who > a, a .rankings-podium__who > .location:hover, .link .rankings-podium__who > .location:hover, .rankings-podium__who > .link {
  font-size: 20px;
  font-weight: 500;
}
.rankings-podium__meta {
  color: var(--ui-ink-2);
  font-size: 13px;
}
.rankings-podium__meta b {
  color: var(--rankings-strong);
  font-weight: 500;
}

.rankings-section-head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 8px;
}
.rankings-section-head h2 {
  margin: 0;
  color: var(--rankings-heading);
  font-size: 16px;
  font-weight: 400;
}
.rankings-section-head small {
  color: var(--ui-ink-3);
  white-space: nowrap;
}
.rankings-section-head__finder.rankings-input {
  width: 200px;
  margin-left: auto;
}

.rankings-tiers {
  display: flex;
  gap: 2px;
  height: 54px;
  margin-bottom: 24px;
}
.rankings-tiers__item {
  position: relative;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
  padding: 0 8px;
  background: color-mix(in srgb, var(--tier) 16%, var(--rankings-panel));
  border-bottom: 3px solid var(--tier);
}
.rankings-page .rankings-tiers__item {
  color: var(--ui-ink);
}
.rankings-page .rankings-tiers__item:hover {
  background: color-mix(in srgb, var(--tier) 28%, var(--rankings-panel));
  text-decoration: none;
}
.rankings-tiers__item img {
  flex: none;
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.rankings-tiers__item small {
  display: block;
  color: var(--ui-ink-2);
  font-size: 12px;
}
.rankings-tiers__item--active {
  outline: 2px solid var(--tier);
  outline-offset: -2px;
}
.rankings-tiers__item--empty {
  opacity: 0.4;
}
.rankings-tiers__name {
  display: block;
  overflow: hidden;
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rankings-tiers__you {
  position: absolute;
  top: 3px;
  right: 4px;
  color: var(--rankings-viewer);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.rankings-characters {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  margin-bottom: 18px;
  padding-bottom: 8px;
  scrollbar-width: thin;
}
.rankings-characters__item {
  flex: none;
  width: 84px;
  font-size: 11px;
  text-align: center;
}
.rankings-page .rankings-characters__item {
  color: var(--ui-ink-2);
}
.rankings-page .rankings-characters__item:hover {
  color: var(--rankings-strong);
  text-decoration: none;
}
.rankings-characters__item .rankings-portrait {
  width: 100%;
  margin-bottom: 3px;
}
.rankings-characters__item:hover .rankings-portrait {
  outline: 2px solid var(--rankings-link);
}
.rankings-characters__item small {
  color: var(--ui-ink-3);
}
.rankings-page .rankings-characters__item--active {
  color: var(--rankings-focus);
}
.rankings-page .rankings-characters__item--active .rankings-portrait {
  outline: 2px solid var(--rankings-focus);
}
.rankings-characters__all {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2/1;
  margin-bottom: 3px;
  border: 1px dashed var(--rankings-button-border);
  color: var(--ui-ink);
  font-size: 13px;
  font-weight: 500;
}
.rankings-characters__item--active .rankings-characters__all {
  border: 2px solid var(--rankings-focus);
  color: var(--rankings-focus);
}

.rankings-bar {
  position: sticky;
  top: var(--rankings-header-height);
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 10px 0;
  background: var(--rankings-page-background);
  border-bottom: 1px solid var(--ui-line-2);
}
.rankings-bar__search {
  width: 230px;
  margin: 0;
}
.rankings-bar__regions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.rankings-page .rankings-bar__regions a, .rankings-page .rankings-bar__regions a .location:hover, a .rankings-page .rankings-bar__regions .location:hover, .rankings-page .rankings-bar__regions .link .location:hover, .link .rankings-page .rankings-bar__regions .location:hover, .rankings-page .rankings-bar__regions .link {
  padding: 5px 11px;
  background: var(--rankings-button);
  border-radius: 14px;
  color: var(--ui-ink);
  font-size: 13px;
}
.rankings-page .rankings-bar__regions a:hover, .rankings-page .rankings-bar__regions a .location:hover, a .rankings-page .rankings-bar__regions .location:hover, .rankings-page .rankings-bar__regions .link .location:hover, .link .rankings-page .rankings-bar__regions .location:hover, .rankings-page .rankings-bar__regions .link:hover {
  background: var(--rankings-button-hover);
  text-decoration: none;
}
.rankings-page .rankings-bar__regions a.rankings-bar__region--active, .rankings-page .rankings-bar__regions a .rankings-bar__region--active.location:hover, a .rankings-page .rankings-bar__regions .rankings-bar__region--active.location:hover, .rankings-page .rankings-bar__regions .link .rankings-bar__region--active.location:hover, .link .rankings-page .rankings-bar__regions .rankings-bar__region--active.location:hover, .rankings-page .rankings-bar__regions .rankings-bar__region--active.link {
  background: var(--rankings-active-pill);
  color: var(--rankings-panel);
  font-weight: 500;
}
.rankings-bar .rankings-pager {
  margin-left: auto;
}

.rankings-list {
  scroll-margin-top: calc(var(--rankings-header-height) + 64px);
}

.rankings-rules {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
}
.rankings-rules h2 {
  margin: 0 0 10px;
  color: var(--rankings-heading);
  font-size: 18px;
  font-weight: 400;
}
.rankings-rules ul {
  margin: 0 0 18px;
  padding-left: 18px;
  color: var(--ui-ink-2);
}
.rankings-rules li + li {
  margin-top: 6px;
}
.rankings-rules h2 small {
  margin-left: 6px;
  color: var(--ui-ink-3);
  font-size: 12px;
}
.rankings-rules__main h2:not(:first-child) {
  margin-top: 22px;
}
.rankings-rules__intro {
  margin: 0 0 18px;
  color: var(--ui-ink-2);
}
.rankings-rules__side {
  align-self: start;
  padding: 16px;
  background: var(--rankings-panel);
  border: 1px solid var(--ui-line-2);
}
.rankings-rules__none {
  margin: 0 0 18px;
  color: var(--ui-ink-3);
}
.rankings-rules__stages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.rankings-rules__stages figure {
  margin: 0;
}
.rankings-rules__stages img {
  display: block;
  width: 100%;
  aspect-ratio: 150/84;
  object-fit: cover;
  border: 1px solid var(--rankings-art-border);
}
.rankings-rules__stages figcaption {
  margin-top: 4px;
  color: var(--ui-ink-2);
  font-size: 12px;
}

.rankings-seasons {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 12px;
}
.rankings-seasons__card {
  display: block;
  padding: 14px;
  background: var(--rankings-panel);
  border: 1px solid var(--ui-line-2);
}
.rankings-page .rankings-seasons__card {
  color: var(--ui-ink);
}
.rankings-page .rankings-seasons__card:hover {
  border-color: var(--rankings-link);
  text-decoration: none;
}
.rankings-seasons__card b {
  display: block;
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 500;
}
.rankings-seasons__card small {
  color: var(--ui-ink-3);
}
.rankings-seasons__champion {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  font-size: 15px;
}
.rankings-seasons__champion .rankings-portrait {
  flex: none;
  width: 64px;
}
.rankings-seasons__champion small {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.rankings-seasons__places {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid var(--ui-line-2);
  list-style: none;
  font-size: 13px;
}
.rankings-seasons__places li {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.rankings-seasons__places li > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rankings-seasons__places .rankings-portrait {
  flex: none;
  width: 28px;
}
.rankings-seasons__place {
  flex: none;
  width: 12px;
  color: var(--ui-ink-3);
  text-align: right;
}
.rankings-seasons__empty {
  margin: 12px 0 0;
  color: var(--ui-ink-3);
  font-size: 13px;
}
.rankings-seasons__card--current {
  border-color: var(--rankings-heading);
}

.rankings-main {
  transition: opacity 0.15s;
}
.rankings-main--loading {
  opacity: 0.6;
}
.rankings-main__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--ui-ink-3);
  font-size: 13px;
}

.rankings-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 8px;
  background: var(--rankings-focus-background);
  border: 1px solid var(--rankings-focus-line);
  border-radius: 12px;
  color: var(--rankings-focus);
}
.rankings-page .rankings-chip a, .rankings-page .rankings-chip a .location:hover, a .rankings-page .rankings-chip .location:hover, .rankings-page .rankings-chip .link .location:hover, .link .rankings-page .rankings-chip .location:hover, .rankings-page .rankings-chip .link {
  color: var(--rankings-focus);
  font-size: 16px;
  line-height: 1;
}

.rankings-pager {
  display: flex;
  align-items: center;
  gap: 2px;
}
.rankings-pager a, .rankings-pager a .location:hover, a .rankings-pager .location:hover, .rankings-pager .link .location:hover, .link .rankings-pager .location:hover, .rankings-pager .link,
.rankings-pager span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  padding: 0 6px;
  border-radius: 3px;
  font-size: 13px;
}
.rankings-page .rankings-pager a, .rankings-page .rankings-pager a .location:hover, a .rankings-page .rankings-pager .location:hover, .rankings-page .rankings-pager .link .location:hover, .link .rankings-page .rankings-pager .location:hover, .rankings-page .rankings-pager .link {
  color: var(--ui-ink-2);
}
.rankings-page .rankings-pager a:hover, .rankings-page .rankings-pager a .location:hover, a .rankings-page .rankings-pager .location:hover, .rankings-page .rankings-pager .link .location:hover, .link .rankings-page .rankings-pager .location:hover, .rankings-page .rankings-pager .link:hover {
  background: var(--rankings-button);
  color: var(--rankings-strong);
  text-decoration: none;
}
.rankings-pager__step {
  font-size: 20px;
  line-height: 1;
}
.rankings-pager__step--disabled {
  opacity: 0.3;
}
.rankings-pager__current {
  background: var(--rankings-panel-head);
  color: var(--rankings-strong);
  font-weight: 700;
}
.rankings-pager__gap {
  min-width: 16px;
  color: var(--ui-ink-3);
}

.rankings-row, .rankings-columns {
  display: grid;
  grid-template-columns: 50px 34px minmax(0, 1fr) 170px 90px 64px 64px;
  gap: 12px;
  align-items: center;
}

.rankings-columns {
  padding: 0 21px 6px;
  color: var(--ui-ink-3);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.rankings-columns span:nth-child(1),
.rankings-columns span:nth-child(n+5) {
  text-align: right;
}

.rankings-band {
  margin-bottom: 18px;
  background: var(--rankings-panel);
  border: 1px solid var(--ui-line-2);
  border-left: 4px solid var(--tier);
}
.rankings-band__head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--tier) 18%, transparent), transparent 70%);
}
.rankings-band__head > div {
  flex: 1;
}
.rankings-band__head img {
  width: 52px;
  height: 52px;
  object-fit: contain;
}
.rankings-band__head h2 {
  margin: 0;
  color: var(--rankings-strong);
  font-size: 20px;
  font-weight: 500;
}
.rankings-band__range {
  color: var(--ui-ink-2);
  font-size: 13px;
}
.rankings-band__continued {
  color: var(--ui-ink-3);
  font-size: 12px;
}
.rankings-band__division {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 16px;
  color: var(--tier);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.rankings-band__division::after {
  content: "";
  flex: 1;
  height: 1px;
  background: color-mix(in srgb, var(--tier) 35%, transparent);
}

.rankings-row {
  padding: 7px 16px;
  border-top: 1px solid var(--ui-line);
}
.rankings-row:hover, a .rankings-row.location:hover, .link .rankings-row.location:hover {
  background: var(--rankings-panel-hover);
}
.rankings-row--viewer, .rankings-row--viewer:hover, a .rankings-row--viewer.location:hover, .link .rankings-row--viewer.location:hover {
  background: var(--rankings-viewer-background);
  box-shadow: inset 3px 0 0 var(--rankings-viewer);
}
.rankings-row--focus, .rankings-row--focus:hover, a .rankings-row--focus.location:hover, .link .rankings-row--focus.location:hover {
  background: var(--rankings-focus-background);
  box-shadow: inset 3px 0 0 var(--rankings-focus);
}
.rankings-row__rank {
  font-size: 18px;
  font-weight: 500;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.rankings-row__change {
  font-size: 12px;
}
.rankings-row__player {
  min-width: 0;
  font-size: 15px;
}
.rankings-page .rankings-row__location {
  margin-left: 8px;
  color: var(--ui-ink-3);
  font-size: 12px;
}
.rankings-row__mains {
  display: flex;
  gap: 3px;
}
.rankings-row__points, .rankings-row__record, .rankings-row__streak {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.rankings-row__points b {
  color: var(--rankings-strong);
  font-size: 16px;
  font-weight: 500;
}
.rankings-row__points small {
  color: var(--ui-ink-3);
}
.rankings-row__record, .rankings-row__streak {
  font-size: 13px;
}
.rankings-row__record small {
  display: block;
  color: var(--ui-ink-3);
  font-size: 11px;
}
.rankings-row__muted {
  color: var(--ui-ink-3);
}

.rankings-change {
  color: var(--ui-ink-3);
}
.rankings-change--up {
  color: var(--rankings-up);
}
.rankings-change--down {
  color: var(--rankings-down);
}

.rankings-streak--hot {
  color: var(--rankings-hot);
}

.rankings-main-chip {
  position: relative;
  display: inline-block;
}
.rankings-main-chip .rankings-portrait {
  width: 52px;
}
.rankings-main-chip__percent {
  position: absolute;
  right: 1px;
  bottom: 1px;
  padding: 0 3px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 10px;
  line-height: 14px;
}

.rankings-empty {
  padding: 48px 20px;
  background: var(--rankings-panel);
  border: 1px solid var(--ui-line-2);
  text-align: center;
}
.rankings-empty h3 {
  margin: 0 0 6px;
  color: var(--rankings-heading);
  font-weight: 400;
}

.rankings-you {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px 8px 8px;
  background: var(--rankings-viewer-background);
  border: 1px solid var(--rankings-viewer);
  border-radius: 26px;
  box-shadow: var(--rankings-float-shadow);
  font-size: 13px;
}
.rankings-page .rankings-you {
  color: var(--ui-ink);
}
.rankings-page .rankings-you:hover {
  background: var(--rankings-viewer-hover);
  text-decoration: none;
}
.rankings-you img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.rankings-you b {
  color: var(--rankings-viewer);
}

@media (max-width: 1100px) {
  .rankings-row,
  .rankings-columns {
    grid-template-columns: 40px 30px minmax(0, 1fr) 120px 80px;
  }
  .rankings-row__record,
  .rankings-row__streak,
  .rankings-columns span:nth-child(n+6),
  .rankings-row__mains .rankings-main-chip:nth-child(n+3) {
    display: none;
  }
}
@media (max-width: 900px) {
  .rankings-rules {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  .rankings-hero__heading h1 {
    font-size: 22px;
  }
  .rankings-hero__top {
    flex-direction: column;
    gap: 10px;
  }
  .rankings-hero__season {
    max-width: 100%;
  }
  .rankings-hero__stats {
    gap: 20px;
  }
  .rankings-hero__stats dd {
    font-size: 18px;
  }
  .rankings-podium {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .rankings-podium__spot {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    min-height: 0;
    padding: 10px 12px 10px 58px;
  }
  .rankings-podium__spot[data-podium-place="1"] {
    order: -1;
    min-height: 0;
  }
  .rankings-podium__art {
    inset: 0 0 0 auto;
    width: 55%;
    height: 100%;
    opacity: 0.55;
    mask-image: linear-gradient(90deg, transparent, #000 70%);
  }
  .rankings-podium__place {
    top: 50%;
    font-size: 32px;
    transform: translateY(-50%);
  }
  .rankings-podium__medal {
    display: none;
  }
  .rankings-podium__who > a, a .rankings-podium__who > .location:hover, .link .rankings-podium__who > .location:hover, .rankings-podium__who > .link {
    font-size: 16px;
  }
  .rankings-tiers {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    height: auto;
  }
  .rankings-tiers__item {
    height: 44px;
    padding: 0 6px;
  }
  .rankings-tiers__item img {
    width: 24px;
    height: 24px;
  }
  .rankings-section-head {
    flex-wrap: wrap;
  }
  .rankings-section-head__finder.rankings-input {
    width: 100%;
    margin-left: 0;
  }
  .rankings-bar {
    position: static;
  }
  .rankings-bar__search {
    width: 100%;
  }
  .rankings-bar .rankings-pager {
    margin-left: 0;
  }
  .rankings-columns {
    display: none;
  }
  .rankings-band__head {
    padding: 10px 12px;
  }
  .rankings-band__head img {
    width: 38px;
    height: 38px;
  }
  .rankings-row {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-areas: "rank player points" "change mains mains";
    gap: 2px 10px;
    padding: 8px 12px;
  }
  .rankings-row__rank {
    grid-area: rank;
    font-size: 16px;
    text-align: left;
  }
  .rankings-row__change {
    grid-area: change;
  }
  .rankings-row__player {
    grid-area: player;
  }
  .rankings-page .rankings-row__location {
    display: block;
    margin: 0;
  }
  .rankings-row__mains {
    grid-area: mains;
    margin-top: 4px;
  }
  .rankings-row__mains .rankings-portrait {
    width: 42px;
  }
  .rankings-row__points {
    grid-area: points;
  }
  .rankings-seasons {
    grid-template-columns: minmax(0, 1fr);
  }
  .rankings-rules__stages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rankings-you {
    right: 16px;
    bottom: 16px;
    left: 16px;
    justify-content: center;
  }
}
.table thead > tr > th {
  border-width: 1px;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
}
.pagination .page_list_item {
  display: none;
}
.pagination .page_list_item.visible {
  display: inline;
}
.pagination .page_list_item.visible.last_visible:after {
  content: "...";
  padding: 8px;
  display: inline-block;
}
.pagination .page_list_item {
  display: none;
}

.game-tile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 10px;
  padding: 4px;
}
.game-tile-grid .game-tile {
  display: grid;
  grid-template-rows: 72px auto;
  align-items: center;
  justify-items: center;
  width: 100%;
  padding: 14px 10px 12px;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid #3A4059;
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
  text-shadow: none;
  filter: grayscale(0.4);
  opacity: 0.85;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.2s ease, opacity 0.2s ease, border-color 0.15s ease, background 0.15s ease;
}
.game-tile-grid .game-tile:hover, .game-tile-grid .game-tile:focus {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  border-color: #05D8FF;
  background: rgba(5, 216, 255, 0.06);
  filter: none;
  opacity: 1;
  color: inherit;
  text-decoration: none;
}
.game-tile-grid .game-tile__image-frame {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-tile-grid .game-tile__image {
  max-height: 64px;
  max-width: 100%;
  object-fit: contain;
  margin: 0;
}
.game-tile-grid .game-tile__image-fallback {
  font-size: 32px;
  font-weight: bold;
  color: #05D8FF;
}
.game-tile-grid .game-tile__label {
  font-size: 14px;
  color: inherit;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .game-tile-grid {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
  .game-tile-grid .game-tile__image {
    max-height: 48px;
    max-width: 30vw;
  }
}

.has_rpg .chat_message.rpg_message {
  font-style: normal;
  color: #F66;
}
.has_rpg .chat_message.rpg_message .is_dead {
  transition: 35s;
  color: black;
  opacity: 0.4;
}
.has_rpg .message .health_container.main {
  top: -8px;
}
.has_rpg .chat_message.is_me .health_container:hover {
  background-color: #05D8FF;
}
.has_rpg .health_container {
  display: inline-flex;
  border: 1px solid #fff;
  border-radius: 2px;
  background-color: #000;
  padding: 0 2px 8px 2px;
  margin-right: 4px;
  position: relative;
  height: 18px;
  width: 54px;
  cursor: pointer;
  overflow: hidden;
}
.has_rpg .health_container.disabled, .has_rpg .request_list .challenge_request_hmm.removing button.health_container, .request_list .challenge_request_hmm.removing .has_rpg button.health_container {
  pointer-events: none;
  filter: grayscale(100%);
  opacity: 0.9;
}
.has_rpg .health_container.special {
  width: 24px;
  overflow: hidden;
}
.has_rpg .health_container .attack_display, .has_rpg .health_container .defense_display {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.has_rpg .health_container .attack_display .icon, .has_rpg .health_container .defense_display .icon {
  filter: brightness(0) invert(1);
  height: 16px;
  color: white;
}
.has_rpg .health_container .attack_display {
  display: flex;
  justify-content: center;
}
.has_rpg .health_container:hover {
  cursor: pointer;
  background-color: #F66;
}
.has_rpg .health_container .heart_holder {
  width: 16px;
  margin-top: -3px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.has_rpg .normal_message {
  margin-bottom: 2px;
}
.has_rpg .normal_message .health_container {
  display: inline-flex;
}
.has_rpg .heart {
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
  height: 2px;
  width: 2px;
  margin: 0;
  box-shadow: 6px 2px 0 #fff, 2px 0px 0 #fff, 4px 0px 0 #fff, 0px 2px 0 #fff, 0px 4px 0 #fff, 2px 6px 0 #fff, 4px 8px 0 #fff, 6px 10px 0 #fff, 8px 0px 0 #fff, 10px 0px 0 #fff, 12px 2px 0 #fff, 12px 4px 0 #fff, 10px 6px 0 #fff, 8px 8px 0 #fff;
}
.has_rpg .heart::before, .has_rpg .heart::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 2px;
  transition: 1s;
  opacity: 0;
}
.has_rpg .heart.half::before {
  opacity: 1;
}
.has_rpg .heart.full::after {
  opacity: 1;
}
.has_rpg .heart::before {
  box-shadow: 2px 2px 0 #e03800, 2px 4px 0 #e03800, 4px 2px 0 #e03800, 4px 4px 0 #e03800, 4px 6px 0 #e03800, 6px 4px 0 #e03800, 6px 6px 0 #e03800, 6px 8px 0 #e03800;
}
.has_rpg .heart::after {
  box-shadow: 8px 2px 0 #e03800, 8px 4px 0 #e03800, 8px 6px 0 #e03800, 10px 2px 0 #e03800, 10px 4px 0 #e03800;
}
@keyframes ani {
  to {
    visibility: visible;
  }
}

.rpg_style, #page_rpg {
  text-align: center;
  margin: 1em;
  font: 1em "Press start 2P";
  font-weight: 700;
  @import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
  /*@mixin step2( $width, $color, $bgcolor ) {
    box-shadow:
      $width 0 $bgcolor,
      -$width 0 $bgcolor,
      0 (-$width) $bgcolor,
      0 $width $bgcolor,
      2*$width 0 $color,
      -2*$width 0 $color,
      0 (-2*$width) $color,
      0 2*$width $color,
      $width $width $color,
      -$width $width $color,
      $width (-$width) $color,
      -$width (-$width) $color;
  }*/
  /*@mixin step3( $width, $color, $bgcolor ) {
    box-shadow:
      $width 0 $bgcolor,
      -$width 0 $bgcolor,
      0 (-$width) $bgcolor,
      0 $width $bgcolor,
      2*$width 0 $bgcolor,
      -2*$width 0 $bgcolor,
      0 (-2*$width) $bgcolor,
      0 2*$width $bgcolor,
      0 0 0 $width $bgcolor,
      3*$width 0 $color,
      -3*$width 0 $color,
      0 3*$width $color,
      0 (-3*$width) $color,
      -2*$width (-$width) $color,
      -$width (-2*$width) $color,
      $width (-2*$width) $color,
      2*$width (-$width) $color,
      2*$width $width $color,
      $width 2*$width $color,
      -$width 2*$width $color,
      -2*$width $width $color;
  }*/
}
.rpg_style #top_main_nav, #page_rpg #top_main_nav {
  font-size: 10px;
}
.rpg_style .game_bit, #page_rpg .game_bit {
  margin: 0 auto;
  display: inline-block;
  padding: 0.4em 1.3em;
  text-align: left;
  font-size: 2em;
}
.rpg_style .game_bit ol, #page_rpg .game_bit ol {
  margin-left: 40px;
}
.rpg_style hr, #page_rpg hr {
  height: 10px;
  visibility: hidden;
}
.rpg_style .lvl1, #page_rpg .lvl1 {
  box-shadow: 16px 0 white, -16px 0 white, 0 -16px white, 0 16px white, 4px 0 0 8px white, -4px 0 0 8px white, 0 -4px 0 8px white, 0 4px 0 8px white, 20px 0 orange, -20px 0 orange, 0 -20px orange, 0 20px orange, 0 0 0 12px orange, 0 8px 0 8px orange, 0 -8px 0 8px orange, 8px 0 0 8px orange, -8px 0 0 8px orange;
  margin: 20px auto;
}
.rpg_style .lvl2, #page_rpg .lvl2 {
  box-shadow: 4px 0 white, -4px 0 white, 0 -4px white, 0 4px white, 8px 0 blue, -8px 0 blue, 0 -8px blue, 0 8px blue, 0 0 0 4px blue;
  margin: 8px auto;
}
.rpg_style .lvl3, #page_rpg .lvl3 {
  box-shadow: 3px 0 white, -3px 0 white, 0 -3px white, 0 3px white, 6px 0 white, -6px 0 white, 0 -6px white, 0 6px white, 0 0 0 3px white, 9px 0 red, -9px 0 red, 0 9px red, 0 -9px red, 0 -3px 0 3px red, 0 3px 0 3px red, 3px 0 0 3px red, -3px 0 0 3px red;
  margin: 9px auto;
}
.rpg_style .lvl4, #page_rpg .lvl4 {
  box-shadow: 5px 0 white, -5px 0 white, 0 -5px white, 0 5px white, 10px 0 white, -10px 0 white, 0 -10px white, 0 10px white, 0 0 0 5px white, 15px 0 white, -15px 0 white, 0 15px white, 0 -15px white, 0 -5px 0 5px white, 0 5px 0 5px white, 5px 0 0 5px white, -5px 0 0 5px white, 20px 0 green, -20px 0 green, 0 -20px green, 0 20px green, 10px 0 0 5px green, -10px 0 0 5px green, 0 10px 0 5px green, 0 -10px 0 5px green, 0 0 0 10px green;
  margin: 20px auto;
}
.rpg_style .other, #page_rpg .other {
  box-shadow: 6px 0 black, -6px 0 black, 0 -6px black, 0 6px black;
  margin: 6px auto;
}

#location_search {
  background-color: white;
  border-radius: 4px;
  color: black;
  padding: 0 4px;
}

.input-with-loader {
  position: relative;
}

.input-toggle {
  font-size: 0;
  margin: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.input-toggle .deselected {
  opacity: 0.6;
  font-style: italic;
}
.input-toggle .alternative {
  margin: 0 16px 0 0;
}
.input-toggle > span:not(:first-of-type), .input-toggle .alternative {
  font-size: 16px;
  font-weight: normal;
  user-select: none;
}
.input-toggle > span:first-of-type {
  display: inline-block;
  position: relative;
  background-image: -webkit-linear-gradient(left, #848484 0%, #848484 50%, #7CBCBF 50%, #7CBCBF 100%);
  background-image: linear-gradient(to right, #848484 0%, #848484 50%, #7CBCBF 50%, #7CBCBF 100%);
  background-size: 64px 14px;
  background-position: 0%;
  border-radius: 32px;
  width: 32px;
  height: 14px;
  cursor: pointer;
  -webkit-transition: background-position 0.2s ease-in;
  transition: background-position 0.2s ease-in;
  margin-right: 16px;
  flex-shrink: 0;
}
.input-toggle > input:checked + span:first-of-type {
  background-position: -100%;
}
.input-toggle > span:first-of-type:after {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  background: #F1F1F1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-transition: left 0.2s ease-in, background-color 0.2s ease-in, -webkit-transform 0.3s ease;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, -webkit-transform 0.3s ease;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.input-toggle.double-active > span:first-of-type {
  background-image: -webkit-linear-gradient(left, #7CBCBF 0%, #7CBCBF 50%, #7CBCBF 50%, #7CBCBF 100%);
  background-image: linear-gradient(to right, #7CBCBF 0%, #7CBCBF 50%, #7CBCBF 50%, #7CBCBF 100%);
}
.input-toggle.double-active > span:first-of-type:after {
  background-color: #1D8B90;
}
.input-toggle > input:checked + span:first-of-type:after {
  left: calc(100% - 18px);
  background-color: #1D8B90;
}
.input-toggle > span:first-of-type:active:after {
  -webkit-transform: translateY(-50%) scale3d(1.15, 0.85, 1);
  transform: translateY(-50%) scale3d(1.15, 0.85, 1);
}
.input-toggle > input:disabled + span:first-of-type:active:after {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.input-toggle > input:disabled + span:first-of-type {
  cursor: default;
  background: #D5D5D5;
}
.input-toggle > input:disabled + span:first-of-type:after {
  background: #BDBDBD;
}
.input-toggle > input:disabled ~ span:not(:first-of-type) {
  font-style: italic;
  color: #BDBDBD;
}
.input-toggle > input {
  display: block;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

input[type=text]:not(.browser-default), input[type=password]:not(.browser-default) {
  color: var(--ui-control-ink);
  background-color: var(--ui-control-bg);
  padding: 0 4px;
}
input[type=text]:not(.browser-default).rounded, #dashboard .matchmaking_tab_content #tab-pane-friends input[type=text].search:not(.browser-default), input[type=password]:not(.browser-default).rounded, #dashboard .matchmaking_tab_content #tab-pane-friends input[type=password].search:not(.browser-default) {
  border-radius: 8px;
}

input:not([type]):disabled, input:not([type])[readonly=readonly], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly=readonly], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly=readonly], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly=readonly], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly=readonly], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly=readonly], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly=readonly], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly=readonly], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly=readonly], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly=readonly], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly=readonly], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly=readonly], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly=readonly] {
  color: var(--ui-control-line);
  border-bottom: 1px solid var(--ui-control-line);
}

label {
  font-weight: normal;
}

input.form-control, body.database_setup input[type=text] {
  color: var(--ui-control-ink);
}

label.errors input[type=text] {
  border-bottom-color: rgb(255, 131, 131);
}

select.form-control, .birthday .birthday-picker select {
  display: block;
  color: var(--ui-control-ink);
}
select.form-control option, .birthday .birthday-picker select option {
  background-color: var(--ui-control-bg);
  color: var(--ui-control-ink);
}

select.form-control, .birthday .birthday-picker select {
  background-color: transparent;
  width: 100%;
  padding: 5px;
  border: 1px solid var(--ui-control-line);
  border-radius: 2px;
  height: 3rem;
}

.preferred_game_settings .name-label {
  display: flex;
  flex-direction: column;
}
.preferred_game_settings .game_logo {
  max-height: 32px;
}

.preferred_game_options {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  padding: 4px 0;
}
.preferred_game_options .game {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 12px 12px;
  border: 1px solid #3A4059;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.15);
  cursor: pointer;
  user-select: none;
  text-align: center;
  filter: grayscale(0.6);
  opacity: 0.55;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.2s ease, opacity 0.2s ease, border-color 0.15s ease;
}
.preferred_game_options .game:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  border-color: #05D8FF;
  opacity: 0.85;
  filter: grayscale(0.2);
}
.preferred_game_options .game:focus {
  outline: none;
  border-color: #05D8FF;
  box-shadow: 0 0 0 2px rgba(5, 216, 255, 0.4);
}
.preferred_game_options .game .game_check {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #3A4059;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.preferred_game_options .game .game_check .check_mark {
  color: transparent;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  transition: color 0.15s ease;
}
.preferred_game_options .game .game_logo_frame {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.preferred_game_options .game .game_logo {
  max-height: 72px;
  max-width: 100%;
  object-fit: contain;
}
.preferred_game_options .game .name {
  font-size: 14px;
  font-style: italic;
  color: inherit;
}
.preferred_game_options .game .description {
  font-size: 12px;
  color: #FF3434;
  margin-top: 4px;
}
.preferred_game_options .game.active {
  filter: none;
  opacity: 1;
  border-color: #05D8FF;
  background: rgba(5, 216, 255, 0.06);
  box-shadow: 0 0 12px rgba(5, 216, 255, 0.18);
}
.preferred_game_options .game.active .game_check {
  background: #05D8FF;
  border-color: #05D8FF;
}
.preferred_game_options .game.active .game_check .check_mark {
  color: #001018;
}
.preferred_game_options .game.active .name {
  font-style: normal;
}
.preferred_game_options .game.active .description {
  color: #0F0;
}

.poppy_list {
  background: var(--ui-box);
  padding: 8px;
  border: 1px solid var(--ui-hairline);
}
.poppy_list li {
  border-radius: 6px;
  margin-bottom: 2px;
}
.poppy_list li:hover, .poppy_list li.active {
  background: var(--ui-hairline);
}
.poppy_list li > * {
  display: block;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  padding: 15px 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ladder_settings {
  font-size: 1.3rem;
  padding-top: 8px;
}
.ladder_settings .show_matches_in_search .description {
  margin-left: 8px;
}
.ladder_settings .acceptable_tiers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.ladder_settings .acceptable_tiers .hint {
  color: #05D8FF;
}
.ladder_settings .acceptable_tiers:hover {
  cursor: pointer;
}
.ladder_settings .acceptable_tiers:hover .hint {
  color: white;
}
.ladder_settings .description_group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ladder_settings .accept_description {
  font-size: 20px;
  margin-bottom: 12px;
  display: block;
}
.ladder_settings .mini-logo {
  max-height: 36px;
}
.ladder_settings .tier_select {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  padding: 2px 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: center;
  opacity: 0.6;
  margin: 0 2px;
  user-select: none;
}
.ladder_settings .tier_select .divisions {
  display: flex;
  justify-content: space-between;
  min-width: 6em;
}
.ladder_settings .tier_select.displayed_alone {
  opacity: 1;
}
.ladder_settings .tier_select:hover:not(.displayed_alone) {
  border-color: #05D8FF;
  opacity: 1;
  cursor: pointer;
}
.ladder_settings .tier_select.selected {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
  transition: 0.4s;
  border-color: #05D8FF;
  opacity: 1;
}
.ladder_settings .tier_select .tier_name {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.ladder_settings .disabled .tier_select.selected, .ladder_settings .request_list .challenge_request_hmm.removing button .tier_select.selected, .request_list .challenge_request_hmm.removing .ladder_settings button .tier_select.selected {
  transition: 0.4s;
  border: 1px dashed white;
  background-color: transparent;
}
.ladder_settings .tier_logo {
  max-height: 28px;
}

.account_deletion__warning {
  border-left: 4px solid #c9302c;
  background: rgba(201, 48, 44, 0.08);
  padding: 12px 16px;
  margin-bottom: 16px;
}
.account_deletion__heading {
  margin-top: 16px;
}
.account_deletion__list {
  padding-left: 20px;
}
.account_deletion__subscription_notice {
  border-left: 4px solid #f0ad4e;
  background: rgba(240, 173, 78, 0.1);
  padding: 10px 16px;
  margin-top: 16px;
}

.delete_account_panel {
  max-width: 420px;
}
.delete_account_panel__error {
  color: #c9302c;
}
.delete_account_panel__submit {
  margin-top: 8px;
}

.restore_account_panel__notice {
  font-weight: bold;
}
.restore_account_panel__error {
  color: #c9302c;
}
.restore_account_panel__actions {
  display: flex;
  gap: 12px;
  align-items: center;
}
.restore_account_panel__logout_form {
  margin: 0;
}

.delete_account_link {
  margin-top: 24px;
  text-align: center;
  font-size: 0.85em;
}
.delete_account_link a, .delete_account_link a .location:hover, a .delete_account_link .location:hover, .delete_account_link .link .location:hover, .link .delete_account_link .location:hover, .delete_account_link .link {
  color: #c9302c;
}

.account-settings,
.profile-page__customize {
  --settings-panel: #12141C;
  --settings-panel-head: #30354A;
  --settings-link: #18c5f0;
  --settings-link-tint: rgba(24, 197, 240, 0.06);
  --settings-link-tint-strong: rgba(24, 197, 240, 0.12);
  --settings-heading: #ef5350;
  --settings-name: var(--ui-name-highlight);
  --settings-button: #0A6EBD;
  --settings-page-background: #1C1F2B;
  --settings-radius: 6px;
  --settings-sticky-top: 80px;
}

[data-theme=light] .account-settings,
[data-theme=light] .profile-page__customize {
  --settings-panel: var(--ui-panel);
  --settings-panel-head: var(--ui-panel-2);
  --settings-link: var(--ui-link);
  --settings-link-tint: rgba(11, 98, 160, 0.06);
  --settings-link-tint-strong: rgba(11, 98, 160, 0.12);
  --settings-heading: var(--ui-heading);
  --settings-page-background: var(--ui-page);
}

.account-settings {
  max-width: var(--ui-page-max);
  margin: 0 auto;
  padding: 32px 24px 24px;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
  line-height: 1.45;
  text-align: left;
}
.account-settings a, .account-settings a .location:hover, a .account-settings .location:hover, .account-settings .link .location:hover, .link .account-settings .location:hover, .account-settings .link {
  color: var(--settings-link);
}
.account-settings__icon {
  width: 18px;
  height: 18px;
  flex: none;
  stroke: currentColor;
}
.account-settings__title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 28px;
}
.account-settings__title h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--ui-ink);
}
.account-settings__avatar {
  display: grid;
  place-items: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--settings-panel-head);
  color: var(--settings-name);
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.account-settings__whoami {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
}
.account-settings__username {
  color: var(--settings-name);
  font-weight: 500;
}
.account-settings__layout {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}
.account-settings__nav {
  position: sticky;
  top: var(--settings-sticky-top);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.account-settings__nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 12px 9px 16px;
  border-radius: 0 var(--settings-radius) var(--settings-radius) 0;
  color: var(--ui-ink-2);
  font-weight: 500;
  text-decoration: none;
}
.account-settings__nav-item .account-settings__icon {
  opacity: 0.8;
}
.account-settings__nav-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  border-radius: 2px;
  background: transparent;
  transition: background 0.15s;
}
.account-settings__nav .account-settings__nav-item {
  color: var(--ui-ink-2);
}
.account-settings__nav .account-settings__nav-item:hover, .account-settings__nav .account-settings__nav-item:focus {
  color: var(--ui-ink);
  background: var(--ui-surface);
  text-decoration: none;
}
.account-settings__nav .account-settings__nav-item--active, .account-settings__nav .account-settings__nav-item--active:hover {
  color: var(--settings-link);
  background: var(--settings-link-tint);
}
.account-settings__nav .account-settings__nav-item--active::before, .account-settings__nav .account-settings__nav-item--active:hover::before {
  background: var(--settings-link);
}
.account-settings__nav .account-settings__nav-item--active .account-settings__icon, .account-settings__nav .account-settings__nav-item--active:hover .account-settings__icon {
  opacity: 1;
}
.account-settings__nav-item .account-settings__nav-lock {
  width: 14px;
  height: 14px;
  margin-left: auto;
  color: var(--ui-ink-3);
}
.account-settings__section-head {
  margin-bottom: 18px;
}
.account-settings__section-head h2 {
  margin: 0 0 4px;
  font-size: var(--ui-fs-xl);
  font-weight: 500;
  color: var(--settings-heading);
}
.account-settings__section-head p {
  margin: 0;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.account-settings__section-note {
  margin: 0 0 10px 2px;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.account-settings__group {
  margin-bottom: 22px;
}
.account-settings__group-title {
  display: flex;
  justify-content: space-between;
  margin: 0 0 8px 2px;
  font-size: var(--ui-fs-label);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ui-ink-2);
}
.account-settings__card {
  background: var(--settings-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
}
.account-settings__card > * + * {
  border-top: 1px solid var(--ui-line);
}
.account-settings__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 56px;
  padding: 14px 18px;
}
.account-settings__row-text {
  min-width: 0;
}
.account-settings__row-label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-weight: 500;
}
.account-settings__row-help {
  margin-top: 2px;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
}
.account-settings__row-control {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
}
.account-settings__row--locked .account-settings__row-control {
  opacity: 0.4;
}
.account-settings__row--stack-control {
  flex-wrap: wrap;
}
.account-settings__row--stack-control .account-settings__row-control {
  flex: 1 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  min-width: 0;
}
.account-settings__inline-error {
  margin-top: 4px;
  font-size: var(--ui-fs-sm);
  color: var(--ui-red);
}
.account-settings__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 7px;
  border-radius: 999px;
  border: 1px solid var(--ui-line-2);
  background: var(--ui-surface);
  color: var(--ui-ink-2);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.account-settings__tag .account-settings__icon {
  width: 11px;
  height: 11px;
}
.account-settings__tag--subscriber {
  color: var(--ui-sub);
  border-color: rgba(255, 176, 32, 0.35);
}
.account-settings__tag--good {
  color: var(--ui-good);
  border-color: rgba(54, 211, 153, 0.35);
}
.account-settings__saved {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  width: 58px;
  font-size: var(--ui-fs-xs);
  color: var(--ui-good);
  opacity: 0;
  transition: opacity 0.4s;
}
.account-settings__saved .account-settings__icon {
  width: 13px;
  height: 13px;
}
.account-settings__saved--visible {
  opacity: 1;
  transition: opacity 0.1s;
}
.account-settings__switch {
  display: inline-flex;
  align-items: center;
  margin: 0;
  cursor: pointer;
}
.account-settings__switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.account-settings__switch span {
  position: relative;
  flex: none;
  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: var(--ui-ink-4);
  transition: background 0.15s;
}
.account-settings__switch span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.15s;
}
.account-settings__switch input:checked + span {
  background: var(--settings-link);
}
.account-settings__switch input:checked + span::after {
  transform: translateX(16px);
}
.account-settings__switch input:focus-visible + span {
  box-shadow: 0 0 0 3px rgba(24, 197, 240, 0.3);
}
.account-settings__switch input:disabled + span {
  opacity: 0.5;
  cursor: default;
}
.account-settings__segment {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 2px;
  border-radius: var(--settings-radius);
  background: var(--ui-bg);
  border: 1px solid var(--ui-line-2);
}
.account-settings__segment button {
  padding: 5px 12px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--ui-ink-2);
  font-family: inherit;
  font-size: var(--ui-fs-sm);
  font-weight: 500;
  cursor: pointer;
}
.account-settings__segment button:hover {
  color: var(--ui-ink);
  background: transparent;
}
.account-settings__segment button:disabled {
  cursor: default;
}
.account-settings__segment .account-settings__segment-option--selected,
.account-settings__segment .account-settings__segment-option--selected:hover {
  background: var(--settings-panel-head);
  color: var(--ui-ink);
  box-shadow: inset 0 -2px 0 var(--settings-link);
}
.account-settings__select, .account-settings__input {
  width: 100%;
  padding: 9px 12px;
  background: var(--ui-bg);
  color: var(--ui-ink);
  border: 1px solid var(--ui-line-2);
  border-radius: var(--settings-radius);
  font: inherit;
}
.account-settings__select:focus, .account-settings__input:focus {
  outline: none;
  border-color: var(--settings-link);
  box-shadow: 0 0 0 3px rgba(24, 197, 240, 0.18);
}
.account-settings__select::placeholder, .account-settings__input::placeholder {
  color: var(--ui-ink-4);
  font-style: normal;
}
.account-settings__row .account-settings__select {
  width: auto;
  min-width: 220px;
  padding: 7px 10px;
}
.account-settings__label {
  display: block;
  margin-bottom: 6px;
  font-size: var(--ui-fs-sm);
  font-weight: 500;
  color: var(--ui-ink-2);
}
.account-settings__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--settings-radius);
  background: var(--ui-panel-2);
  color: var(--ui-ink);
  font-family: inherit;
  font-size: var(--ui-fs-base);
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}
.account-settings__button:hover, a .account-settings__button.location:hover, .link .account-settings__button.location:hover {
  border-color: var(--ui-line-3);
  background: var(--ui-panel-2);
  text-decoration: none;
}
.account-settings__button:disabled {
  opacity: 0.45;
  cursor: default;
}
.account-settings a.account-settings__button, .account-settings a .account-settings__button.location:hover, a .account-settings .account-settings__button.location:hover, .account-settings .link .account-settings__button.location:hover, .link .account-settings .account-settings__button.location:hover, .account-settings .account-settings__button.link {
  color: var(--ui-ink);
}
.account-settings__button--small {
  padding: 5px 12px;
  font-size: var(--ui-fs-sm);
}
.account-settings__button--primary, .account-settings__button--primary:hover, a .account-settings__button--primary.location:hover, .link .account-settings__button--primary.location:hover {
  background: var(--settings-button);
  border-color: transparent;
  color: #fff;
}
.account-settings__button--danger, .account-settings__button--danger:hover, a .account-settings__button--danger.location:hover, .link .account-settings__button--danger.location:hover,
.account-settings a.account-settings__button--danger {
  background: transparent;
  border-color: rgba(239, 69, 101, 0.5);
  color: var(--ui-red);
}
.account-settings__button--subscribe, .account-settings__button--subscribe:hover, a .account-settings__button--subscribe.location:hover, .link .account-settings__button--subscribe.location:hover,
.account-settings a.account-settings__button--subscribe {
  background: var(--ui-sub);
  border-color: transparent;
  color: #1a1205;
  font-weight: 700;
}
.account-settings__link-button {
  padding: 0;
  border: 0;
  background: none;
  color: var(--settings-link);
  font-family: inherit;
  font-size: var(--ui-fs-sm);
  font-weight: 500;
  cursor: pointer;
}
.account-settings__link-button:hover, a .account-settings__link-button.location:hover, .link .account-settings__link-button.location:hover {
  background: none;
  text-decoration: underline;
}
.account-settings__link-button--danger {
  color: var(--ui-red);
}
.account-settings__empty {
  padding: 18px;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.account-settings__subhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.015);
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.account-settings__card-error, .account-settings__form-general-error {
  padding: 0 18px 14px;
}
.account-settings__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 18px;
  padding: 18px;
}
.account-settings__form-field--full {
  grid-column: 1/-1;
}
.account-settings__form-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 18px;
  border-radius: 0 0 8px 8px;
  background: rgba(255, 255, 255, 0.015);
}
.account-settings__current-password {
  flex: 1;
  max-width: 320px;
}
.account-settings__reauth {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.account-settings__reauth .account-settings__label,
.account-settings__reauth .account-settings__form-note,
.account-settings__reauth .account-settings__inline-error {
  flex-basis: 100%;
}
.account-settings__reauth .account-settings__input {
  flex: 1;
  min-width: 120px;
}
.account-settings__form-actions {
  display: flex;
  align-items: center;
  align-self: flex-end;
  gap: 12px;
}
.account-settings__form-note {
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
}
.account-settings__form-note--success {
  color: var(--ui-good);
}
.account-settings__form-note--error {
  color: var(--ui-red);
}
.account-settings__input-with-tag {
  position: relative;
}
.account-settings__input-with-tag .account-settings__tag {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.account-settings__themes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  max-width: 460px;
}
.account-settings__themes .account-settings__theme {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 8px 10px;
  background: var(--settings-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: var(--settings-radius);
  color: var(--ui-ink);
  text-align: left;
  cursor: pointer;
}
.account-settings__themes .account-settings__theme:hover {
  border-color: var(--ui-ink-3);
}
.account-settings__themes .account-settings__theme small {
  color: var(--ui-ink-3);
}
.account-settings__themes .account-settings__theme--selected, .account-settings__themes .account-settings__theme--selected:hover {
  border-color: var(--settings-link);
  box-shadow: 0 0 0 1px var(--settings-link);
}
.account-settings__theme-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2px;
  font-weight: 500;
}
.account-settings__theme-radio {
  width: 16px;
  height: 16px;
  flex: none;
  border: 2px solid var(--ui-ink-3);
  border-radius: 50%;
}
.account-settings__theme--selected .account-settings__theme-radio {
  border: 5px solid var(--settings-link);
}
.account-settings__theme-preview {
  display: flex;
  flex-direction: column;
  height: 72px;
  overflow: hidden;
  border: 1px solid var(--ui-line);
  border-radius: 4px;
  background: var(--ui-page);
}
.account-settings__theme-preview span {
  display: block;
}
.account-settings__theme-preview-header {
  height: 13px;
  background: var(--ui-header);
  border-bottom: 1px solid var(--ui-line-2);
}
.account-settings__theme-preview-page {
  display: flex;
  flex: 1;
  gap: 5px;
  padding: 6px;
}
.account-settings__theme-preview-panel {
  flex: 2;
  padding: 5px;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 3px;
}
.account-settings__theme-preview-panel--side {
  flex: 1;
}
.account-settings__theme-preview-text, .account-settings__theme-preview-link, .account-settings__theme-preview-accent {
  height: 5px;
  border-radius: 2px;
}
.account-settings__theme-preview-text {
  width: 60%;
  background: var(--ui-ink-2);
}
.account-settings__theme-preview-link {
  width: 40%;
  margin-top: 4px;
  background: var(--ui-link);
}
.account-settings__theme-preview-accent {
  height: 8px;
  background: var(--ui-accent);
}
.account-settings__themes--result-styles {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 640px;
}
@media (max-width: 560px) {
  .account-settings__themes--result-styles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.account-settings__result-preview {
  position: relative;
  display: block;
  height: 72px;
  overflow: hidden;
  border: 1px solid var(--ui-line);
  border-radius: 4px;
  background: var(--ui-page);
}
.account-settings__result-preview span {
  display: block;
}
.account-settings__result-preview--card .account-settings__result-preview-shape {
  position: absolute;
  left: 50%;
  top: 10px;
  bottom: 8px;
  width: 44%;
  transform: translateX(-50%);
  border-radius: 4px;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-top: 2px solid var(--ui-good);
}
.account-settings__result-preview--card .account-settings__result-preview-shape::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 10px;
  width: 26px;
  height: 26px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 3px solid var(--ui-line-2);
  border-top-color: #ffb020;
  border-right-color: #ffb020;
}
.account-settings__result-preview--arcade {
  background: #07090d;
}
.account-settings__result-preview--arcade .account-settings__result-preview-shape {
  position: absolute;
  left: -10%;
  right: -10%;
  top: 18px;
  height: 18px;
  transform: skewY(-6deg);
  background: linear-gradient(90deg, #ffb020, #ff6a3d);
}
.account-settings__result-preview--arcade .account-settings__result-preview-shape::after {
  content: "";
  position: absolute;
  left: 20%;
  right: 20%;
  top: 32px;
  height: 6px;
  transform: skewX(-14deg);
  background: repeating-linear-gradient(90deg, #cfd8e2 0 22%, transparent 22% 26%);
  opacity: 0.6;
}
.account-settings__result-preview--ladder .account-settings__result-preview-shape {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 48%;
  background: repeating-linear-gradient(transparent 0 9px, var(--ui-ink-4) 9px 11px) 30% 0/40% 100% no-repeat, var(--ui-panel);
  border-left: 1px solid var(--ui-line-2);
  border-top: 2px solid var(--ui-good);
}
.account-settings__result-preview--ladder .account-settings__result-preview-shape::after {
  content: "";
  position: absolute;
  left: calc(50% - 6px);
  top: 26px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--ui-panel-2);
  border: 2px solid #ffb020;
}
.account-settings__result-preview--mix {
  display: flex;
}
.account-settings__result-preview--mix .account-settings__result-preview {
  flex: 1;
  height: auto;
  border: 0;
  border-radius: 0;
}
.account-settings__result-preview--mix .account-settings__result-preview + .account-settings__result-preview {
  border-left: 1px solid var(--ui-line-2);
}
.account-settings__result-sample {
  margin-top: 10px;
  padding: 6px 12px;
  font: inherit;
  color: var(--settings-link);
  background: transparent;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--settings-radius);
  cursor: pointer;
}
.account-settings__device {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
}
.account-settings__device-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--ui-panel-2);
  color: var(--ui-ink-2);
}
.account-settings__device-text {
  flex: 1;
  min-width: 0;
}
.account-settings__device-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.account-settings__device-meta {
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
}
.account-settings__login-method-result {
  padding: 14px 18px 0;
}
.account-settings__login-method-confirm {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
}
.account-settings__delete-account-body {
  padding: 18px;
}
.account-settings__notice {
  padding: 10px 14px;
  border-radius: var(--settings-radius);
  font-size: var(--ui-fs-sm);
}
.account-settings__notice--danger {
  border-left: 3px solid var(--ui-red);
  background: rgba(239, 69, 101, 0.08);
}
.account-settings__notice--warning {
  margin-top: 14px;
  border-left: 3px solid var(--ui-sub);
  background: rgba(255, 176, 32, 0.08);
}
.account-settings__delete-account-lists {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 14px;
}
.account-settings__delete-account-heading {
  margin: 0 0 6px;
  font-size: var(--ui-fs-label);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ui-ink-2);
}
.account-settings__delete-account-list {
  margin: 0;
  padding-left: 18px;
  list-style: disc;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.account-settings__delete-account-list li {
  list-style: inherit;
}
.account-settings__delete-account-form {
  padding: 18px;
  background: rgba(255, 255, 255, 0.015);
  border-radius: 0 0 8px 8px;
}
.account-settings__delete-account-form .delete_account_panel {
  max-width: 420px;
}
.account-settings__delete-account-form label {
  font-size: var(--ui-fs-sm);
  font-weight: 500;
  color: var(--ui-ink-2);
}
.account-settings__delete-account-form .form-control, .account-settings__delete-account-form .birthday .birthday-picker select, .birthday .birthday-picker .account-settings__delete-account-form select, .account-settings__delete-account-form body.database_setup input[type=text], body.database_setup .account-settings__delete-account-form input[type=text] {
  background: var(--ui-bg);
  color: var(--ui-ink);
  border: 1px solid var(--ui-line-2);
  border-radius: var(--settings-radius);
  box-shadow: none;
}
.account-settings__restore {
  padding: 18px;
}
.account-settings__games {
  padding: 18px;
}
.account-settings__games .preferred_game_options {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 0;
}
.account-settings__games .preferred_game_options .game {
  justify-content: center;
  gap: 8px;
  height: 104px;
  padding: 12px 8px 10px;
  border-color: var(--ui-line-2);
  background: var(--ui-bg);
  color: var(--ui-ink-3);
  opacity: 1;
  filter: none;
  font-size: var(--ui-fs-xs);
}
.account-settings__games .preferred_game_options .game:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--ui-line-3);
}
.account-settings__games .preferred_game_options .game .game_logo_frame {
  height: 46px;
  margin: 0;
}
.account-settings__games .preferred_game_options .game .game_logo {
  max-height: 46px;
  max-width: 86%;
  filter: grayscale(1) brightness(0.6);
}
.account-settings__games .preferred_game_options .game .name {
  font-size: var(--ui-fs-xs);
  font-style: normal;
  font-weight: 500;
}
.account-settings__games .preferred_game_options .game .description {
  display: none;
}
.account-settings__games .preferred_game_options .game .game_check {
  top: 6px;
  right: 6px;
  width: 18px;
  height: 18px;
  border: 0;
  opacity: 0;
}
.account-settings__games .preferred_game_options .game.active {
  border-color: var(--settings-link);
  background: rgba(24, 197, 240, 0.07);
  box-shadow: none;
  color: var(--ui-ink);
}
.account-settings__games .preferred_game_options .game.active .game_logo {
  filter: none;
}
.account-settings__games .preferred_game_options .game.active .game_check {
  opacity: 1;
  background: var(--settings-link);
}
.account-settings__games .preferred_game_options .game.active .check_mark {
  font-size: 11px;
}
.account-settings__games .game_error {
  font-size: 11px;
  color: var(--ui-red);
}
.account-settings__build-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 18px;
}
.account-settings__build-row img {
  width: 56px;
  height: 28px;
  object-fit: contain;
}
.account-settings__build-game-name {
  flex: none;
  width: 140px;
  font-weight: 500;
}
.account-settings__chips {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 6px;
}
.account-settings__chip {
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--ui-line-2);
  background: transparent;
  color: var(--ui-ink-2);
  font-family: inherit;
  font-size: var(--ui-fs-xs);
  font-weight: 500;
  cursor: pointer;
}
.account-settings__chip:hover, a .account-settings__chip.location:hover, .link .account-settings__chip.location:hover {
  border-color: var(--ui-line-3);
  background: transparent;
  color: var(--ui-ink);
}
.account-settings__chip--selected, .account-settings__chip--selected:hover, a .account-settings__chip--selected.location:hover, .link .account-settings__chip--selected.location:hover {
  border-color: rgba(24, 197, 240, 0.6);
  background: var(--settings-link-tint-strong);
  color: var(--settings-link);
}
.account-settings__bells {
  width: 100%;
  border-collapse: collapse;
}
.account-settings__bells th,
.account-settings__bells td {
  padding: 10px 12px;
  text-align: center;
}
.account-settings__bells thead th {
  font-size: var(--ui-fs-xs);
  font-weight: 500;
  color: var(--ui-ink-3);
}
.account-settings__bells thead tr:first-child th {
  padding-bottom: 0;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.account-settings__bells thead tr:last-child th {
  padding-top: 2px;
  border-bottom: 1px solid var(--ui-line);
}
.account-settings__bells tbody tr + tr td {
  border-top: 1px solid var(--ui-line);
}
.account-settings__bells td:first-child,
.account-settings__bells th:first-child {
  padding-left: 18px;
  text-align: left;
}
.account-settings__bells-split {
  border-left: 1px solid var(--ui-line);
}
.account-settings__bell-game {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
}
.account-settings__bell-game img {
  width: 40px;
  height: 22px;
  object-fit: contain;
}
.account-settings__bell-cell {
  display: inline-flex;
  gap: 4px;
}
.account-settings__bell-none {
  color: var(--ui-ink-4);
}
.account-settings__bell {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid var(--ui-line-2);
  background: transparent;
  color: var(--ui-ink-4);
  cursor: pointer;
  transition: all 0.15s;
}
.account-settings__bell .account-settings__icon {
  width: 16px;
  height: 16px;
}
.account-settings__bell:hover, a .account-settings__bell.location:hover, .link .account-settings__bell.location:hover {
  color: var(--ui-ink-2);
  border-color: var(--ui-line-3);
  background: transparent;
}
.account-settings__bell--labelled {
  width: 40px;
  height: 46px;
  grid-template-rows: auto auto;
  align-content: center;
  gap: 1px;
  border-radius: 12px;
}
.account-settings__bell-label {
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}
.account-settings__bell--on, .account-settings__bell--on:hover, a .account-settings__bell--on.location:hover, .link .account-settings__bell--on.location:hover {
  color: var(--ui-accent);
  border-color: color-mix(in srgb, var(--ui-accent) 50%, transparent);
  background: color-mix(in srgb, var(--ui-accent) 10%, transparent);
}
.account-settings__bell--on .account-settings__icon, .account-settings__bell--on:hover .account-settings__icon {
  fill: currentColor;
}
.account-settings__bells-foot {
  padding: 10px 18px;
  border-top: 1px solid var(--ui-line);
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.account-settings__name-style {
  position: relative;
}
.account-settings__preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 28px 18px;
  border-radius: 8px 8px 0 0;
  background: radial-gradient(ellipse at center, #1a1f2d 0%, var(--settings-panel) 70%);
}
.account-settings__preview-name {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.account-settings__preview-caption {
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.account-settings__swatches {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.account-settings__swatch {
  width: 26px;
  height: 26px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  box-shadow: 0 0 0 1px var(--ui-line-3) inset;
  cursor: pointer;
}
.account-settings__swatch:disabled {
  cursor: default;
  opacity: 0.35;
}
.account-settings__swatch--selected {
  border-color: var(--ui-ink);
  box-shadow: 0 0 0 2px var(--settings-panel) inset;
}
.account-settings__swatch--none {
  background: repeating-linear-gradient(45deg, #2a3040 0 4px, #1a1f2b 4px 8px);
}
.account-settings__hex {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 6px;
}
.account-settings__hex input[type=color] {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.account-settings__hex .account-settings__input {
  width: 96px;
  padding: 5px 8px;
  font-family: ui-monospace, monospace;
  font-size: var(--ui-fs-sm);
}
.account-settings__hex--empty input[type=color] {
  opacity: 0.35;
}

.account-settings {
  --settings-focus-ring: 0 0 0 2px var(--settings-panel), 0 0 0 4px var(--settings-link);
}
.account-settings .account-settings__nav-item:focus-visible,
.account-settings .account-settings__segment button:focus-visible,
.account-settings .account-settings__theme:focus-visible,
.account-settings .account-settings__bell:focus-visible,
.account-settings .account-settings__swatch:focus-visible,
.account-settings .account-settings__chip:focus-visible,
.account-settings .account-settings__button:focus-visible,
.account-settings .account-settings__link-button:focus-visible,
.account-settings .preferred_game_options .game:focus-visible {
  box-shadow: var(--settings-focus-ring);
}
.account-settings .account-settings__switch input:focus-visible + span {
  box-shadow: var(--settings-focus-ring);
}
.account-settings .account-settings__segment button:focus-visible {
  position: relative;
  z-index: 1;
}

.account-settings--embedded {
  padding: 20px 16px;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}
.account-settings--embedded .account-settings__title {
  margin-bottom: 16px;
}
.account-settings--embedded .account-settings__title h1 {
  font-size: 20px;
}
.account-settings--embedded .account-settings__avatar {
  width: 38px;
  height: 38px;
  font-size: 17px;
}
.account-settings--embedded .account-settings__layout {
  display: block;
}
.account-settings--embedded .account-settings__nav {
  position: sticky;
  top: 0;
  z-index: 5;
  flex-direction: row;
  gap: 6px;
  margin: 0 -16px 18px;
  padding: 10px 16px;
  overflow-x: auto;
  scrollbar-width: none;
  background: var(--settings-page-background);
  border-bottom: 1px solid var(--ui-line);
}
.account-settings--embedded .account-settings__nav::-webkit-scrollbar {
  display: none;
}
.account-settings--embedded .account-settings__nav-item {
  flex: none;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--ui-line-2);
  border-radius: 999px;
  font-size: var(--ui-fs-sm);
}
.account-settings--embedded .account-settings__nav-item .account-settings__icon {
  width: 15px;
  height: 15px;
}
.account-settings--embedded .account-settings__nav-item::before {
  display: none;
}
.account-settings--embedded .account-settings__nav .account-settings__nav-item--active {
  border-color: var(--settings-link);
  background: var(--settings-link-tint-strong);
}
.account-settings--embedded .account-settings__nav-item .account-settings__nav-lock {
  margin-left: 0;
}
.account-settings--embedded .account-settings__row {
  gap: 12px;
  padding: 12px 14px;
}
.account-settings--embedded .account-settings__row--wrap-on-phone {
  flex-direction: column;
  align-items: stretch;
}
.account-settings--embedded .account-settings__row--wrap-on-phone .account-settings__row-control {
  justify-content: space-between;
}
.account-settings--embedded .account-settings__row .account-settings__select {
  width: 100%;
  min-width: 0;
}
.account-settings--embedded .account-settings__saved {
  width: auto;
}
.account-settings--embedded .account-settings__row--stack-control .account-settings__row-control {
  flex-basis: 100%;
  justify-content: flex-start;
}
.account-settings--embedded .account-settings__form {
  grid-template-columns: 1fr;
  padding: 14px;
}
.account-settings--embedded .account-settings__form-foot {
  flex-direction: column;
  align-items: stretch;
  padding: 12px 14px 14px;
}
.account-settings--embedded .account-settings__current-password {
  max-width: none;
}
.account-settings--embedded .account-settings__form-actions {
  align-self: stretch;
  justify-content: space-between;
}
.account-settings--embedded .account-settings__games {
  padding: 14px;
}
.account-settings--embedded .account-settings__games .preferred_game_options {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.account-settings--embedded .account-settings__games .preferred_game_options .game {
  height: 84px;
  padding: 8px 4px;
  font-size: 11px;
  line-height: 1.2;
}
.account-settings--embedded .account-settings__games .preferred_game_options .game .game_logo_frame {
  height: 32px;
}
.account-settings--embedded .account-settings__games .preferred_game_options .game .game_logo {
  max-height: 32px;
}
.account-settings--embedded .account-settings__build-row {
  flex-wrap: wrap;
  padding: 12px 14px;
}
.account-settings--embedded .account-settings__build-game-name {
  flex: 1;
  width: auto;
}
.account-settings--embedded .account-settings__chips {
  flex-basis: 100%;
}
.account-settings--embedded .account-settings__bells th,
.account-settings--embedded .account-settings__bells td {
  padding: 8px 4px;
}
.account-settings--embedded .account-settings__bells td:first-child,
.account-settings--embedded .account-settings__bells th:first-child {
  padding-left: 12px;
}
.account-settings--embedded .account-settings__bell-game {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  max-width: 64px;
  font-size: 11px;
  line-height: 1.2;
}
.account-settings--embedded .account-settings__bell-game img {
  width: 44px;
  height: 22px;
}
.account-settings--embedded .account-settings__bell-cell {
  gap: 2px;
}
.account-settings--embedded .account-settings__bell {
  width: 30px;
  height: 30px;
}
.account-settings--embedded .account-settings__bell--labelled {
  width: 30px;
  height: 42px;
}
.account-settings--embedded .account-settings__device {
  flex-wrap: wrap;
  padding: 12px 14px;
}
.account-settings--embedded .account-settings__delete-account-lists {
  grid-template-columns: 1fr;
}
.account-settings--embedded .account-settings__preview-name {
  font-size: 24px;
}

@media (max-width: 760px) {
  .account-settings {
    padding: 20px 16px;
  }
  .account-settings .account-settings__title {
    margin-bottom: 16px;
  }
  .account-settings .account-settings__title h1 {
    font-size: 20px;
  }
  .account-settings .account-settings__avatar {
    width: 38px;
    height: 38px;
    font-size: 17px;
  }
  .account-settings .account-settings__layout {
    display: block;
  }
  .account-settings .account-settings__nav {
    position: sticky;
    top: 0;
    z-index: 5;
    flex-direction: row;
    gap: 6px;
    margin: 0 -16px 18px;
    padding: 10px 16px;
    overflow-x: auto;
    scrollbar-width: none;
    background: var(--settings-page-background);
    border-bottom: 1px solid var(--ui-line);
  }
  .account-settings .account-settings__nav::-webkit-scrollbar {
    display: none;
  }
  .account-settings .account-settings__nav-item {
    flex: none;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--ui-line-2);
    border-radius: 999px;
    font-size: var(--ui-fs-sm);
  }
  .account-settings .account-settings__nav-item .account-settings__icon {
    width: 15px;
    height: 15px;
  }
  .account-settings .account-settings__nav-item::before {
    display: none;
  }
  .account-settings .account-settings__nav .account-settings__nav-item--active {
    border-color: var(--settings-link);
    background: var(--settings-link-tint-strong);
  }
  .account-settings .account-settings__nav-item .account-settings__nav-lock {
    margin-left: 0;
  }
  .account-settings .account-settings__row {
    gap: 12px;
    padding: 12px 14px;
  }
  .account-settings .account-settings__row--wrap-on-phone {
    flex-direction: column;
    align-items: stretch;
  }
  .account-settings .account-settings__row--wrap-on-phone .account-settings__row-control {
    justify-content: space-between;
  }
  .account-settings .account-settings__row .account-settings__select {
    width: 100%;
    min-width: 0;
  }
  .account-settings .account-settings__saved {
    width: auto;
  }
  .account-settings .account-settings__row--stack-control .account-settings__row-control {
    flex-basis: 100%;
    justify-content: flex-start;
  }
  .account-settings .account-settings__form {
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .account-settings .account-settings__form-foot {
    flex-direction: column;
    align-items: stretch;
    padding: 12px 14px 14px;
  }
  .account-settings .account-settings__current-password {
    max-width: none;
  }
  .account-settings .account-settings__form-actions {
    align-self: stretch;
    justify-content: space-between;
  }
  .account-settings .account-settings__games {
    padding: 14px;
  }
  .account-settings .account-settings__games .preferred_game_options {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
  .account-settings .account-settings__games .preferred_game_options .game {
    height: 84px;
    padding: 8px 4px;
    font-size: 11px;
    line-height: 1.2;
  }
  .account-settings .account-settings__games .preferred_game_options .game .game_logo_frame {
    height: 32px;
  }
  .account-settings .account-settings__games .preferred_game_options .game .game_logo {
    max-height: 32px;
  }
  .account-settings .account-settings__build-row {
    flex-wrap: wrap;
    padding: 12px 14px;
  }
  .account-settings .account-settings__build-game-name {
    flex: 1;
    width: auto;
  }
  .account-settings .account-settings__chips {
    flex-basis: 100%;
  }
  .account-settings .account-settings__bells th,
  .account-settings .account-settings__bells td {
    padding: 8px 4px;
  }
  .account-settings .account-settings__bells td:first-child,
  .account-settings .account-settings__bells th:first-child {
    padding-left: 12px;
  }
  .account-settings .account-settings__bell-game {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    max-width: 64px;
    font-size: 11px;
    line-height: 1.2;
  }
  .account-settings .account-settings__bell-game img {
    width: 44px;
    height: 22px;
  }
  .account-settings .account-settings__bell-cell {
    gap: 2px;
  }
  .account-settings .account-settings__bell {
    width: 30px;
    height: 30px;
  }
  .account-settings .account-settings__bell--labelled {
    width: 30px;
    height: 42px;
  }
  .account-settings .account-settings__device {
    flex-wrap: wrap;
    padding: 12px 14px;
  }
  .account-settings .account-settings__delete-account-lists {
    grid-template-columns: 1fr;
  }
  .account-settings .account-settings__preview-name {
    font-size: 24px;
  }
}
.location-settings {
  max-width: 860px;
}
.location-settings__finder {
  display: flex;
  gap: 10px;
  padding: 14px 18px;
}
.location-settings__search {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.location-settings__search .address_search {
  position: relative;
}
.location-settings__search .react-autosuggest__suggestions-container {
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--settings-radius);
  background: var(--ui-panel-2);
  transform: none;
}
.location-settings__search .react-autosuggest__suggestions-container .suggestion {
  padding: 8px 12px;
}
.account-settings__card > .location-settings__finder-error {
  padding: 0 18px 12px;
  border-top: 0;
}
.location-settings__finder-error .account-settings__inline-error {
  margin-top: 0;
}
.location-settings__map {
  position: relative;
  z-index: 0;
}
.location-settings__map .map-canvas {
  height: auto;
  border: 0;
  background: none;
}
.location-settings__map .leaflet-container {
  background: var(--ui-bg);
  cursor: crosshair;
}
.location-settings__map-placeholder {
  display: grid;
  place-items: center;
  background: var(--ui-bg);
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.location-settings__place {
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
}
.location-settings__note {
  margin: 0 2px;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}

@media (max-width: 760px) {
  .location-settings__finder {
    flex-direction: column;
  }
  .location-settings__pin-row {
    flex-wrap: wrap;
  }
  .location-settings__pin-row .account-settings__row-control {
    width: 100%;
    justify-content: flex-end;
  }
}
.account-settings .flair-picker__current {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.account-settings .flair-picker__tile {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  min-width: 0;
  padding: 6px;
  border: 1px solid var(--ui-line);
  border-radius: var(--settings-radius);
  background: var(--ui-surface);
  cursor: pointer;
}
.account-settings .flair-picker__tile img {
  max-width: 100%;
  max-height: 32px;
  image-rendering: pixelated;
}
.account-settings .flair-picker__tile:hover {
  border-color: var(--ui-line-3);
  background: rgba(255, 255, 255, 0.06);
}
.account-settings .flair-picker__tile--selected, .account-settings .flair-picker__tile--selected:hover {
  border-color: var(--settings-link);
  background: var(--settings-link-tint-strong);
  box-shadow: 0 0 0 1px var(--settings-link);
}
.account-settings .flair-picker__tile--selected::after, .account-settings .flair-picker__tile--selected:hover::after {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--settings-link) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304121a' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat;
}
.account-settings .flair-picker__tile--pending img {
  opacity: 0.45;
}
.account-settings .flair-picker__tile--pending::after {
  animation: flair-picker-pending 0.8s ease-in-out infinite alternate;
}
.account-settings .flair-picker__tile--static {
  width: 44px;
  flex: none;
  cursor: default;
}
.account-settings .flair-picker__tile--static:hover {
  border-color: var(--settings-link);
  background: var(--settings-link-tint-strong);
}
.account-settings .flair-picker__emote {
  position: absolute;
  bottom: 1px;
  left: 2px;
  right: 2px;
  overflow: hidden;
  font-size: 9px;
  color: var(--ui-ink-3);
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.account-settings .flair-picker__recent {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
}
.account-settings .flair-picker__recent .account-settings__group-title {
  flex: none;
  margin: 0;
}
.account-settings .flair-picker__strip {
  display: flex;
  gap: 6px;
  min-width: 0;
  padding: 6px;
  margin: -6px;
  overflow-x: auto;
  scrollbar-width: none;
}
.account-settings .flair-picker__strip::-webkit-scrollbar {
  display: none;
}
.account-settings .flair-picker__strip .flair-picker__tile {
  width: 40px;
  flex: none;
  padding: 4px;
}
.account-settings .flair-picker__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
}
.account-settings .flair-picker__toolbar .account-settings__segment {
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.account-settings .flair-picker__toolbar .account-settings__segment::-webkit-scrollbar {
  display: none;
}
.account-settings .flair-picker__toolbar .account-settings__segment button {
  white-space: nowrap;
}
.account-settings .flair-picker__search {
  position: relative;
  flex: 1 1 220px;
  min-width: 0;
  margin: 0;
}
.account-settings .flair-picker__search .account-settings__icon {
  position: absolute;
  left: 12px;
  top: 50%;
  width: 15px;
  height: 15px;
  transform: translateY(-50%);
  stroke: var(--ui-ink-3);
  pointer-events: none;
}
.account-settings .flair-picker__search .account-settings__input {
  height: auto;
  margin: 0;
  padding-left: 34px;
}
.account-settings .flair-picker__groups, .account-settings .flair-picker__pane {
  scrollbar-width: thin;
  scrollbar-color: var(--ui-ink-4) transparent;
}
.account-settings .flair-picker__browser {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  height: 480px;
}
.account-settings .flair-picker__browser--search {
  grid-template-columns: minmax(0, 1fr);
}
.account-settings .flair-picker__groups {
  margin: 0;
  padding: 6px;
  overflow-y: auto;
  border-right: 1px solid var(--ui-line);
  list-style: none;
}
.account-settings .flair-picker__group {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 6px 10px;
  border: 0;
  border-radius: var(--settings-radius);
  background: none;
  color: var(--ui-ink-2);
  font-family: inherit;
  font-size: var(--ui-fs-sm);
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}
.account-settings .flair-picker__group img {
  flex: none;
  width: 22px;
  height: 22px;
  object-fit: contain;
  image-rendering: pixelated;
}
.account-settings .flair-picker__group:hover {
  background: var(--ui-surface);
  color: var(--ui-ink);
}
.account-settings .flair-picker__group--active, .account-settings .flair-picker__group--active:hover {
  background: var(--settings-link-tint-strong);
  color: var(--settings-link);
}
.account-settings .flair-picker__group-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.account-settings .flair-picker__group-count {
  font-style: normal;
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-3);
}
.account-settings .flair-picker__group-dot {
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--settings-link);
}
.account-settings .flair-picker__pane {
  min-width: 0;
  padding: 14px 18px 18px;
  overflow-y: auto;
}
.account-settings .flair-picker__pane section + section {
  margin-top: 18px;
}
.account-settings .flair-picker__pane-title {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 10px;
  font-size: var(--ui-fs-lg);
  font-weight: 500;
  line-height: 1.3;
  color: var(--ui-ink);
}
.account-settings .flair-picker__pane-title em {
  font-style: normal;
  font-size: var(--ui-fs-sm);
  font-weight: 400;
  color: var(--ui-ink-3);
}
.account-settings .flair-picker__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  gap: 6px;
  padding: 6px;
  margin: -6px;
}
.account-settings .flair-picker__empty {
  padding: 28px 16px;
  text-align: center;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.account-settings .flair-picker__empty b {
  display: block;
  margin-bottom: 4px;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
  font-weight: 500;
}
@media (max-width: 700px) {
  .account-settings .flair-picker__recent, .account-settings .flair-picker__toolbar {
    padding-left: 14px;
    padding-right: 14px;
  }
  .account-settings .flair-picker__search {
    flex-basis: 100%;
  }
  .account-settings .flair-picker__browser {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
  }
  .account-settings .flair-picker__groups {
    display: flex;
    gap: 4px;
    padding: 8px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    border-right: 0;
    border-bottom: 1px solid var(--ui-line);
    scrollbar-width: none;
  }
  .account-settings .flair-picker__groups::-webkit-scrollbar {
    display: none;
  }
  .account-settings .flair-picker__groups li {
    flex: none;
  }
  .account-settings .flair-picker__group {
    width: auto;
    padding: 5px 10px;
    border: 1px solid var(--ui-line-2);
    border-radius: 999px;
  }
  .account-settings .flair-picker__group img {
    display: none;
  }
  .account-settings .flair-picker__group-count, .account-settings .flair-picker__group-dot {
    display: none;
  }
  .account-settings .flair-picker__pane {
    padding: 14px;
  }
  .account-settings .flair-picker__grid {
    grid-template-columns: repeat(auto-fill, minmax(44px, 1fr));
  }
}

@keyframes flair-picker-pending {
  from {
    opacity: 0.35;
  }
}
.flair-manager {
  --flair-manager-header-height: 60px;
  --flair-manager-radius: 6px;
  --flair-manager-select: var(--ui-cool);
  --flair-manager-light: #e9edf2;
  max-width: 1560px;
  margin: 0 auto;
  padding: 24px 24px 80px;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
}
.flair-manager img {
  image-rendering: auto;
}
.flair-manager [hidden] {
  display: none;
}
.flair-manager__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 16px;
  margin-bottom: 18px;
}
.flair-manager__head h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  color: var(--ui-ink);
}
.flair-manager__stats {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.flair-manager__head .flair-manager__button--primary {
  margin-left: auto;
}
.flair-manager__tabs {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--ui-line-2);
  overflow-x: auto;
  overflow-y: hidden;
}
.flair-manager__tab {
  margin-bottom: -1px;
  padding: 10px 16px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: var(--ui-ink-2);
  font: 500 var(--ui-fs-base) inherit;
  white-space: nowrap;
  cursor: pointer;
}
.flair-manager__tab:hover, a .flair-manager__tab.location:hover, .link .flair-manager__tab.location:hover {
  background: none;
  color: var(--ui-ink);
}
.flair-manager__tab.is-active {
  color: var(--ui-ink);
  border-bottom-color: var(--ui-accent);
}
.flair-manager__tab .flair-manager__count {
  margin-left: 6px;
}
.flair-manager__saving {
  margin-left: auto;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
}
.flair-manager__count {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
  font-variant-numeric: tabular-nums;
}
.flair-manager__muted {
  color: var(--ui-ink-3);
}
.flair-manager__visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.flair-manager__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--flair-manager-radius);
  background: var(--ui-panel-2);
  color: var(--ui-ink);
  font: 500 var(--ui-fs-base) inherit;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}
.flair-manager__button:hover, a .flair-manager__button.location:hover, .link .flair-manager__button.location:hover, .flair-manager__button:focus {
  border-color: var(--ui-line-3);
  background: var(--ui-panel-2);
  color: var(--ui-ink);
  text-decoration: none;
}
.flair-manager__button:disabled {
  opacity: 0.45;
  cursor: default;
}
.flair-manager__button--primary {
  border-color: transparent;
  background: var(--ui-accent);
  color: var(--ui-on-accent);
}
.flair-manager__button--primary:hover, a .flair-manager__button--primary.location:hover, .link .flair-manager__button--primary.location:hover, .flair-manager__button--primary:focus {
  background: var(--ui-accent-hover);
  color: var(--ui-on-accent);
}
.flair-manager__button--danger {
  border-color: rgba(239, 69, 101, 0.5);
  background: transparent;
  color: var(--ui-red);
}
.flair-manager__button--danger:hover, a .flair-manager__button--danger.location:hover, .link .flair-manager__button--danger.location:hover, .flair-manager__button--danger:focus {
  background: transparent;
  color: var(--ui-red);
}
.flair-manager__button--small {
  padding: 4px 10px;
  font-size: var(--ui-fs-sm);
}
.flair-manager__icon-button {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid transparent;
  border-radius: var(--flair-manager-radius);
  background: transparent;
  color: var(--ui-ink-2);
  font-size: 17px;
  cursor: pointer;
}
.flair-manager__icon-button:hover, a .flair-manager__icon-button.location:hover, .link .flair-manager__icon-button.location:hover {
  border-color: var(--ui-line-2);
  background: var(--ui-surface);
  color: var(--ui-ink);
}
.flair-manager__link {
  padding: 0;
  border: 0;
  background: none;
  color: var(--ui-cool);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.flair-manager__link:hover, a .flair-manager__link.location:hover, .link .flair-manager__link.location:hover {
  background: none;
  color: var(--ui-cool);
  text-decoration: underline;
}
.flair-manager__input, .flair-manager__select {
  width: 100%;
  min-width: 0;
  height: auto;
  padding: 8px 12px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--flair-manager-radius);
  background: var(--ui-bg);
  color: var(--ui-ink);
  font: inherit;
}
.flair-manager__input:focus, .flair-manager__select:focus {
  outline: none;
  border-color: var(--flair-manager-select);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--flair-manager-select) 20%, transparent);
}
.flair-manager__input::placeholder, .flair-manager__select::placeholder {
  color: var(--ui-ink-4);
}
.flair-manager__select--compact {
  width: auto;
  padding: 5px 8px;
}
.flair-manager__label {
  display: block;
  margin-bottom: 8px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-label);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.flair-manager__help {
  margin: 4px 0 8px;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.flair-manager kbd {
  padding: 1px 5px;
  border: 1px solid var(--ui-line-3);
  border-radius: 4px;
  background: none;
  box-shadow: none;
  color: var(--ui-ink-2);
  font: 500 11px inherit;
}
.flair-manager__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 20px;
  align-items: start;
}
.flair-manager__main {
  min-width: 0;
}
.flair-manager__filters {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) 170px 220px;
  gap: 10px;
  margin-bottom: 10px;
}
.flair-manager__filters--groups {
  grid-template-columns: minmax(200px, 1fr) 170px auto;
}
.flair-manager__filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.flair-manager__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.flair-manager__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 11px;
  border: 1px solid var(--ui-line-2);
  border-radius: 999px;
  background: transparent;
  color: var(--ui-ink-2);
  font: 500 var(--ui-fs-sm) inherit;
  cursor: pointer;
}
.flair-manager__chip::before {
  content: "";
  display: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}
.flair-manager__chip:hover, a .flair-manager__chip.location:hover, .link .flair-manager__chip.location:hover {
  border-color: var(--ui-line-3);
  background: transparent;
  color: var(--ui-ink);
}
.flair-manager__chip.is-on {
  border-color: var(--flair-manager-select);
  background: color-mix(in srgb, var(--flair-manager-select) 12%, transparent);
  color: var(--flair-manager-select);
}
.flair-manager__chip--subs::before {
  display: block;
  background: var(--ui-flair-everyone);
}
.flair-manager__chip--mods::before {
  display: block;
  background: var(--ui-flair-mods);
}
.flair-manager__chip--early::before {
  display: block;
  background: var(--ui-flair-early);
}
.flair-manager__chip--player::before {
  display: block;
  background: var(--ui-flair-player);
}
.flair-manager__chip--hidden::before {
  display: block;
  background: var(--ui-flair-hidden);
}
.flair-manager__summary {
  display: inline-flex;
  gap: 10px;
  margin-left: auto;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.flair-manager__table-wrap {
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--ui-panel);
}
.flair-manager__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.flair-manager__table th {
  position: sticky;
  top: var(--flair-manager-header-height);
  z-index: 2;
  padding: 9px 12px;
  border-bottom: 1px solid var(--ui-line-2);
  background: var(--ui-panel-2);
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-label);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
.flair-manager__table th:first-child {
  border-top-left-radius: 8px;
}
.flair-manager__table th:last-child {
  border-top-right-radius: 8px;
}
.flair-manager__table td {
  padding: 6px 12px;
  border-bottom: 1px solid var(--ui-line);
  font-size: var(--ui-fs-sm);
  vertical-align: middle;
}
.flair-manager__table tbody tr:last-child td {
  border-bottom: 0;
}
.flair-manager__row {
  cursor: pointer;
}
.flair-manager__row:hover, a .flair-manager__row.location:hover, .link .flair-manager__row.location:hover {
  background: var(--ui-surface);
}
.flair-manager__row.is-selected {
  background: color-mix(in srgb, var(--flair-manager-select) 6%, transparent);
}
.flair-manager__row.is-focused {
  background: color-mix(in srgb, var(--flair-manager-select) 12%, transparent);
  box-shadow: inset 3px 0 0 var(--flair-manager-select);
}
.flair-manager__row.is-drop-target {
  box-shadow: inset 0 2px 0 var(--flair-manager-select);
}
.flair-manager__row.is-removed td {
  color: var(--ui-ink-3);
}
.flair-manager__row.is-removed .flair-manager__sprite img {
  opacity: 0.35;
  filter: grayscale(1);
}
.flair-manager__row.is-off td:not(:last-child) {
  opacity: 0.5;
}
.flair-manager__check-cell {
  width: 36px;
  white-space: nowrap;
}
.flair-manager__check-cell input {
  width: 15px;
  height: 15px;
  margin: 0;
  vertical-align: middle;
  accent-color: var(--flair-manager-select);
}
.flair-manager__handle {
  margin-right: 6px;
  padding: 2px 4px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: none;
  color: var(--ui-ink-3);
  font-size: 12px;
  letter-spacing: -2px;
  cursor: grab;
  vertical-align: middle;
}
.flair-manager__handle:hover, a .flair-manager__handle.location:hover, .link .flair-manager__handle.location:hover, .flair-manager__handle:focus {
  border-color: var(--ui-line-3);
  background: none;
  color: var(--ui-ink);
}
.flair-manager__sprite-cell {
  width: 56px;
}
.flair-manager__sprite {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--flair-manager-radius);
  background: var(--ui-bg);
}
.flair-manager__sprite img {
  max-width: 36px;
  max-height: 36px;
}
.flair-manager__name-cell .flair-manager__count {
  display: block;
}
.flair-manager__name-cell .flair-manager__handle + .flair-manager__inline-input {
  width: calc(100% - 34px);
}
.flair-manager__inline-input {
  width: 150px;
  max-width: 100%;
  margin-left: -6px;
  padding: 2px 6px;
  border: 1px dashed transparent;
  border-radius: 4px;
  background: none;
  color: var(--ui-ink);
  font: inherit;
}
.flair-manager__inline-input:hover, a .flair-manager__inline-input.location:hover, .link .flair-manager__inline-input.location:hover {
  border-color: var(--ui-line-3);
}
.flair-manager__inline-input:focus {
  outline: none;
  border: 1px solid var(--flair-manager-select);
  background: var(--ui-bg);
}
.flair-manager__inline-input::placeholder {
  color: var(--ui-ink-4);
}
.flair-manager__inline-input--group {
  width: 100%;
  max-width: 260px;
  font-size: var(--ui-fs-base);
  font-weight: 500;
}
.flair-manager__group-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.flair-manager__group-link img {
  height: 16px;
  opacity: 0.85;
}
.flair-manager__group-link .flair-manager__link {
  color: var(--ui-ink);
}
.flair-manager__off-pill {
  padding: 0 4px;
  border: 1px solid var(--ui-line-2);
  border-radius: 4px;
  color: var(--ui-ink-3);
  font-size: 10px;
  white-space: nowrap;
}
.flair-manager__ungrouped-pill {
  color: var(--ui-warn);
  font-size: 11px;
}
.flair-manager__access-cell {
  white-space: nowrap;
}
.flair-manager__access-buttons {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.flair-manager__access-button {
  width: 28px;
  height: 24px;
  border: 1px solid var(--ui-line-2);
  border-radius: 5px;
  background: transparent;
  color: var(--ui-ink-4);
  font: 700 11px inherit;
  cursor: pointer;
}
.flair-manager__access-button:hover, a .flair-manager__access-button.location:hover, .link .flair-manager__access-button.location:hover {
  border-color: var(--ui-line-3);
  background: transparent;
  color: var(--ui-ink-2);
}
.flair-manager__access-button--subs.is-on {
  border-color: var(--ui-flair-everyone);
  background: color-mix(in srgb, var(--ui-flair-everyone) 16%, transparent);
  color: var(--ui-flair-everyone);
}
.flair-manager__access-button--mods.is-on {
  border-color: var(--ui-flair-mods);
  background: color-mix(in srgb, var(--ui-flair-mods) 16%, transparent);
  color: var(--ui-flair-mods);
}
.flair-manager__access-button--early.is-on {
  border-color: var(--ui-flair-early);
  background: color-mix(in srgb, var(--ui-flair-early) 16%, transparent);
  color: var(--ui-flair-early);
}
.flair-manager__hidden-note {
  margin-left: 4px;
  color: var(--ui-flair-hidden);
  font-size: 11px;
}
.flair-manager__players-cell {
  color: var(--ui-flair-player);
}
.flair-manager__row-actions {
  text-align: right;
  white-space: nowrap;
}
.flair-manager__empty {
  padding: 24px;
  color: var(--ui-ink-3);
  text-align: center;
}
.flair-manager__more {
  display: flex;
  justify-content: center;
  padding: 16px;
}
.flair-manager__strip {
  display: flex;
  gap: 4px;
}
.flair-manager__strip img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.flair-manager__number-cell {
  font-variant-numeric: tabular-nums;
}
.flair-manager__mix {
  display: flex;
  width: 110px;
  height: 6px;
  overflow: hidden;
  border-radius: 3px;
  background: var(--ui-line);
}
.flair-manager__mix--wide {
  width: 100%;
}
.flair-manager__mix-part {
  display: block;
  height: 100%;
}
.flair-manager__mix-part--subs {
  background: var(--ui-flair-everyone);
}
.flair-manager__mix-part--mods {
  background: var(--ui-flair-mods);
}
.flair-manager__mix-part--early {
  background: var(--ui-flair-early);
}
.flair-manager__mix-part--player {
  background: var(--ui-flair-player);
}
.flair-manager__mix-part--hidden {
  background: var(--ui-flair-hidden);
}
.flair-manager__access-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.flair-manager__switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ui-ink);
  font: inherit;
  font-size: var(--ui-fs-sm);
  text-align: left;
  cursor: pointer;
}
.flair-manager__switch:hover, a .flair-manager__switch.location:hover, .link .flair-manager__switch.location:hover {
  background: none;
  color: var(--ui-ink);
}
.flair-manager__switch:disabled {
  opacity: 0.5;
  cursor: default;
}
.flair-manager__switch--bare {
  width: auto;
}
.flair-manager__switch:focus-visible {
  outline: none;
}
.flair-manager__switch:focus-visible .flair-manager__switch-track {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--flair-manager-select) 30%, transparent);
}
.flair-manager__switch-label {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
}
.flair-manager__switch-label .flair-manager__count {
  margin-left: 4px;
}
.flair-manager__switch-track {
  position: relative;
  flex: none;
  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: var(--ui-ink-4);
  transition: background 0.15s;
}
.flair-manager__switch-track::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.15s;
}
.flair-manager__switch.is-on .flair-manager__switch-track {
  background: var(--flair-manager-select);
}
.flair-manager__switch.is-on .flair-manager__switch-track::after {
  transform: translateX(16px);
}
.flair-manager__switch.is-mixed .flair-manager__switch-track {
  background: repeating-linear-gradient(45deg, var(--ui-ink-4) 0 4px, var(--flair-manager-select) 4px 8px);
}
.flair-manager__switch.is-mixed .flair-manager__switch-track::after {
  transform: translateX(8px);
}
.flair-manager__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.flair-manager__dot--subs {
  background: var(--ui-flair-everyone);
}
.flair-manager__dot--mods {
  background: var(--ui-flair-mods);
}
.flair-manager__dot--early {
  background: var(--ui-flair-early);
}
.flair-manager__hidden-banner {
  padding: 8px 10px;
  border-radius: var(--flair-manager-radius);
  background: color-mix(in srgb, var(--ui-flair-hidden) 12%, transparent);
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.flair-manager__panel {
  position: sticky;
  top: calc(var(--flair-manager-header-height) + 16px);
  max-height: calc(100vh - var(--flair-manager-header-height) - 32px);
  overflow-y: auto;
  padding: 16px 18px 18px;
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--ui-panel);
}
.flair-manager__panel-head {
  display: flex;
  align-items: center;
  gap: 4px;
}
.flair-manager__panel-head h2 {
  flex: 1;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: var(--ui-ink);
  font-size: var(--ui-fs-lg);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flair-manager__sheet-close {
  display: none;
}
.flair-manager__meta {
  margin: 2px 0 14px;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
}
.flair-manager__panel-section {
  padding: 14px 0;
  border-top: 1px solid var(--ui-line);
}
.flair-manager__meta + .flair-manager__panel-section {
  padding-top: 0;
  border-top: 0;
}
.flair-manager__panel-empty {
  padding: 30px 0;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
  text-align: center;
}
.flair-manager__swatches {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-bottom: 8px;
}
.flair-manager__swatch {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 104px;
  border-radius: var(--flair-manager-radius);
  background: var(--ui-bg);
}
.flair-manager__swatch--light {
  background: var(--flair-manager-light);
}
.flair-manager__swatch img {
  max-height: 76px;
}
.flair-manager__chat-lines {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.flair-manager__chat-lines--spaced {
  margin: 10px 0 14px;
}
.flair-manager__chat-line {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--flair-manager-radius);
  background: var(--ui-bg);
  font-size: var(--ui-fs-sm);
}
.flair-manager__chat-line img {
  height: 24px;
}
.flair-manager__chat-line b {
  color: #ffeb3b;
  font-weight: 500;
}
.flair-manager__chat-line span {
  color: var(--ui-ink-3);
}
.flair-manager__chat-line--light {
  background: var(--flair-manager-light);
  color: #2b313c;
}
.flair-manager__chat-line--light b {
  color: #b8860b;
}
.flair-manager__chat-line--light span {
  color: #2b313c;
}
.flair-manager__panel-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.flair-manager__panel-actions .flair-manager__button {
  flex: 1;
}
.flair-manager__players {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.flair-manager__player {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 4px 2px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ui-flair-player) 12%, transparent);
  color: var(--ui-ink);
  font-size: var(--ui-fs-sm);
}
.flair-manager__player button {
  padding: 2px 4px;
  border: 0;
  background: none;
  color: var(--ui-ink-3);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.flair-manager__player button:hover {
  background: none;
  color: var(--ui-ink);
}
.flair-manager__inline-form {
  display: flex;
  gap: 6px;
}
.flair-manager__inline-form .flair-manager__input {
  padding: 6px 10px;
}
.flair-manager__inline-form .flair-manager__button {
  padding: 6px 12px;
}
.flair-manager__player-input {
  position: relative;
  flex: 1;
  min-width: 0;
}
.flair-manager__player-input .react-autosuggest__container {
  position: relative;
}
.flair-manager__player-input .react-autosuggest__suggestions-container {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 5;
  width: 100%;
  border-radius: var(--flair-manager-radius);
  background: var(--ui-panel-2);
}
.flair-manager__player-input .react-autosuggest__suggestions-container--open {
  border: 1px solid var(--ui-line-2);
}
.flair-manager__player-input .react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flair-manager__player-input .suggestion {
  padding: 6px 10px;
  cursor: pointer;
}
.flair-manager__player-input .suggestion.focused {
  background: var(--ui-surface);
}
.flair-manager__stack {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 10px 0 4px;
}
.flair-manager__stack img {
  width: 34px;
  height: 34px;
  padding: 3px;
  border-radius: 4px;
  background: var(--ui-bg);
  object-fit: contain;
}
.flair-manager__danger-row, .flair-manager__confirm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.flair-manager__keys {
  margin: 12px 0 0;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
}
.flair-manager__confirm {
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid rgba(239, 69, 101, 0.5);
  border-radius: var(--flair-manager-radius);
  background: rgba(239, 69, 101, 0.06);
  font-size: var(--ui-fs-sm);
}
.flair-manager__confirm p {
  margin: 0 0 10px;
}
.flair-manager__group-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(52px, 1fr));
  gap: 4px;
  margin-top: 10px;
}
.flair-manager__tile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  padding: 4px;
  border-radius: var(--flair-manager-radius);
  background: var(--ui-surface);
}
.flair-manager__tile img {
  max-width: 40px;
  max-height: 40px;
}
.flair-manager__tile::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.flair-manager__tile--subs::after {
  background: var(--ui-flair-everyone);
}
.flair-manager__tile--mods::after {
  background: var(--ui-flair-mods);
}
.flair-manager__tile--early::after {
  background: var(--ui-flair-early);
}
.flair-manager__tile--player::after {
  background: var(--ui-flair-player);
}
.flair-manager__tile--hidden::after {
  background: var(--ui-flair-hidden);
}
.flair-manager__upload-strip {
  margin-bottom: 16px;
  padding: 14px;
  border: 1px dashed var(--ui-line-3);
  border-radius: 8px;
  background: var(--ui-panel);
}
.flair-manager__upload-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}
.flair-manager__upload {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 96px;
  padding: 8px 6px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--flair-manager-radius);
  background: var(--ui-bg);
  text-align: center;
}
.flair-manager__upload img {
  max-width: 64px;
  max-height: 64px;
}
.flair-manager__upload.is-invalid, .flair-manager__upload.is-failed {
  border-color: rgba(239, 69, 101, 0.6);
}
.flair-manager__upload.is-done {
  border-color: color-mix(in srgb, var(--ui-good) 60%, transparent);
}
.flair-manager__upload.is-uploading {
  opacity: 0.7;
}
.flair-manager__upload-blank {
  color: var(--ui-ink-4);
  font-size: 24px;
}
.flair-manager__upload-name {
  max-width: 100%;
  overflow: hidden;
  color: var(--ui-ink-3);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flair-manager__upload-error {
  color: var(--ui-red);
  font-size: 11px;
}
.flair-manager__upload-done {
  color: var(--ui-good);
  font-size: 11px;
}
.flair-manager__upload-progress {
  color: var(--ui-ink-2);
  font-size: 11px;
}
.flair-manager__upload-remove {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 0 5px;
  border: 0;
  background: none;
  color: var(--ui-ink-3);
  font-size: 15px;
  cursor: pointer;
}
.flair-manager__upload-controls {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(200px, 280px) 1fr;
  gap: 16px;
  align-items: start;
}
.flair-manager__upload-field {
  display: block;
  margin: 0;
  font-weight: 400;
}
.flair-manager__upload-buttons {
  display: flex;
  flex-wrap: wrap;
  align-self: end;
  justify-content: flex-end;
  gap: 8px;
}
@media (max-width: 1100px) {
  .flair-manager__layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .flair-manager__panel {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    max-height: 70vh;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.5);
  }
  .flair-manager__panel.is-open {
    display: block;
  }
  .flair-manager__sheet-close {
    display: inline-flex;
  }
  .flair-manager__upload-controls {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .flair-manager {
    padding: 16px 16px 60px;
  }
  .flair-manager__filters, .flair-manager__filters--groups {
    grid-template-columns: 1fr 1fr;
  }
  .flair-manager__filters > :first-child, .flair-manager__filters--groups > :first-child {
    grid-column: 1/-1;
  }
  .flair-manager__summary {
    margin-left: 0;
  }
  .flair-manager__table-wrap {
    position: relative;
    overflow-x: auto;
  }
  .flair-manager__table th {
    position: static;
  }
  .flair-manager__table:not(.flair-manager__table--groups) th:nth-child(4),
  .flair-manager__table:not(.flair-manager__table--groups) td:nth-child(4),
  .flair-manager__table:not(.flair-manager__table--groups) th:nth-child(6),
  .flair-manager__table:not(.flair-manager__table--groups) td:nth-child(6) {
    display: none;
  }
  .flair-manager__inline-input {
    width: 110px;
  }
}

.flair-manager-toast--error {
  color: var(--ui-red);
}

.mod-disputes {
  --mod-disputes-decided: var(--ui-good);
  --mod-disputes-cancelled: var(--ui-warn);
  --mod-disputes-radius: 10px;
  max-width: 1040px;
  margin: 0 auto;
  padding: 28px 24px 80px;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
}
.mod-disputes__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px 24px;
  margin-bottom: 22px;
}
.mod-disputes__head h1 {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  color: var(--ui-ink);
}
.mod-disputes__subtitle {
  margin: 6px 0 0;
  color: var(--ui-ink-2);
}
.mod-disputes__summary {
  display: flex;
  gap: 8px;
  margin: 0;
}
.mod-disputes__summary > div {
  min-width: 92px;
  padding: 8px 14px;
  background: var(--ui-box);
  border: 1px solid var(--ui-hairline);
  border-radius: 8px;
}
.mod-disputes__summary dt {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ui-ink-2);
}
.mod-disputes__summary dd {
  margin: 2px 0 0;
  font-size: 22px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--ui-ink);
}
.mod-disputes__summary [data-stat=cancelled] dd {
  color: var(--mod-disputes-cancelled);
}
.mod-disputes__list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mod-disputes__match {
  position: relative;
  overflow: hidden;
  background: var(--ui-box);
  border: 1px solid var(--ui-hairline);
  border-radius: var(--mod-disputes-radius);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.mod-disputes__match::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--ui-line-3);
}
.mod-disputes__match--winner::before {
  background: var(--mod-disputes-decided);
}
.mod-disputes__match--cancelled::before {
  background: var(--mod-disputes-cancelled);
}
.mod-disputes__match-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px 14px 22px;
}
.mod-disputes__game {
  display: grid;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  background: var(--ui-panel-2);
  border: 1px solid var(--ui-line-2);
  border-radius: 10px;
}
.mod-disputes__game img {
  max-width: 30px;
  max-height: 30px;
  object-fit: contain;
}
.mod-disputes__title {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.mod-disputes__match-link {
  font-size: 17px;
  font-weight: 600;
  color: var(--ui-ink);
}
.mod-disputes__match-link:hover, a .mod-disputes__match-link.location:hover, .link .mod-disputes__match-link.location:hover, .mod-disputes__match-link:focus {
  color: var(--ui-link);
  text-decoration: none;
}
.mod-disputes__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-2);
}
.mod-disputes__meta > span + span::before {
  content: "·";
  margin-right: 8px;
  color: var(--ui-ink-3);
}
.mod-disputes__ranked {
  color: var(--ui-link);
}
.mod-disputes__outcome {
  flex: none;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: var(--ui-line);
  color: var(--ui-ink-2);
}
.mod-disputes__outcome--winner {
  background: color-mix(in srgb, var(--mod-disputes-decided) 15%, transparent);
  color: var(--mod-disputes-decided);
}
.mod-disputes__outcome--cancelled {
  background: color-mix(in srgb, var(--mod-disputes-cancelled) 15%, transparent);
  color: var(--mod-disputes-cancelled);
}
.mod-disputes__versus {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: start;
  gap: 12px 18px;
  padding: 4px 20px 16px 22px;
}
.mod-disputes__vs {
  align-self: start;
  margin-top: 2px;
  padding: 3px 8px;
  border-radius: 6px;
  background: var(--ui-panel-2);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ui-ink-3);
}
.mod-disputes__team:last-child {
  text-align: right;
}
.mod-disputes__team:last-child .mod-disputes__name {
  flex-direction: row-reverse;
}
.mod-disputes__team:last-child .mod-disputes__message {
  margin-left: auto;
  border-radius: 12px 4px 12px 12px;
}
.mod-disputes__player + .mod-disputes__player {
  margin-top: 12px;
}
.mod-disputes__name {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 15px;
  font-weight: 600;
}
.mod-disputes__name a, .mod-disputes__name a .location:hover, a .mod-disputes__name .location:hover, .mod-disputes__name .link .location:hover, .link .mod-disputes__name .location:hover, .mod-disputes__name .link {
  color: var(--ui-link);
}
.mod-disputes__name .fa-trophy {
  color: var(--mod-disputes-decided);
}
.mod-disputes__team--won .mod-disputes__name a, .mod-disputes__team--won .mod-disputes__name a .location:hover, a .mod-disputes__team--won .mod-disputes__name .location:hover, .mod-disputes__team--won .mod-disputes__name .link .location:hover, .link .mod-disputes__team--won .mod-disputes__name .location:hover, .mod-disputes__team--won .mod-disputes__name .link {
  color: var(--mod-disputes-decided);
}
.mod-disputes__message {
  width: fit-content;
  max-width: 100%;
  margin: 8px 0 0;
  padding: 8px 12px;
  border-radius: 4px 12px 12px 12px;
  background: var(--ui-panel-2);
  border: 1px solid var(--ui-line);
  text-align: left;
  color: var(--ui-ink);
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.mod-disputes__note {
  display: flex;
  gap: 12px;
  margin: 0 20px 16px 22px;
  padding: 12px 14px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--ui-link) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-link) 22%, transparent);
}
.mod-disputes__note > .fa, .chat_message.edited .mod-disputes__note > .edited, .feedback_thumbs .mod-disputes__note > .negative, .feedback_thumbs .mod-disputes__note > .positive, .feedback_thumbs .mod-disputes__note > .neutral {
  margin-top: 2px;
  color: var(--ui-link);
}
.mod-disputes__note p {
  margin: 2px 0 0;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.mod-disputes__note-label, .mod-disputes__footer-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ui-ink-2);
}
.mod-disputes__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 10px 20px 10px 22px;
  border-top: 1px solid var(--ui-line);
  background: var(--ui-surface);
}
.mod-disputes__moderations {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mod-disputes__moderation {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 3px 10px 3px 3px;
  border-radius: 999px;
  background: var(--ui-panel-2);
  border: 1px solid var(--ui-line);
  font-size: var(--ui-fs-sm);
}
.mod-disputes__moderation a, .mod-disputes__moderation a .location:hover, a .mod-disputes__moderation .location:hover, .mod-disputes__moderation .link .location:hover, .link .mod-disputes__moderation .location:hover, .mod-disputes__moderation .link {
  font-weight: 600;
  color: var(--ui-ink);
}
.mod-disputes__avatar {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--ui-name-mod) 25%, transparent);
  color: var(--ui-name-mod);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.mod-disputes__avatar--bot {
  background: var(--ui-line-2);
  color: var(--ui-ink-2);
}
.mod-disputes__bot {
  font-weight: 600;
  color: var(--ui-ink-2);
}
.mod-disputes__when {
  color: var(--ui-ink-3);
}
.mod-disputes__empty {
  padding: 56px 16px;
  text-align: center;
  background: var(--ui-box);
  border: 1px dashed var(--ui-line-2);
  border-radius: var(--mod-disputes-radius);
  color: var(--ui-ink-2);
}
.mod-disputes__empty h2 {
  margin: 14px 0 6px;
  font-size: 18px;
  font-weight: 600;
  color: var(--ui-ink);
}
.mod-disputes__empty p {
  margin: 0;
}
.mod-disputes__empty-icon {
  display: inline-grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--ui-panel-2);
  font-size: 24px;
  color: var(--ui-ink-2);
}
@media (max-width: 640px) {
  .mod-disputes {
    padding: 18px 16px 60px;
  }
  .mod-disputes__summary {
    width: 100%;
  }
  .mod-disputes__summary > div {
    flex: 1;
    min-width: 0;
  }
  .mod-disputes__match-head {
    flex-wrap: wrap;
    padding: 14px 14px 12px 18px;
  }
  .mod-disputes__title {
    flex-basis: calc(100% - 58px);
  }
  .mod-disputes__outcome {
    margin-left: 58px;
  }
  .mod-disputes__versus {
    grid-template-columns: minmax(0, 1fr);
    padding: 4px 14px 14px 18px;
  }
  .mod-disputes__vs {
    justify-self: start;
  }
  .mod-disputes__team:last-child {
    text-align: left;
  }
  .mod-disputes__team:last-child .mod-disputes__name {
    flex-direction: row;
  }
  .mod-disputes__team:last-child .mod-disputes__message {
    margin-left: 0;
    border-radius: 4px 12px 12px 12px;
  }
  .mod-disputes__note {
    margin: 0 14px 14px 18px;
  }
  .mod-disputes__footer {
    padding: 10px 14px 10px 18px;
  }
}

.match-page {
  --match-page-header-height: 60px;
  --match-page-radius: 10px;
  --match-page-bar: var(--ui-panel);
  --match-page-blue: #0a6ebd;
  --match-page-warn-tint: color-mix(in srgb, var(--ui-warn) 14%, transparent);
  --match-page-good-tint: color-mix(in srgb, var(--ui-good) 15%, transparent);
  --match-page-red-tint: color-mix(in srgb, var(--ui-red) 18%, transparent);
  display: flex;
  flex-direction: column;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
}
@media (min-width: 1181px) {
  .match-page {
    height: calc(100vh - var(--match-page-header-height));
    height: calc(100dvh - var(--match-page-header-height));
  }
}
.match-page h1, .match-page h2 {
  margin: 0;
  color: var(--ui-ink);
}
.match-page__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  padding: 10px 20px;
  background: var(--match-page-bar);
  border-bottom: 1px solid var(--ui-hairline);
}
.match-page__bar-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  min-width: 0;
}
.match-page__bar-title strong {
  font-size: 15px;
}
.match-page__queue {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.match-page__queue-position {
  color: var(--ui-ink-2);
  font-size: 13px;
}
.match-page__queue-position strong {
  color: var(--ui-ink);
  font-size: 15px;
}
.match-page__queue-label {
  margin-right: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.match-page__queue-next {
  color: var(--ui-ink-3);
  font-size: 12px;
}
.match-page__verdict {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-left: auto;
}
.match-page__verdict.is-settled {
  flex-wrap: nowrap;
}
.match-page__verdict-question {
  font-weight: 600;
}
.match-page__verdict-result {
  color: var(--ui-good);
  font-size: 16px;
  font-weight: 600;
}
[data-settled=cancelled] .match-page__verdict-result {
  color: var(--ui-ink-2);
}
.match-page__button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 14px;
  border: 1px solid var(--ui-line-3);
  border-radius: 6px;
  background: transparent;
  color: var(--ui-ink);
  font: inherit;
  font-weight: 500;
  font-size: 13px;
  white-space: nowrap;
  cursor: pointer;
}
.match-page__button:hover:not(:disabled) {
  background: var(--ui-line);
}
.match-page__button:disabled {
  opacity: 0.4;
  cursor: default;
}
.match-page__button kbd {
  padding: 0 5px;
  border: 1px solid var(--ui-line-3);
  border-radius: 4px;
  background: none;
  box-shadow: none;
  color: var(--ui-ink-2);
  font: inherit;
  font-size: 11px;
}
.match-page__button--bright {
  border-color: var(--ui-cool);
  color: var(--ui-cool);
}
.match-page__button--good {
  border-color: var(--ui-good);
  color: var(--ui-good);
}
.match-page__button--good:hover:not(:disabled) {
  background: var(--match-page-good-tint);
}
.match-page__button--danger {
  border-color: var(--ui-red);
  color: var(--ui-red);
}
.match-page__button--danger:hover:not(:disabled) {
  background: var(--match-page-red-tint);
}
.match-page__button--big {
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
}
.match-page__segmented {
  display: inline-flex;
  flex-wrap: wrap;
  justify-self: start;
  overflow: hidden;
  border: 1px solid var(--ui-line-3);
  border-radius: 6px;
}
.match-page__segmented button {
  padding: 5px 10px;
  border: 0;
  border-right: 1px solid var(--ui-line-2);
  background: transparent;
  color: var(--ui-ink-2);
  font: inherit;
  font-weight: 500;
  font-size: 12px;
  cursor: pointer;
}
.match-page__segmented button:last-child {
  border-right: 0;
}
.match-page__segmented button:hover:not(:disabled) {
  background: var(--ui-line);
  color: var(--ui-ink);
}
.match-page__segmented button:disabled {
  cursor: default;
}
.match-page__segmented button[aria-pressed=true] {
  background: var(--match-page-blue);
  color: #fff;
}
.match-page__switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--ui-ink-2);
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  user-select: none;
}
.match-page__switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.match-page__switch > span {
  position: relative;
  flex: none;
  width: 30px;
  height: 16px;
  border-radius: 999px;
  background: var(--ui-ink-4);
  transition: background 0.15s;
}
.match-page__switch > span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.15s;
}
.match-page__switch input:checked + span {
  background: var(--ui-link);
}
.match-page__switch input:checked + span::after {
  transform: translateX(14px);
}
.match-page__switch input:focus-visible + span {
  outline: 2px solid var(--ui-link);
  outline-offset: 2px;
}
.match-page__input {
  width: 100%;
  padding: 8px 10px;
  background: var(--ui-bg);
  border: 1px solid var(--ui-line-2);
  border-radius: 6px;
  color: var(--ui-ink);
  font: inherit;
  font-size: 13px;
  resize: vertical;
}
.match-page__input:focus {
  outline: none;
  border-color: var(--ui-link);
}
.match-page__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.match-page__muted {
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.match-page__chip {
  padding: 3px 10px;
  border: 1px solid var(--ui-line-2);
  border-radius: 999px;
  color: var(--ui-ink-2);
  font-size: 12px;
}
.match-page__chip b {
  color: var(--ui-ink);
  font-weight: 500;
}
.match-page__chip b.is-warn {
  color: var(--ui-warn);
}
.match-page__pill {
  flex: none;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--ui-line-2);
  color: var(--ui-ink-2);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.match-page__pill.is-warn {
  background: var(--match-page-warn-tint);
  color: var(--ui-warn);
}
.match-page__pill.is-good {
  background: var(--match-page-good-tint);
  color: var(--ui-good);
}
.match-page__pill.is-live {
  color: var(--ui-cool);
}
.match-page__tabs {
  display: none;
}
.match-page__panes {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}
.match-page--mod .match-page__panes {
  grid-template-columns: minmax(380px, 1.1fr) minmax(340px, 1fr) 340px;
}
.match-page__pane {
  min-height: 0;
  min-width: 0;
  overflow: auto;
  padding: 16px;
  border-right: 1px solid var(--ui-line-2);
}
.match-page__pane:last-child {
  border-right: 0;
}
.match-page__pane--chat {
  display: flex;
  padding: 0;
}
.match-page__pane--mod {
  background: var(--match-page-bar);
}
.match-page__label {
  margin: 22px 0 10px;
  color: var(--ui-ink-2);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.match-page__card {
  background: var(--ui-box);
  border: 1px solid var(--ui-hairline);
  border-radius: var(--match-page-radius);
}
.match-page__card + .match-page__card {
  margin-top: 16px;
}
.match-page__card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  padding: 14px 16px 10px;
  border-bottom: 1px solid var(--ui-line);
}
.match-page__card-head h2 {
  font-size: 15px;
  font-weight: 600;
}
.match-page__card-body {
  padding: 14px 16px 16px;
}
.match-page__settings {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
}
.match-page__head {
  position: relative;
  overflow: hidden;
}
.match-page__head::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--ui-line-3);
}
.match-page__head.is-disputed::before {
  background: var(--ui-warn);
}
.match-page__head.is-won::before {
  background: var(--ui-good);
}
.match-page__head.is-active::before {
  background: var(--ui-cool);
}
.match-page__head-top {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px 6px 22px;
}
.match-page__logo {
  display: grid;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  background: var(--ui-panel-2);
  border: 1px solid var(--ui-line-2);
  border-radius: 10px;
}
.match-page__logo img {
  max-width: 30px;
  max-height: 30px;
}
.match-page__title {
  flex: 1;
  min-width: 0;
}
.match-page__title h1 {
  font-size: 18px;
  font-weight: 600;
}
.match-page__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 0;
  color: var(--ui-ink-2);
  font-size: 13px;
}
.match-page__meta > * + *::before {
  content: "·";
  margin: 0 6px;
  color: var(--ui-ink-3);
}
.match-page__ranked {
  color: var(--ui-warn);
}
.match-page__faceoff {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  padding: 14px 20px 16px 22px;
}
.match-page__side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.match-page__side:last-child {
  align-items: flex-end;
  text-align: right;
}
.match-page__side .fa-trophy {
  margin-right: 6px;
  color: var(--ui-good);
}
.match-page__side-player > a, a .match-page__side-player > .location:hover, .link .match-page__side-player > .location:hover, .match-page__side-player > .link {
  font-size: 19px;
  font-weight: 600;
}
.match-page__side-meta {
  display: block;
  margin: 2px 0 10px;
  color: var(--ui-ink-3);
  font-size: 12px;
}
.match-page__online {
  color: var(--ui-good);
}
.match-page__score {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding-top: 2px;
  font-size: 26px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.match-page__score span {
  color: var(--ui-ink-3);
  font-weight: 400;
}
.match-page__vs {
  padding-top: 6px;
  color: var(--ui-ink-3);
  font-size: 13px;
}
.match-page__bubble {
  display: inline-block;
  max-width: 100%;
  margin: 0;
  padding: 9px 13px;
  background: var(--ui-panel-2);
  border: 1px solid var(--ui-line-2);
  border-radius: 2px 10px 10px;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.match-page__bubble.is-empty {
  color: var(--ui-ink-3);
  font-style: italic;
}
.match-page__side:last-child .match-page__bubble {
  border-radius: 10px 2px 10px 10px;
}
.match-page__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 20px 16px 22px;
}
.match-page__mod-message {
  width: 100%;
  margin: 4px 0 0;
  color: var(--ui-ink-2);
  font-size: 13px;
}
.match-page__games {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.match-page__game {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  overflow: hidden;
  background: var(--ui-box);
  border: 1px solid var(--ui-hairline);
  border-radius: var(--match-page-radius);
}
.match-page__game.is-disagree {
  border-color: color-mix(in srgb, var(--ui-warn) 65%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-warn) 25%, transparent);
}
.match-page__game.is-unplayed {
  border-style: dashed;
}
.match-page__game-stage {
  position: relative;
  min-height: 74px;
  background: var(--ui-panel-2) center/cover;
}
.match-page__game-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
}
.match-page__game-number {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  padding: 1px 6px;
  border-radius: 4px;
  background: #127a9c;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.match-page__flag {
  position: absolute;
  z-index: 1;
  top: 34px;
  left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--ui-warn);
  color: #1c1300;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.match-page__stage-name {
  position: absolute;
  z-index: 1;
  left: 10px;
  bottom: 7px;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 1px 2px #000;
}
.match-page__game-body {
  display: grid;
  gap: 10px;
  padding: 12px;
}
.match-page__picks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.match-page__pick {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--ui-ink-2);
  font-size: 13px;
}
.match-page__pick:last-child {
  flex-direction: row-reverse;
}
.match-page__pick img {
  object-fit: cover;
}
.match-page__pick img, .match-page__pick .match-page__pick-empty {
  flex: none;
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  border-radius: 6px;
  background: var(--ui-panel-2);
}
.match-page__pick.is-winner img {
  border-color: var(--ui-good);
}
.match-page__pick.is-winner span {
  color: var(--ui-good);
  font-weight: 600;
}
.match-page__pick-empty {
  display: grid;
  place-items: center;
  color: var(--ui-ink-3);
}
.match-page__reports {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--ui-ink-2);
  font-size: 12px;
}
.match-page__reports b {
  color: var(--ui-ink);
  font-weight: 500;
}
.match-page__reports time {
  color: var(--ui-ink-3);
}
.match-page__game.is-disagree .match-page__reports b {
  color: var(--ui-warn);
}
.match-page__stage-history {
  display: grid;
  gap: 4px;
  padding-top: 8px;
  border-top: 1px solid var(--ui-line);
  color: var(--ui-ink-3);
  font-size: 11px;
}
.match-page__stage-history-label {
  display: block;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.match-page__struck {
  margin-right: 10px;
}
.match-page__struck s {
  color: var(--ui-ink-2);
}
.match-page__chat {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.match-page__chat-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 14px 16px 10px;
  border-bottom: 1px solid var(--ui-line);
}
.match-page__chat-head h2 {
  font-size: 15px;
  font-weight: 600;
}
.match-page__chat-head .match-page__switch {
  margin-left: auto;
}
.match-page__chat-log {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 10px 16px;
  overflow: auto;
  list-style: none;
}
.match-page__message {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 3px 0;
  line-height: 1.4;
}
.match-page__message time {
  flex: none;
  min-width: 52px;
  color: var(--ui-ink-3);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.match-page__message > a::after, a .match-page__message > .location:hover::after, .link .match-page__message > .location:hover::after, .match-page__message > .link::after {
  content: ":";
  color: var(--ui-ink-3);
}
.match-page__message.is-event {
  color: var(--ui-ink-3);
  font-size: 12px;
}
.match-page__message.is-alert {
  margin: 4px 0;
  padding: 6px 10px;
  border-radius: 6px;
  background: var(--match-page-warn-tint);
  color: var(--ui-warn);
  font-size: 13px;
}
.match-page__message-text {
  overflow-wrap: anywhere;
}
.match-page__composer {
  display: flex;
  gap: 8px;
  margin: 8px 12px 12px;
}
.match-page__composer input {
  flex: 1;
  min-width: 0;
  height: 36px;
  padding: 0 12px;
  background: var(--ui-bg);
  border: 1px solid var(--ui-line-2);
  border-radius: 6px;
  color: var(--ui-ink);
  font: inherit;
  font-size: 13px;
}
.match-page__composer input:focus {
  outline: none;
  border-color: var(--ui-link);
}
.match-page__feedback {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 14px 16px 16px;
}
.match-page__feedback > div {
  display: grid;
  align-content: start;
  gap: 6px;
}
.match-page__thumbs {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.match-page__thumb-row {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ui-ink-2);
  font-size: 13px;
}
.match-page__thumb {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  font-size: 12px;
}
.match-page__thumb.is-up {
  background: var(--match-page-good-tint);
  color: var(--ui-good);
}
.match-page__thumb.is-down {
  background: var(--match-page-red-tint);
  color: var(--ui-red);
}
.match-page__thumb.is-neutral {
  background: var(--ui-line);
  color: var(--ui-ink-3);
}
.match-page__feedback-reason {
  margin: 2px 0;
  color: var(--ui-red);
  font-size: 13px;
}
.match-page__history {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.match-page__notes {
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}
.match-page__note {
  padding: 10px 12px;
  background: color-mix(in srgb, var(--ui-link) 6%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-link) 30%, transparent);
  border-radius: 8px;
  font-size: 13px;
}
.match-page__note p {
  margin: 0;
}
.match-page__note-head {
  margin-bottom: 4px;
  font-size: 12px;
}
.match-page__note-type {
  color: var(--ui-link);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.match-page__note-form {
  display: grid;
  gap: 8px;
}
@media (max-width: 1180px) {
  .match-page--mod .match-page__panes {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .match-page__pane {
    overflow: visible;
  }
  .match-page__pane--mod {
    grid-column: 1/-1;
    border-top: 1px solid var(--ui-line-2);
  }
  .match-page__chat-log {
    max-height: 70vh;
  }
}
@media (max-width: 760px) {
  .match-page__panes, .match-page--mod .match-page__panes {
    grid-template-columns: minmax(0, 1fr);
  }
  .match-page__tabs {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    background: var(--ui-bg);
    border-bottom: 1px solid var(--ui-line-2);
  }
  .match-page__tabs button {
    flex: 1;
    padding: 11px 0;
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--ui-ink-2);
    font: inherit;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
  .match-page__tabs button:hover {
    background: none;
    color: var(--ui-ink);
  }
  .match-page__tabs button.is-active {
    color: var(--ui-ink);
    border-bottom-color: var(--ui-link);
  }
  .match-page__panes[data-tab=case] > :not(.match-page__pane--case), .match-page__panes[data-tab=chat] > :not(.match-page__pane--chat), .match-page__panes[data-tab=mod] > :not(.match-page__pane--mod) {
    display: none;
  }
  .match-page__pane {
    padding: 12px;
    border-right: 0;
  }
  .match-page__pane--chat {
    padding: 0;
  }
  .match-page__bar {
    padding: 10px 12px;
  }
  .match-page__verdict {
    width: 100%;
    margin-left: 0;
  }
  .match-page__verdict-question {
    display: none;
  }
}
@media (max-width: 640px) {
  .match-page__faceoff {
    grid-template-columns: minmax(0, 1fr);
  }
  .match-page__side:last-child {
    align-items: flex-start;
    text-align: left;
  }
  .match-page__score {
    order: -1;
  }
  .match-page__vs {
    display: none;
  }
  .match-page__feedback {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 480px) {
  .match-page__game {
    grid-template-columns: minmax(0, 1fr);
  }
  .match-page__game-stage {
    height: 64px;
  }
  .match-page__flag {
    top: 8px;
    left: auto;
    right: 8px;
  }
}

.document_page {
  max-width: var(--ui-page-max);
  margin: 0 auto;
  padding: 32px 16px 64px;
  color: var(--ui-ink);
  font-size: 15px;
  line-height: 1.65;
}
.document_page__header {
  max-width: 720px;
  margin-bottom: 28px;
}
.document_page__eyebrow {
  color: var(--ui-accent);
  font-size: var(--ui-fs-label);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.document_page__title {
  color: var(--ui-ink);
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 10px;
}
.document_page__summary {
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-lg);
  margin: 0;
}
.document_page__updated {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
  margin-top: 10px;
}
.document_page__layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}
.document_page__contents {
  position: sticky;
  top: 80px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.document_page__contents ol {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid var(--ui-line-2);
}
.document_page__contents a, .document_page__contents a .location:hover, a .document_page__contents .location:hover, .document_page__contents .link .location:hover, .link .document_page__contents .location:hover, .document_page__contents .link {
  display: block;
  padding: 5px 0 5px 14px;
  margin-left: -1px;
  border-left: 2px solid transparent;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
  line-height: 1.4;
  text-decoration: none;
}
.document_page__contents a:hover, .document_page__contents a .location:hover, a .document_page__contents .location:hover, .document_page__contents .link .location:hover, .link .document_page__contents .location:hover, .document_page__contents .link:hover, .document_page__contents a:focus, .document_page__contents .link:focus {
  color: var(--ui-ink);
  border-left-color: var(--ui-accent);
}
.document_page__contents_label {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-label);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.document_page__section {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 10px;
  padding: 24px 28px;
  margin-bottom: 16px;
  scroll-margin-top: 80px;
  overflow-wrap: anywhere;
}
.document_page__section h3 {
  color: var(--ui-ink);
  font-size: 17px;
  font-weight: 700;
  margin: 28px 0 8px;
}
.document_page__section h4 {
  color: var(--ui-ink);
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 8px;
}
.document_page__section p {
  color: var(--ui-ink);
  margin: 0 0 12px;
}
.document_page__section ol,
.document_page__section ul {
  margin: 0 0 14px;
  padding-left: 24px;
}
.document_page__section ul {
  list-style: disc;
}
.document_page__section li {
  margin-bottom: 8px;
}
.document_page__section li:last-child {
  margin-bottom: 0;
}
.document_page__section li::marker {
  color: var(--ui-ink-3);
  font-weight: 700;
}
.document_page__section li ol,
.document_page__section li ul {
  margin: 8px 0 0;
  list-style-type: lower-alpha;
}
.document_page__section a, .document_page__section a .location:hover, a .document_page__section .location:hover, .document_page__section .link .location:hover, .link .document_page__section .location:hover, .document_page__section .link {
  color: var(--ui-cool);
}
.document_page__section > :last-child {
  margin-bottom: 0;
}
.document_page__section_title {
  color: var(--ui-ink);
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--ui-line-2);
}
.document_page__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.document_page__panel {
  background: var(--ui-surface);
  border: 1px solid var(--ui-line);
  border-top: 3px solid var(--ui-line-3);
  border-radius: 8px;
  padding: 14px 16px;
}
.document_page__panel--ok {
  border-top-color: var(--ui-good);
}
.document_page__panel--not_ok {
  border-top-color: var(--ui-red);
}
.document_page__panel ol {
  margin-bottom: 0;
}
.document_page__callout {
  border-left: 3px solid var(--ui-accent);
  background: color-mix(in srgb, var(--ui-accent) 8%, transparent);
  border-radius: 0 6px 6px 0;
  padding: 12px 16px;
}
@media (max-width: 900px) {
  .document_page {
    padding-top: 20px;
  }
  .document_page__title {
    font-size: 28px;
  }
  .document_page__layout {
    display: block;
  }
  .document_page__contents {
    position: static;
    max-height: none;
    margin-bottom: 20px;
  }
  .document_page__contents ol {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    border-left: 0;
  }
  .document_page__contents a, .document_page__contents a .location:hover, a .document_page__contents .location:hover, .document_page__contents .link .location:hover, .link .document_page__contents .location:hover, .document_page__contents .link {
    margin-left: 0;
    padding: 4px 10px;
    border: 1px solid var(--ui-line-2);
    border-radius: 999px;
  }
  .document_page__contents a:hover, .document_page__contents a .location:hover, a .document_page__contents .location:hover, .document_page__contents .link .location:hover, .link .document_page__contents .location:hover, .document_page__contents .link:hover, .document_page__contents a:focus, .document_page__contents .link:focus {
    border-color: var(--ui-accent);
  }
  .document_page__section {
    padding: 18px 16px;
  }
  .document_page__columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

/** Profile */
.wall_posts {
  padding-bottom: 0;
  margin-bottom: 0;
}

.loading-more-container {
  position: relative;
  margin-bottom: 16px;
  text-align: center;
}

.wall_posts .wall_post {
  margin-bottom: 10px;
}

.replies-list .entries {
  padding-bottom: 0;
}

.editable-toggle > .post_time .edit_post {
  display: none;
}

.editable-toggle > .post_time .delete_post {
  display: none;
}

.editable-toggle.post-deletable > .post_time .delete_post {
  display: inline;
}

.editable-toggle .add_new_post {
  display: none;
}

.editable-toggle .cannot_post {
  display: block;
}

.editable-toggle.post-replyable .add_new_post {
  display: block;
}

.editable-toggle .cannot_post {
  font-size: 14px;
  margin-left: 12px;
}

.editable-toggle.post-replyable .cannot_post {
  display: none;
}

.editable-toggle.post-editable > .post_time .edit_post {
  display: inline-block;
}

.post_time form {
  display: inline;
}

.wall_posts textarea {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.wall_posts .wall_post_reply .submit_comment {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.page-trail {
  padding: 14px 15px 10px;
}
.page-trail__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
  user-select: none;
}
.page-trail__item + .page-trail__item::before {
  content: "›";
  margin-right: 6px;
  color: var(--ui-ink-3);
}
.page-trail a, .page-trail a .location:hover, a .page-trail .location:hover, .page-trail .link .location:hover, .link .page-trail .location:hover, .page-trail .link {
  color: var(--ui-ink-2);
}
.page-trail a:hover, .page-trail a .location:hover, a .page-trail .location:hover, .page-trail .link .location:hover, .link .page-trail .location:hover, .page-trail .link:hover, .page-trail a:focus, .page-trail .link:focus {
  color: #05D8FF;
}
[data-theme=light] .page-trail {
  background-color: var(--ui-panel);
}
[data-theme=light] .page-trail a, [data-theme=light] .page-trail a .location:hover, a [data-theme=light] .page-trail .location:hover, [data-theme=light] .page-trail .link .location:hover, .link [data-theme=light] .page-trail .location:hover, [data-theme=light] .page-trail .link {
  color: var(--ui-link);
}
[data-theme=light] .page-trail li {
  color: var(--ui-ink-3);
}

.date-range-picker {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 12px 0 16px;
}
.date-range-picker__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.date-range-picker__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  font-size: var(--ui-fs-label, 12px);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ui-ink-3, #5f6b7c);
}
.date-range-picker__field input {
  padding: 6px 10px;
  border: 1px solid var(--ui-line-3, rgba(255, 255, 255, 0.2));
  border-radius: 6px;
  background: var(--ui-surface, rgba(255, 255, 255, 0.03));
  color: var(--ui-ink, #e7ecf3);
  font-size: var(--ui-fs-base, 14px);
  letter-spacing: normal;
  color-scheme: dark;
}
.date-range-picker__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.date-range-picker__choice {
  padding: 4px 10px;
  border: 1px solid var(--ui-line-3, rgba(255, 255, 255, 0.2));
  border-radius: 999px;
  background: var(--ui-surface, rgba(255, 255, 255, 0.03));
  color: var(--ui-ink-2, #9aa6b8);
  font-size: var(--ui-fs-sm, 13px);
  line-height: 1.4;
  cursor: pointer;
}
.date-range-picker__choice:hover, a .date-range-picker__choice.location:hover, .link .date-range-picker__choice.location:hover {
  background: var(--ui-line-2, rgba(255, 255, 255, 0.12));
  color: var(--ui-ink, #e7ecf3);
  border-color: var(--ui-ink-3, #5f6b7c);
}
.date-range-picker__choice.is-selected {
  background: var(--ui-accent, #e8473e);
  border-color: var(--ui-accent, #e8473e);
  color: var(--ui-on-accent, #fff);
}

#the_graphs .mobile_view_tabs .tab_list {
  flex-wrap: wrap;
}
[data-theme=light] #the_graphs .mobile_view_tabs .tab_list .tab_button {
  color: var(--ui-ink-2);
}
[data-theme=light] #the_graphs .mobile_view_tabs .tab_list .tab_button:hover, [data-theme=light] #the_graphs .mobile_view_tabs .tab_list .tab_button.active {
  color: var(--ui-link);
}

.match_map_general {
  display: flex;
  flex-direction: column;
}
.match_map_general .map_and_such {
  display: flex;
  flex-direction: row;
}
.match_map_general #map-canvas {
  height: 80vh;
}
.match_map_general .game_logo {
  max-width: 120px;
}

.ladder_choices {
  display: flex;
  flex-direction: row;
  padding: 0 16px;
  flex-wrap: wrap;
}
.ladder_choices .ladder_choice {
  position: relative;
  margin: 4px 0 8px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 4px 5px;
  height: 32px;
}
.ladder_choices .ladder_choice img {
  height: 100%;
}
.ladder_choices .ladder_choice.active {
  border-color: #0F0;
  background-color: #12141C;
}
.ladder_choices .ladder_choice .loading {
  position: absolute;
  right: 0;
}

.character_stats .for_character_heading {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.character_stats .for_character_heading .medal_summary {
  margin-bottom: 16px;
}
.character_stats .for_character_heading .selected .character {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}
.character_stats .character_matchups {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.character_stats .character_matchups .characters {
  flex-direction: column;
}
.character_stats .character_info {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.character_stats .character_info .the_x {
  font-size: 19px;
  margin: 0 16px;
}
.character_stats .character_info .wins, .character_stats .character_info .losses, .character_stats .character_info .win_percentage {
  flex: 0 0 100px;
}
.character_stats .ranked_season_character_selections .versus {
  margin-right: 16px;
}
.character_stats .ranked_season_character_selection {
  align-self: flex-start;
  margin-right: 16px;
}
.character_stats .potential_versus {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 0 0 220px;
}
.character_stats .potential_versus .player_counts {
  flex: 1 0 auto;
  margin-left: 8px;
}
.character_stats .potential_versus .division {
  display: none;
}
.character_stats .potential_versus .versus_tier {
  display: flex;
  flex-direction: row;
  margin-right: 32px;
  margin-bottom: 16px;
}
.character_stats .potential_versus .versus_tier.selected .medal_summary img {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}
.character_stats .potential_versus .versus_tier .medal_summary {
  margin-right: 8px;
}
.character_stats .potential_versus .versus_tier .divisions {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.character_stats .potential_versus .versus_tier .divisions .division_number {
  flex: 1 0 55px;
  text-align: center;
}

.divisions {
  display: flex;
  flex-direction: column;
}
.divisions .division_links {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.divisions .division_number {
  font-size: 16px;
  border: 1px solid white;
  border-radius: 4px;
  padding: 7px 12px;
  cursor: pointer;
}
.divisions .division_number.selected {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}
.divisions .division_number:hover {
  color: white;
  border-color: #05D8FF;
}

.tier_group .tier_with_player_count {
  display: inline-flex;
  align-items: center;
  margin-right: 16px;
}
.tier_group .tier_with_player_count a, .tier_group .tier_with_player_count a .location:hover, a .tier_group .tier_with_player_count .location:hover, .tier_group .tier_with_player_count .link .location:hover, .link .tier_group .tier_with_player_count .location:hover, .tier_group .tier_with_player_count .link {
  color: white;
}
.tier_group .tier_with_player_count a:hover, .tier_group .tier_with_player_count a .location:hover, a .tier_group .tier_with_player_count .location:hover, .tier_group .tier_with_player_count .link .location:hover, .link .tier_group .tier_with_player_count .location:hover, .tier_group .tier_with_player_count .link:hover {
  color: #05D8FF;
}
.tier_group .tier_with_player_count .player_count {
  font-size: 15px;
}
.tier_group .tier_with_player_count .player_count .count {
  color: #05D8FF;
}

.site_stats td.game img {
  filter: var(--ui-icon-outline);
}

#notification-bar {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  overflow: hidden;
  font-size: 18px;
  color: white;
  border-radius: 0 0 4px 0;
  display: block;
  pointer-events: none;
  margin-top: 20px;
}
#notification-bar .sub_hype_logo {
  cursor: pointer;
}
#notification-bar .is_dollar {
  color: #0F0;
}
#notification-bar .sub_hype_pika {
  pointer-events: auto;
  display: inline-block;
  height: 80px;
}
#notification-bar .sub_hype_pika:hover {
  filter: brightness(170%);
}
#notification-bar .hype_message {
  pointer-events: auto;
  background-color: #3A4059;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 26px;
  box-shadow: 4px 4px 4px black;
}
#notification-bar .hype_message .general_message_part {
  font-size: 23px;
}
#notification-bar .hype_message .username, #notification-bar .hype_message .user_info .subscription_streak, .user_info #notification-bar .hype_message .subscription_streak, #notification-bar .hype_message .subscriber_glowish, #notification-bar .hype_message .subscribe_link {
  font-size: 26px;
}
#notification-bar .player_message {
  display: block;
}
#notification-bar .click_to_dismiss {
  display: inline-block;
}

.latest_subscribers {
  display: flex;
  flex-direction: column;
  padding-top: 8px;
  margin-top: 8px;
  overflow: hidden;
}
.latest_subscribers .active_group {
  height: 130px;
  position: relative;
}
.latest_subscribers .active_group .active_group_content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
}
.latest_subscribers .donate_area {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.latest_subscribers .donate_area .subs_list {
  margin: 8px 0 0 0;
}
.latest_subscribers .latest_sub {
  display: flex;
}
.latest_subscribers .latest_sub .amount:before {
  content: "$";
}
.latest_subscribers .latest_sub .sub_user, .latest_subscribers .latest_sub .sub_stat {
  padding: 0 8px;
}
.latest_subscribers .latest_sub .sub_stat {
  padding-left: 8px;
  margin-left: auto;
  white-space: nowrap;
}
.latest_subscribers .latest_sub .sub_user {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.latest_subscribers .latest_sub .date {
  align-self: center;
}

.card {
  background-color: #12141C;
  color: white;
}
.card .card-title {
  line-height: initial;
}
.card .card-image {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card .card-image img {
  max-width: 170px;
}
.card.horizontal {
  align-items: center;
}
.card.horizontal .card-image {
  justify-content: center;
}
.card .card-action {
  background-color: #12141C;
  border-top-color: #3A4059;
  padding: 15px 15px;
}
.card .card-action a.link, .card .card-action .link {
  color: #05D8FF;
  margin-right: 24px;
  transition: color 0.3s ease;
  text-transform: uppercase;
}
.card .card-action a.link:hover, .card .card-action .link:hover {
  color: #0A6EBD;
}

.advanced-match-history .no_results {
  display: none;
}
.advanced-match-history .ranked_result .win, .advanced-match-history .ranked_result .lose, .advanced-match-history .ranked_result .friendly {
  display: none;
}
.advanced-match-history .ranked_result.won .win {
  display: inline;
}
.advanced-match-history .ranked_result.lost .lose {
  display: inline;
}
.advanced-match-history .ranked_result.unranked .unranked {
  display: inline;
}
.advanced-match-history .calendar_logo {
  width: 27px;
  display: block;
}
.advanced-match-history .fc-event-container .fc-event {
  border-color: #3A4059;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.advanced-match-history .fc-event-container .fc-event.ranked, .advanced-match-history .fc-event-container .fc-event.unranked {
  color: white;
}
.advanced-match-history .fc-event-container .fc-event.ranked::after, .advanced-match-history .fc-event-container .fc-event.unranked::after {
  display: block;
}
.advanced-match-history .fc-event-container .fc-event.ranked::after {
  color: #F66;
  content: "Ranked";
}
.advanced-match-history .fc-event-container .fc-event.unranked::after {
  color: #05D8FF;
  content: "Unranked";
}
.advanced-match-history .match-history-table .latency {
  display: none;
}
.advanced-match-history .match_results .latency {
  display: none;
}
.advanced-match-history .fc-view-container {
  background-color: #12141C;
}
.advanced-match-history .fc-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px 0;
  width: 100%;
}
.advanced-match-history .fc-content .username_formatted {
  white-space: pre-line;
  background-color: #30354A;
  display: block;
  text-align: center;
  width: 100%;
}
.advanced-match-history .fc-day-grid-event .is_ranked_logo {
  width: 30px;
  display: block;
  margin: 0 auto;
}
.advanced-match-history .fc td.fc-widget-content.fc-today {
  background-color: #12141C;
}
.fc-unthemed td.fc-today.fc-day {
  background-color: #0A6EBD;
}

.fc-widget-content .fc-day-grid .fc-popover .fc-header {
  background-color: #30354A;
}

.fc-event-container {
  background-color: black;
}

.calendar_container .calendar_loading {
  display: none;
}
.calendar_container .fc-unthemed .fc-more-popover .fc-header {
  background-color: #30354A;
  border-bottom: 1px solid #3A4059;
}
.calendar_container .fc-unthemed .fc-more-popover .fc-header .fc-title {
  color: white;
}
.calendar_container .fc-unthemed .fc-more-popover .fc-event-container {
  color: #12141C;
}

.calendar_loading {
  display: none;
}

.calendar_loading {
  position: absolute;
  left: 35%;
  top: 70px;
}

.calendar_container.loading .calendar_loading {
  display: block;
}

#dashboard .matchmaking_tab_content #tab-pane-friends {
  overflow: hidden;
  flex-direction: column;
}
#dashboard .matchmaking_tab_content #tab-pane-friends .search {
  width: 90%;
  align-self: center;
  display: block;
  margin: 0 auto;
}
#dashboard .matchmaking_tab_content #tab-pane-friends .choice_header .active_selectables {
  margin: 8px 16px;
}
#dashboard .matchmaking_tab_content #tab-pane-friends .title_area {
  margin: 4px 16px;
}

.active_selectables {
  margin: 16px 16px 16px 16px;
}
.active_selectables .active_selectable_button {
  margin: 0 4px 0 4px;
}
.active_selectables.tab_selectables {
  margin: 8px 0 0 0;
  border-bottom: 1px solid var(--ui-hairline);
}
.active_selectables.tab_selectables > .active_selectable_button {
  padding: 4px 13px;
  border-radius: 4px 4px 0 0;
  border: none;
  position: relative;
}

.active_selectable_button {
  color: #3A4059;
}

.social {
  border-left: 1px solid var(--ui-hairline);
  position: relative;
  margin-left: auto;
  flex: 0 1 0;
  max-width: 170px;
}
.social .private_chat_area {
  z-index: 2;
}
.social #main_chat_area {
  position: absolute;
  right: 100%;
  bottom: 0;
  min-width: 58vw;
  background-color: var(--ui-page);
  border-radius: 4px 4px 0 0;
  z-index: 1;
}
.social #main_chat_area:not(.minimized) {
  height: 68vh;
}
.social #main_chat_area .chat-rules-popout-holder {
  border-left: 1px solid var(--ui-hairline);
  border-right: 1px solid var(--ui-hairline);
}
.social #main_chat_area.expanded .chat_room_title_banner.banner_hovered {
  cursor: pointer;
  background-color: var(--ui-hairline);
}
.social #main_chat_area.minimized {
  min-height: 0;
}
.social #main_chat_area.minimized .chat_room_title_banner.has_new_messages {
  border-color: var(--ui-anchor);
}
.social #main_chat_area.minimized .chat_room_title_banner:hover {
  cursor: pointer;
  background-color: var(--ui-hairline);
}
.social #main_chat_area .chat_room_title_banner {
  border: 1px solid var(--ui-hairline);
  border-bottom: none;
}
.social .chat_options {
  align-self: center;
}
.social .mid-side-container {
  position: absolute;
  right: 100%;
  bottom: 0;
  min-width: 522px;
  height: 500px;
}
.social .friend_display:not(:last-child) {
  border-bottom: 1px solid var(--ui-hairline);
}

.username_search_holder .search_loading, .search_holder .search_loading {
  position: absolute;
  text-align: center;
  width: 100%;
}

.search_holder {
  margin: 0 16px 0 8px;
  position: relative;
}

.ReactVirtualized__List {
  outline: 0;
}

.friend_display {
  flex-direction: column;
  display: flex;
  overscroll-behavior: contain;
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.friend_display .list_holder_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.friend_display .list_holder_content .friendlist {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  flex: 1;
}
.friend_display .list_holder_content > .tab-pane {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  flex: 1;
}
.friend_display .list_holder_content > .tab-pane .tab-pane-content, .friend_display .list_holder_content > .tab-pane .tab-content, .friend_display .list_holder_content > .tab-pane .tab-pane {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.friend_display .choice_header .btn, .friend_display .choice_header .btn-xs, .friend_display .choice_header .possible_aka_listings button, .possible_aka_listings .friend_display .choice_header button, .friend_display .choice_header .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .friend_display .choice_header button, .friend_display .choice_header .btn-sm, .friend_display .choice_header .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .friend_display .choice_header button, .friend_display .choice_header .stage_selectable .stage_options button, .stage_selectable .stage_options .friend_display .choice_header button, .friend_display .choice_header body.database_setup input[type=submit], body.database_setup .friend_display .choice_header input[type=submit], .friend_display .choice_header body.database_setup button, body.database_setup .friend_display .choice_header button {
  position: relative;
}
.friend_display .choice_header .badge, .friend_display .choice_header .event_listing .best_of_small, .event_listing .friend_display .choice_header .best_of_small, .friend_display .choice_header .bug_category, .friend_display .choice_header .bug_summary_description .confirmed, .bug_summary_description .friend_display .choice_header .confirmed, .friend_display .choice_header .normal_list .no_tags.active, .normal_list .friend_display .choice_header .no_tags.active {
  position: absolute;
  top: -5px;
  border: 1px solid white;
  background-color: var(--ui-chat-notice);
  color: black;
}
.friend_display .choice_header .minimizer {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.friend_display .choice_header .minimizer .btn, .friend_display .choice_header .minimizer .btn-xs, .friend_display .choice_header .minimizer .possible_aka_listings button, .possible_aka_listings .friend_display .choice_header .minimizer button, .friend_display .choice_header .minimizer .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .friend_display .choice_header .minimizer button, .friend_display .choice_header .minimizer .btn-sm, .friend_display .choice_header .minimizer .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .friend_display .choice_header .minimizer button, .friend_display .choice_header .minimizer .stage_selectable .stage_options button, .stage_selectable .stage_options .friend_display .choice_header .minimizer button, .friend_display .choice_header .minimizer body.database_setup input[type=submit], body.database_setup .friend_display .choice_header .minimizer input[type=submit], .friend_display .choice_header .minimizer body.database_setup button, body.database_setup .friend_display .choice_header .minimizer button {
  margin: 0;
}
.friend_display .the_lists {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.friend_display .private_chat_area.chat_holder.attached {
  position: absolute;
  bottom: 0;
  right: 100%;
  width: 360px;
  height: 360px;
  background-color: var(--ui-chat-bg);
  z-index: 2;
}
.friend_display .private_chat_area.chat_holder.attached.has_new_messages .title_area {
  font-weight: bold;
  background-color: #0A6EBD;
}
.friend_display .private_chat_area.chat_holder.attached.bigger {
  min-width: 35vw;
  min-height: 65vh;
}

.friendlist {
  display: flex;
  overflow: hidden;
  height: 100%;
}
.friendlist .user_facts {
  overflow: hidden;
  align-self: center;
}
.friendlist .list_container {
  margin-top: 0;
}
.friendlist .online_user {
  display: flex;
  flex-direction: row;
  margin: 0;
  flex: 1;
}
.friendlist .online_user.opened {
  border-right: 4px solid var(--ui-anchor);
}
.friendlist .online_user:last-of-type {
  border-bottom: none;
}
.friendlist .online_user.is_offline {
  font-style: italic;
  opacity: 0.7;
}
.friendlist .online_user .message_summary .username, .friendlist .online_user .message_summary .user_info .subscription_streak, .user_info .friendlist .online_user .message_summary .subscription_streak, .friendlist .online_user .message_summary .subscriber_glowish, .friendlist .online_user .message_summary .subscribe_link {
  margin-bottom: 0;
}
.friendlist .friend_request {
  flex: 1;
  text-align: right;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
.friendlist .friend_request .btn, .friendlist .friend_request .btn-xs, .friendlist .friend_request .possible_aka_listings button, .possible_aka_listings .friendlist .friend_request button, .friendlist .friend_request .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .friendlist .friend_request button, .friendlist .friend_request .btn-sm, .friendlist .friend_request .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .friendlist .friend_request button, .friendlist .friend_request .stage_selectable .stage_options button, .stage_selectable .stage_options .friendlist .friend_request button, .friendlist .friend_request body.database_setup input[type=submit], body.database_setup .friendlist .friend_request input[type=submit], .friendlist .friend_request body.database_setup button, body.database_setup .friendlist .friend_request button {
  margin-left: 8px;
}
.friend_display .empty, .open_pms .empty {
  margin: 32px 10px;
  text-align: center;
  font-size: 18px;
}

.stage_list_edit .stage_option {
  transition: background-color 0.7s;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
}
.stage_list_edit .stage_option.fresh {
  background-color: rgba(10, 110, 189, 0.58);
}
.stage_list_edit .stage_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden], template {
  display: none;
}

a, a .location:hover, .link .location:hover, .link {
  background: 0 0;
}

a:active, .link:active, a:hover, a .location:hover, .link .location:hover, .link:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

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

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

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

input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

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

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid silver;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td, th {
  padding: 0;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a, a .location:hover, .link .location:hover, .link, a:visited {
    text-decoration: underline;
  }
  a[href]:after, a [href].location:hover:after, .link [href].location:hover:after, [href].link:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after, a [href^="javascript:"].location:hover:after, .link [href^="javascript:"].location:hover:after, [href^="javascript:"].link:after, a[href^="#"]:after, a [href^="#"].location:hover:after, .link [href^="#"].location:hover:after, [href^="#"].link:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td, .table th {
    background-color: #fff !important;
  }
  .btn > .caret, .btn-xs > .caret, .possible_aka_listings button > .caret, .user_main_info_area .mod_options form button > .caret, .btn-sm > .caret, .request_list .challenge_request_hmm.removing button > .caret, .stage_selectable .stage_options button > .caret, body.database_setup input[type=submit] > .caret, body.database_setup button > .caret, .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th, .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:before, :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a, a .location:hover, .link .location:hover, .link {
  color: #428bca;
  text-decoration: none;
}

a:hover, a .location:hover, .link .location:hover, .link:hover, a:focus, .link:focus {
  color: #2a6496;
  text-decoration: underline;
}

a:focus, a .location:focus:hover, .link .location:focus:hover, .link:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .thumbnail a .location:hover > img, a .thumbnail .location:hover > img, .thumbnail .link .location:hover > img, .link .thumbnail .location:hover > img, .thumbnail .link > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img, a .carousel-inner > .item > .location:hover > img, .link .carousel-inner > .item > .location:hover > img, .carousel-inner > .item > .link > img {
  display: block;
  width: 100% \9 ;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  width: 100% \9 ;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 65%;
}

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small, .small {
  font-size: 85%;
}

cite {
  font-style: normal;
}

mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.text-left {
  text-align: left;
}

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

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777;
}

.text-primary {
  color: #428bca;
}

a.text-primary:hover, a .text-primary.location:hover, .link .text-primary.location:hover, .text-primary.link:hover {
  color: #3071a9;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover, a .text-success.location:hover, .link .text-success.location:hover, .text-success.link:hover {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover, a .text-info.location:hover, .link .text-info.location:hover, .text-info.link:hover {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover, a .text-warning.location:hover, .link .text-warning.location:hover, .text-warning.link:hover {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover, a .text-danger.location:hover, .link .text-danger.location:hover, .text-danger.link:hover {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #428bca;
}

a.bg-primary:hover, a .bg-primary.location:hover, .link .bg-primary.location:hover, .bg-primary.link:hover {
  background-color: #3071a9;
}

.bg-success, .bug_category, .bug_summary_description .confirmed, .normal_list .no_tags.active {
  background-color: #dff0d8;
}

a.bg-success:hover, a .bg-success.location:hover, .link .bg-success.location:hover, .bg-success.link:hover, a.bug_category:hover, a .bug_category.location:hover, .link .bug_category.location:hover, .bug_category.link:hover, .bug_summary_description a.confirmed:hover, .bug_summary_description a .confirmed.location:hover, a .bug_summary_description .confirmed.location:hover, .bug_summary_description .link .confirmed.location:hover, .link .bug_summary_description .confirmed.location:hover, .bug_summary_description .confirmed.link:hover, .normal_list a.no_tags.active:hover, .normal_list a .no_tags.active.location:hover, a .normal_list .no_tags.active.location:hover, .normal_list .link .no_tags.active.location:hover, .link .normal_list .no_tags.active.location:hover, .normal_list .no_tags.active.link:hover {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover, a .bg-info.location:hover, .link .bg-info.location:hover, .bg-info.link:hover {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover, a .bg-warning.location:hover, .link .bg-warning.location:hover, .bg-warning.link:hover {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover, a .bg-danger.location:hover, .link .bg-danger.location:hover, .bg-danger.link:hover {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt, dd {
  line-height: 1.42857143;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer, blockquote small, blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
  content: "— ";
}

.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}

.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
  content: "";
}

.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
  content: " —";
}

blockquote:before, blockquote:after {
  content: "";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

code, kbd, pre, samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container, body.database_setup {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container, body.database_setup {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container, body.database_setup {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container, body.database_setup {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*=col-], table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=radio], input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple], select[size] {
  height: auto;
}

input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.form-control, .birthday .birthday-picker select, body.database_setup input[type=text] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus, .birthday .birthday-picker select:focus, body.database_setup input[type=text]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder, .birthday .birthday-picker select::-moz-placeholder, body.database_setup input[type=text]::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.form-control:-ms-input-placeholder, .birthday .birthday-picker select:-ms-input-placeholder, body.database_setup input[type=text]:-ms-input-placeholder {
  color: #777;
}

.form-control::-webkit-input-placeholder, .birthday .birthday-picker select::-webkit-input-placeholder, body.database_setup input[type=text]::-webkit-input-placeholder {
  color: #777;
}

.form-control[disabled], .birthday .birthday-picker select[disabled], body.database_setup input[disabled][type=text], .form-control[readonly], .birthday .birthday-picker select[readonly], body.database_setup input[readonly][type=text], fieldset[disabled] .form-control, fieldset[disabled] .birthday .birthday-picker select, .birthday .birthday-picker fieldset[disabled] select, fieldset[disabled] body.database_setup input[type=text], body.database_setup fieldset[disabled] input[type=text] {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

textarea.form-control {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
  line-height: 34px;
  line-height: 1.42857143 \0 ;
}

input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
  line-height: 30px;
}

input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
  line-height: 46px;
}

.form-group, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .extra_data {
  margin-bottom: 15px;
}

.radio, .checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label, .checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio, .checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline, .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type=radio][disabled], input[type=checkbox][disabled], input[type=radio].disabled, input[type=checkbox].disabled, fieldset[disabled] input[type=radio], fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.radio-inline.disabled, .request_list .challenge_request_hmm.removing button.radio-inline, .checkbox-inline.disabled, .request_list .challenge_request_hmm.removing button.checkbox-inline, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label, .request_list .challenge_request_hmm.removing button.radio label, .checkbox.disabled label, .request_list .challenge_request_hmm.removing button.checkbox label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg, .form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-sm, .form-horizontal .form-group-sm .form-control, .form-horizontal .form-group-sm .birthday .birthday-picker select, .birthday .birthday-picker .form-horizontal .form-group-sm select, .form-horizontal .form-group-sm body.database_setup input[type=text], body.database_setup .form-horizontal .form-group-sm input[type=text] {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, select[multiple].input-sm {
  height: auto;
}

.input-lg, .form-horizontal .form-group-lg .form-control, .form-horizontal .form-group-lg .birthday .birthday-picker select, .birthday .birthday-picker .form-horizontal .form-group-lg select, .form-horizontal .form-group-lg body.database_setup input[type=text], body.database_setup .form-horizontal .form-group-lg input[type=text] {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, select[multiple].input-lg {
  height: auto;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control, .has-feedback .birthday .birthday-picker select, .birthday .birthday-picker .has-feedback select, .has-feedback body.database_setup input[type=text], body.database_setup .has-feedback input[type=text] {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
  color: #3c763d;
}

.has-success .form-control, .has-success .birthday .birthday-picker select, .birthday .birthday-picker .has-success select, .has-success body.database_setup input[type=text], body.database_setup .has-success input[type=text] {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus, .has-success .birthday .birthday-picker select:focus, .birthday .birthday-picker .has-success select:focus, .has-success body.database_setup input[type=text]:focus, body.database_setup .has-success input[type=text]:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
  color: #8a6d3b;
}

.has-warning .form-control, .has-warning .birthday .birthday-picker select, .birthday .birthday-picker .has-warning select, .has-warning body.database_setup input[type=text], body.database_setup .has-warning input[type=text] {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus, .has-warning .birthday .birthday-picker select:focus, .birthday .birthday-picker .has-warning select:focus, .has-warning body.database_setup input[type=text]:focus, body.database_setup .has-warning input[type=text]:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
  color: #a94442;
}

.has-error .form-control, .has-error .birthday .birthday-picker select, .birthday .birthday-picker .has-error select, .has-error body.database_setup input[type=text], body.database_setup .has-error input[type=text] {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus, .has-error .birthday .birthday-picker select:focus, .birthday .birthday-picker .has-error select:focus, .has-error body.database_setup input[type=text]:focus, body.database_setup .has-error input[type=text]:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group, .form-inline #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .extra_data, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .form-inline .extra_data {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control, .form-inline .birthday .birthday-picker select, .birthday .birthday-picker .form-inline select, .form-inline body.database_setup input[type=text], body.database_setup .form-inline input[type=text] {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control, .form-inline .input-group .birthday .birthday-picker select, .birthday .birthday-picker .form-inline .input-group select, .form-inline .input-group body.database_setup input[type=text], body.database_setup .form-inline .input-group input[type=text] {
    width: auto;
  }
  .form-inline .input-group > .form-control, .form-inline .birthday .birthday-picker .input-group > select, .birthday .birthday-picker .form-inline .input-group > select, .form-inline body.database_setup .input-group > input[type=text], body.database_setup .form-inline .input-group > input[type=text] {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group, .form-horizontal #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .extra_data, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .form-horizontal .extra_data {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn, .btn-xs, .possible_aka_listings button, .user_main_info_area .mod_options form button, .btn-sm, .request_list .challenge_request_hmm.removing button, .stage_selectable .stage_options button, body.database_setup input[type=submit], body.database_setup button, body.database_setup .skip_to_form input[type=submit], body.database_setup .migrate_to_form input[type=submit] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn:focus, .btn-xs:focus, .possible_aka_listings button:focus, .user_main_info_area .mod_options form button:focus, .btn-sm:focus, .request_list .challenge_request_hmm.removing button:focus, .stage_selectable .stage_options button:focus, body.database_setup input[type=submit]:focus, body.database_setup button:focus, .btn:active:focus, .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover, a .btn.location:hover, .link .btn.location:hover, .btn-xs:hover, .possible_aka_listings button:hover, .user_main_info_area .mod_options form button:hover, a .btn-xs.location:hover, .link .btn-xs.location:hover, .btn-sm:hover, a .btn-sm.location:hover, .link .btn-sm.location:hover, .request_list .challenge_request_hmm.removing button:hover, .stage_selectable .stage_options button:hover, body.database_setup input[type=submit]:hover, body.database_setup button:hover, .btn:focus, .btn-xs:focus, .possible_aka_listings button:focus, .user_main_info_area .mod_options form button:focus, .btn-sm:focus, .request_list .challenge_request_hmm.removing button:focus, .stage_selectable .stage_options button:focus, body.database_setup input[type=submit]:focus, body.database_setup button:focus {
  color: #333;
  text-decoration: none;
}

.btn:active, .btn-xs:active, .possible_aka_listings button:active, .user_main_info_area .mod_options form button:active, .btn-sm:active, .request_list .challenge_request_hmm.removing button:active, .stage_selectable .stage_options button:active, body.database_setup input[type=submit]:active, body.database_setup button:active, .btn.active, .active.btn-xs, .possible_aka_listings button.active, .user_main_info_area .mod_options form button.active, .active.btn-sm, .request_list .challenge_request_hmm.removing button.active, .stage_selectable .stage_options button.active, body.database_setup input.active[type=submit], body.database_setup button.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .disabled.btn-xs, .possible_aka_listings button.disabled, .user_main_info_area .mod_options form button.disabled, .disabled.btn-sm, .stage_selectable .stage_options button.disabled, body.database_setup input.disabled[type=submit], body.database_setup button.disabled, .request_list .challenge_request_hmm.removing button, .btn[disabled], [disabled].btn-xs, .possible_aka_listings button[disabled], .user_main_info_area .mod_options form button[disabled], [disabled].btn-sm, .stage_selectable .stage_options button[disabled], body.database_setup input[disabled][type=submit], body.database_setup button[disabled], fieldset[disabled] .btn, fieldset[disabled] .btn-xs, fieldset[disabled] .possible_aka_listings button, .possible_aka_listings fieldset[disabled] button, fieldset[disabled] .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form fieldset[disabled] button, fieldset[disabled] .btn-sm, fieldset[disabled] .stage_selectable .stage_options button, .stage_selectable .stage_options fieldset[disabled] button, fieldset[disabled] body.database_setup input[type=submit], body.database_setup fieldset[disabled] input[type=submit], fieldset[disabled] body.database_setup button, body.database_setup fieldset[disabled] button {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

.btn-default, body.database_setup .skip_to_form input[type=submit], body.database_setup .migrate_to_form input[type=submit] {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover, a .btn-default.location:hover, .link .btn-default.location:hover, body.database_setup .skip_to_form input[type=submit]:hover, body.database_setup .migrate_to_form input[type=submit]:hover, .btn-default:focus, body.database_setup .skip_to_form input[type=submit]:focus, body.database_setup .migrate_to_form input[type=submit]:focus, .btn-default:active, body.database_setup .skip_to_form input[type=submit]:active, body.database_setup .migrate_to_form input[type=submit]:active, .btn-default.active, body.database_setup .skip_to_form input.active[type=submit], body.database_setup .migrate_to_form input.active[type=submit], .open > .dropdown-toggle.btn-default, body.database_setup .skip_to_form .open > input.dropdown-toggle[type=submit], body.database_setup .migrate_to_form .open > input.dropdown-toggle[type=submit] {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active, body.database_setup .skip_to_form input[type=submit]:active, body.database_setup .migrate_to_form input[type=submit]:active, .btn-default.active, body.database_setup .skip_to_form input.active[type=submit], body.database_setup .migrate_to_form input.active[type=submit], .open > .dropdown-toggle.btn-default, body.database_setup .skip_to_form .open > input.dropdown-toggle[type=submit], body.database_setup .migrate_to_form .open > input.dropdown-toggle[type=submit] {
  background-image: none;
}

.btn-default.disabled, body.database_setup .skip_to_form input.disabled[type=submit], body.database_setup .migrate_to_form input.disabled[type=submit], .request_list .challenge_request_hmm.removing button.btn-default, .btn-default[disabled], body.database_setup .skip_to_form input[disabled][type=submit], body.database_setup .migrate_to_form input[disabled][type=submit], fieldset[disabled] .btn-default, fieldset[disabled] body.database_setup .skip_to_form input[type=submit], body.database_setup .skip_to_form fieldset[disabled] input[type=submit], fieldset[disabled] body.database_setup .migrate_to_form input[type=submit], body.database_setup .migrate_to_form fieldset[disabled] input[type=submit], .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge, .btn-default .event_listing .best_of_small, .event_listing .btn-default .best_of_small, body.database_setup .skip_to_form input[type=submit] .badge, body.database_setup .skip_to_form input[type=submit] .event_listing .best_of_small, .event_listing body.database_setup .skip_to_form input[type=submit] .best_of_small, body.database_setup .migrate_to_form input[type=submit] .badge, body.database_setup .migrate_to_form input[type=submit] .event_listing .best_of_small, .event_listing body.database_setup .migrate_to_form input[type=submit] .best_of_small, .btn-default .bug_category, body.database_setup .skip_to_form input[type=submit] .bug_category, body.database_setup .migrate_to_form input[type=submit] .bug_category, .btn-default .bug_summary_description .confirmed, .bug_summary_description .btn-default .confirmed, body.database_setup .skip_to_form input[type=submit] .bug_summary_description .confirmed, .bug_summary_description body.database_setup .skip_to_form input[type=submit] .confirmed, body.database_setup .migrate_to_form input[type=submit] .bug_summary_description .confirmed, .bug_summary_description body.database_setup .migrate_to_form input[type=submit] .confirmed, .btn-default .normal_list .no_tags.active, .normal_list .btn-default .no_tags.active, body.database_setup .skip_to_form input[type=submit] .normal_list .no_tags.active, .normal_list body.database_setup .skip_to_form input[type=submit] .no_tags.active, body.database_setup .migrate_to_form input[type=submit] .normal_list .no_tags.active, .normal_list body.database_setup .migrate_to_form input[type=submit] .no_tags.active {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary:hover, a .btn-primary.location:hover, .link .btn-primary.location:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled, .request_list .challenge_request_hmm.removing button.btn-primary, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary .badge, .btn-primary .event_listing .best_of_small, .event_listing .btn-primary .best_of_small, .btn-primary .bug_category, .btn-primary .bug_summary_description .confirmed, .bug_summary_description .btn-primary .confirmed, .btn-primary .normal_list .no_tags.active, .normal_list .btn-primary .no_tags.active {
  color: #428bca;
  background-color: #fff;
}

.btn-success, .btn-on, .stage_selectable .stage_options button.active {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover, a .btn-success.location:hover, .link .btn-success.location:hover, .btn-on:hover, a .btn-on.location:hover, .link .btn-on.location:hover, .btn-success:focus, .btn-on:focus, .btn-success:active, .btn-on:active, .btn-success.active, .active.btn-on, .stage_selectable .stage_options button.active, .open > .dropdown-toggle.btn-success, .open > .dropdown-toggle.btn-on {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active, .btn-on:active, .btn-success.active, .active.btn-on, .stage_selectable .stage_options button.active, .open > .dropdown-toggle.btn-success, .open > .dropdown-toggle.btn-on {
  background-image: none;
}

.btn-success.disabled, .disabled.btn-on, .stage_selectable .stage_options button.disabled.active, .request_list .challenge_request_hmm.removing button.btn-success, .request_list .challenge_request_hmm.removing button.btn-on, .stage_selectable .stage_options .request_list .challenge_request_hmm.removing button.active, .request_list .challenge_request_hmm.removing .stage_selectable .stage_options button.active, .btn-success[disabled], [disabled].btn-on, .stage_selectable .stage_options button[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-on, fieldset[disabled] .stage_selectable .stage_options button.active, .stage_selectable .stage_options fieldset[disabled] button.active, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge, .btn-success .event_listing .best_of_small, .event_listing .btn-success .best_of_small, .btn-on .badge, .btn-on .event_listing .best_of_small, .event_listing .btn-on .best_of_small, .stage_selectable .stage_options button.active .badge, .stage_selectable .stage_options button.active .event_listing .best_of_small, .event_listing .stage_selectable .stage_options button.active .best_of_small, .btn-success .bug_category, .btn-on .bug_category, .stage_selectable .stage_options button.active .bug_category, .btn-success .bug_summary_description .confirmed, .bug_summary_description .btn-success .confirmed, .btn-on .bug_summary_description .confirmed, .bug_summary_description .btn-on .confirmed, .stage_selectable .stage_options button.active .bug_summary_description .confirmed, .bug_summary_description .stage_selectable .stage_options button.active .confirmed, .btn-success .normal_list .no_tags.active, .normal_list .btn-success .no_tags.active, .btn-on .normal_list .no_tags.active, .normal_list .btn-on .no_tags.active, .stage_selectable .stage_options button.active .normal_list .no_tags.active, .normal_list .stage_selectable .stage_options button.active .no_tags.active {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover, a .btn-info.location:hover, .link .btn-info.location:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled, .request_list .challenge_request_hmm.removing button.btn-info, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge, .btn-info .event_listing .best_of_small, .event_listing .btn-info .best_of_small, .btn-info .bug_category, .btn-info .bug_summary_description .confirmed, .bug_summary_description .btn-info .confirmed, .btn-info .normal_list .no_tags.active, .normal_list .btn-info .no_tags.active {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover, a .btn-warning.location:hover, .link .btn-warning.location:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled, .request_list .challenge_request_hmm.removing button.btn-warning, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge, .btn-warning .event_listing .best_of_small, .event_listing .btn-warning .best_of_small, .btn-warning .bug_category, .btn-warning .bug_summary_description .confirmed, .bug_summary_description .btn-warning .confirmed, .btn-warning .normal_list .no_tags.active, .normal_list .btn-warning .no_tags.active {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger, .btn-off, .stage_selectable .stage_options button {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover, a .btn-danger.location:hover, .link .btn-danger.location:hover, .btn-off:hover, a .btn-off.location:hover, .link .btn-off.location:hover, .stage_selectable .stage_options button:hover, .btn-danger:focus, .btn-off:focus, .stage_selectable .stage_options button:focus, .btn-danger:active, .btn-off:active, .stage_selectable .stage_options button:active, .btn-danger.active, .active.btn-off, .stage_selectable .stage_options button.active, .open > .dropdown-toggle.btn-danger, .open > .dropdown-toggle.btn-off, .stage_selectable .stage_options .open > button.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active, .btn-off:active, .stage_selectable .stage_options button:active, .btn-danger.active, .active.btn-off, .stage_selectable .stage_options button.active, .open > .dropdown-toggle.btn-danger, .open > .dropdown-toggle.btn-off, .stage_selectable .stage_options .open > button.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled, .disabled.btn-off, .stage_selectable .stage_options button.disabled, .request_list .challenge_request_hmm.removing button.btn-danger, .request_list .challenge_request_hmm.removing button.btn-off, .stage_selectable .stage_options .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .stage_selectable .stage_options button, .btn-danger[disabled], [disabled].btn-off, .stage_selectable .stage_options button[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-off, fieldset[disabled] .stage_selectable .stage_options button, .stage_selectable .stage_options fieldset[disabled] button, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge, .btn-danger .event_listing .best_of_small, .event_listing .btn-danger .best_of_small, .btn-off .badge, .btn-off .event_listing .best_of_small, .event_listing .btn-off .best_of_small, .stage_selectable .stage_options button .badge, .stage_selectable .stage_options button .event_listing .best_of_small, .event_listing .stage_selectable .stage_options button .best_of_small, .btn-danger .bug_category, .btn-off .bug_category, .stage_selectable .stage_options button .bug_category, .btn-danger .bug_summary_description .confirmed, .bug_summary_description .btn-danger .confirmed, .btn-off .bug_summary_description .confirmed, .bug_summary_description .btn-off .confirmed, .stage_selectable .stage_options button .bug_summary_description .confirmed, .bug_summary_description .stage_selectable .stage_options button .confirmed, .btn-danger .normal_list .no_tags.active, .normal_list .btn-danger .no_tags.active, .btn-off .normal_list .no_tags.active, .normal_list .btn-off .no_tags.active, .stage_selectable .stage_options button .normal_list .no_tags.active, .normal_list .stage_selectable .stage_options button .no_tags.active {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link, .btn-link:hover, a .btn-link.location:hover, .link .btn-link.location:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}

.btn-link:hover, a .btn-link.location:hover, .link .btn-link.location:hover, .btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn, .btn-group-lg > .btn-xs, .possible_aka_listings .btn-group-lg > button, .user_main_info_area .mod_options form .btn-group-lg > button, .btn-group-lg > .btn-sm, .request_list .challenge_request_hmm.removing .btn-group-lg > button, .stage_selectable .stage_options .btn-group-lg > button, body.database_setup .btn-group-lg > input[type=submit], body.database_setup .btn-group-lg > button {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-sm, body.database_setup .skip_to_form input[type=submit], body.database_setup .migrate_to_form input[type=submit], .btn-group-sm > .btn, .btn-group-sm > .btn-xs, .possible_aka_listings .btn-group-sm > button, .user_main_info_area .mod_options form .btn-group-sm > button, .request_list .challenge_request_hmm.removing .btn-group-sm > button, .stage_selectable .stage_options .btn-group-sm > button, body.database_setup .btn-group-sm > input[type=submit], body.database_setup .btn-group-sm > button {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs, .possible_aka_listings button, .user_main_info_area .mod_options form button, .stage_selectable .stage_options button, .btn-group-xs > .btn, .btn-group-xs > .btn-sm, .request_list .challenge_request_hmm.removing .btn-group-xs > button, body.database_setup .btn-group-xs > input[type=submit], body.database_setup .btn-group-xs > button {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a, a .dropdown-menu > li > .location:hover, .link .dropdown-menu > li > .location:hover, .dropdown-menu > li > .link {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, a .dropdown-menu > li > .location:hover, .link .dropdown-menu > li > .location:hover, .dropdown-menu > li > .link:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > .link:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, a .dropdown-menu > .active > .location:hover, .link .dropdown-menu > .active > .location:hover, .dropdown-menu > .active > .link, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}

.dropdown-menu > .disabled > a, a .dropdown-menu > .disabled > .location:hover, .link .dropdown-menu > .disabled > .location:hover, .dropdown-menu > .disabled > .link, .request_list .challenge_request_hmm.removing .dropdown-menu > button > a, .request_list .challenge_request_hmm.removing a .dropdown-menu > button > .location:hover, a .request_list .challenge_request_hmm.removing .dropdown-menu > button > .location:hover, .request_list .challenge_request_hmm.removing .link .dropdown-menu > button > .location:hover, .link .request_list .challenge_request_hmm.removing .dropdown-menu > button > .location:hover, .request_list .challenge_request_hmm.removing .dropdown-menu > button > .link, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777;
}

.dropdown-menu > .disabled > a:hover, a .dropdown-menu > .disabled > .location:hover, .link .dropdown-menu > .disabled > .location:hover, .dropdown-menu > .disabled > .link:hover, .request_list .challenge_request_hmm.removing .dropdown-menu > button > a:hover, .request_list .challenge_request_hmm.removing a .dropdown-menu > button > .location:hover, a .request_list .challenge_request_hmm.removing .dropdown-menu > button > .location:hover, .request_list .challenge_request_hmm.removing .link .dropdown-menu > button > .location:hover, .link .request_list .challenge_request_hmm.removing .dropdown-menu > button > .location:hover, .request_list .challenge_request_hmm.removing .dropdown-menu > button > .link:hover, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > .link:focus, .request_list .challenge_request_hmm.removing .dropdown-menu > button > a:focus, .request_list .challenge_request_hmm.removing .dropdown-menu > button > .link:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open > .dropdown-menu {
  display: block;
}

.open > a, a .open > .location:hover, .link .open > .location:hover, .open > .link {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn, .btn-group > .btn-xs, .possible_aka_listings .btn-group > button, .user_main_info_area .mod_options form .btn-group > button, .btn-group > .btn-sm, .request_list .challenge_request_hmm.removing .btn-group > button, .stage_selectable .stage_options .btn-group > button, body.database_setup .btn-group > input[type=submit], body.database_setup .btn-group > button, .btn-group-vertical > .btn, .btn-group-vertical > .btn-xs, .possible_aka_listings .btn-group-vertical > button, .user_main_info_area .mod_options form .btn-group-vertical > button, .btn-group-vertical > .btn-sm, .request_list .challenge_request_hmm.removing .btn-group-vertical > button, .stage_selectable .stage_options .btn-group-vertical > button, body.database_setup .btn-group-vertical > input[type=submit], body.database_setup .btn-group-vertical > button {
  position: relative;
  float: left;
}

.btn-group > .btn:hover, .btn-group > .btn-xs:hover, .possible_aka_listings .btn-group > button:hover, .user_main_info_area .mod_options form .btn-group > button:hover, .btn-group > .btn-sm:hover, .request_list .challenge_request_hmm.removing .btn-group > button:hover, .stage_selectable .stage_options .btn-group > button:hover, body.database_setup .btn-group > input[type=submit]:hover, body.database_setup .btn-group > button:hover, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn-xs:hover, .possible_aka_listings .btn-group-vertical > button:hover, .user_main_info_area .mod_options form .btn-group-vertical > button:hover, .btn-group-vertical > .btn-sm:hover, .request_list .challenge_request_hmm.removing .btn-group-vertical > button:hover, .stage_selectable .stage_options .btn-group-vertical > button:hover, body.database_setup .btn-group-vertical > input[type=submit]:hover, body.database_setup .btn-group-vertical > button:hover, .btn-group > .btn:focus, .btn-group > .btn-xs:focus, .possible_aka_listings .btn-group > button:focus, .user_main_info_area .mod_options form .btn-group > button:focus, .btn-group > .btn-sm:focus, .request_list .challenge_request_hmm.removing .btn-group > button:focus, .stage_selectable .stage_options .btn-group > button:focus, body.database_setup .btn-group > input[type=submit]:focus, body.database_setup .btn-group > button:focus, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn-xs:focus, .possible_aka_listings .btn-group-vertical > button:focus, .user_main_info_area .mod_options form .btn-group-vertical > button:focus, .btn-group-vertical > .btn-sm:focus, .request_list .challenge_request_hmm.removing .btn-group-vertical > button:focus, .stage_selectable .stage_options .btn-group-vertical > button:focus, body.database_setup .btn-group-vertical > input[type=submit]:focus, body.database_setup .btn-group-vertical > button:focus, .btn-group > .btn:active, .btn-group > .btn-xs:active, .possible_aka_listings .btn-group > button:active, .user_main_info_area .mod_options form .btn-group > button:active, .btn-group > .btn-sm:active, .request_list .challenge_request_hmm.removing .btn-group > button:active, .stage_selectable .stage_options .btn-group > button:active, body.database_setup .btn-group > input[type=submit]:active, body.database_setup .btn-group > button:active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn-xs:active, .possible_aka_listings .btn-group-vertical > button:active, .user_main_info_area .mod_options form .btn-group-vertical > button:active, .btn-group-vertical > .btn-sm:active, .request_list .challenge_request_hmm.removing .btn-group-vertical > button:active, .stage_selectable .stage_options .btn-group-vertical > button:active, body.database_setup .btn-group-vertical > input[type=submit]:active, body.database_setup .btn-group-vertical > button:active, .btn-group > .btn.active, .btn-group > .active.btn-xs, .possible_aka_listings .btn-group > button.active, .user_main_info_area .mod_options form .btn-group > button.active, .btn-group > .active.btn-sm, .request_list .challenge_request_hmm.removing .btn-group > button.active, .stage_selectable .stage_options .btn-group > button.active, body.database_setup .btn-group > input.active[type=submit], body.database_setup .btn-group > button.active, .btn-group-vertical > .btn.active, .btn-group-vertical > .active.btn-xs, .possible_aka_listings .btn-group-vertical > button.active, .user_main_info_area .mod_options form .btn-group-vertical > button.active, .btn-group-vertical > .active.btn-sm, .request_list .challenge_request_hmm.removing .btn-group-vertical > button.active, .stage_selectable .stage_options .btn-group-vertical > button.active, body.database_setup .btn-group-vertical > input.active[type=submit], body.database_setup .btn-group-vertical > button.active {
  z-index: 2;
}

.btn-group > .btn:focus, .btn-group > .btn-xs:focus, .possible_aka_listings .btn-group > button:focus, .user_main_info_area .mod_options form .btn-group > button:focus, .btn-group > .btn-sm:focus, .request_list .challenge_request_hmm.removing .btn-group > button:focus, .stage_selectable .stage_options .btn-group > button:focus, body.database_setup .btn-group > input[type=submit]:focus, body.database_setup .btn-group > button:focus, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn-xs:focus, .possible_aka_listings .btn-group-vertical > button:focus, .user_main_info_area .mod_options form .btn-group-vertical > button:focus, .btn-group-vertical > .btn-sm:focus, .request_list .challenge_request_hmm.removing .btn-group-vertical > button:focus, .stage_selectable .stage_options .btn-group-vertical > button:focus, body.database_setup .btn-group-vertical > input[type=submit]:focus, body.database_setup .btn-group-vertical > button:focus {
  outline: 0;
}

.btn-group .btn + .btn, .btn-group .btn-xs + .btn, .btn-group .possible_aka_listings button + .btn, .possible_aka_listings .btn-group button + .btn, .btn-group .user_main_info_area .mod_options form button + .btn, .user_main_info_area .mod_options form .btn-group button + .btn, .btn-group .btn-sm + .btn, .btn-group .request_list .challenge_request_hmm.removing button + .btn, .request_list .challenge_request_hmm.removing .btn-group button + .btn, .btn-group .stage_selectable .stage_options button + .btn, .stage_selectable .stage_options .btn-group button + .btn, .btn-group body.database_setup input[type=submit] + .btn, body.database_setup .btn-group input[type=submit] + .btn, .btn-group body.database_setup button + .btn, body.database_setup .btn-group button + .btn, .btn-group body.database_setup .skip_to_form input[type=submit] + .btn, body.database_setup .skip_to_form .btn-group input[type=submit] + .btn, .btn-group body.database_setup .migrate_to_form input[type=submit] + .btn, body.database_setup .migrate_to_form .btn-group input[type=submit] + .btn, .btn-group .btn + .btn-xs, .btn-group .possible_aka_listings .btn + button, .possible_aka_listings .btn-group .btn + button, .btn-group .user_main_info_area .mod_options form .btn + button, .user_main_info_area .mod_options form .btn-group .btn + button, .btn-group .btn-xs + .btn-xs, .btn-group .possible_aka_listings button + .btn-xs, .possible_aka_listings .btn-group button + .btn-xs, .btn-group .possible_aka_listings .btn-xs + button, .possible_aka_listings .btn-group .btn-xs + button, .btn-group .possible_aka_listings button + button, .possible_aka_listings .btn-group button + button, .btn-group .user_main_info_area .mod_options form button + .btn-xs, .btn-group .user_main_info_area .mod_options form .possible_aka_listings button + button, .possible_aka_listings .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .btn-group button + .btn-xs, .user_main_info_area .mod_options form .btn-group .possible_aka_listings button + button, .possible_aka_listings .user_main_info_area .mod_options form .btn-group button + button, .btn-group .user_main_info_area .mod_options form .btn-xs + button, .btn-group .user_main_info_area .mod_options form .possible_aka_listings button + button, .possible_aka_listings .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .btn-group .btn-xs + button, .user_main_info_area .mod_options form .btn-group .possible_aka_listings button + button, .possible_aka_listings .user_main_info_area .mod_options form .btn-group button + button, .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .btn-group button + button, .btn-group .btn-sm + .btn-xs, .btn-group .possible_aka_listings .btn-sm + button, .possible_aka_listings .btn-group .btn-sm + button, .btn-group .user_main_info_area .mod_options form .btn-sm + button, .user_main_info_area .mod_options form .btn-group .btn-sm + button, .btn-group .request_list .challenge_request_hmm.removing button + .btn-xs, .btn-group .request_list .challenge_request_hmm.removing .possible_aka_listings button + button, .possible_aka_listings .btn-group .request_list .challenge_request_hmm.removing button + button, .btn-group .request_list .challenge_request_hmm.removing .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .btn-group button + .btn-xs, .request_list .challenge_request_hmm.removing .btn-group .possible_aka_listings button + button, .possible_aka_listings .request_list .challenge_request_hmm.removing .btn-group button + button, .request_list .challenge_request_hmm.removing .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .request_list .challenge_request_hmm.removing .btn-group button + button, .btn-group .stage_selectable .stage_options button + .btn-xs, .btn-group .stage_selectable .stage_options .possible_aka_listings button + button, .possible_aka_listings .btn-group .stage_selectable .stage_options button + button, .btn-group .stage_selectable .stage_options .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .btn-group button + .btn-xs, .stage_selectable .stage_options .btn-group .possible_aka_listings button + button, .possible_aka_listings .stage_selectable .stage_options .btn-group button + button, .stage_selectable .stage_options .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .stage_selectable .stage_options .btn-group button + button, .btn-group body.database_setup input[type=submit] + .btn-xs, .btn-group body.database_setup .possible_aka_listings input[type=submit] + button, .possible_aka_listings .btn-group body.database_setup input[type=submit] + button, .btn-group body.database_setup .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form .btn-group body.database_setup input[type=submit] + button, body.database_setup .btn-group input[type=submit] + .btn-xs, body.database_setup .btn-group .possible_aka_listings input[type=submit] + button, .possible_aka_listings body.database_setup .btn-group input[type=submit] + button, body.database_setup .btn-group .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .btn-group input[type=submit] + button, .btn-group body.database_setup button + .btn-xs, .btn-group body.database_setup .possible_aka_listings button + button, .possible_aka_listings .btn-group body.database_setup button + button, .btn-group body.database_setup .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .btn-group body.database_setup button + button, body.database_setup .btn-group button + .btn-xs, body.database_setup .btn-group .possible_aka_listings button + button, .possible_aka_listings body.database_setup .btn-group button + button, body.database_setup .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form body.database_setup .btn-group button + button, .btn-group body.database_setup .skip_to_form input[type=submit] + .btn-xs, .btn-group body.database_setup .skip_to_form .possible_aka_listings input[type=submit] + button, .possible_aka_listings .btn-group body.database_setup .skip_to_form input[type=submit] + button, .btn-group body.database_setup .skip_to_form .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form .btn-group body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .btn-group input[type=submit] + .btn-xs, body.database_setup .skip_to_form .btn-group .possible_aka_listings input[type=submit] + button, .possible_aka_listings body.database_setup .skip_to_form .btn-group input[type=submit] + button, body.database_setup .skip_to_form .btn-group .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .skip_to_form .btn-group input[type=submit] + button, .btn-group body.database_setup .migrate_to_form input[type=submit] + .btn-xs, .btn-group body.database_setup .migrate_to_form .possible_aka_listings input[type=submit] + button, .possible_aka_listings .btn-group body.database_setup .migrate_to_form input[type=submit] + button, .btn-group body.database_setup .migrate_to_form .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form .btn-group body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .btn-group input[type=submit] + .btn-xs, body.database_setup .migrate_to_form .btn-group .possible_aka_listings input[type=submit] + button, .possible_aka_listings body.database_setup .migrate_to_form .btn-group input[type=submit] + button, body.database_setup .migrate_to_form .btn-group .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .migrate_to_form .btn-group input[type=submit] + button, .btn-group .btn + .btn-sm, .btn-group .btn-xs + .btn-sm, .btn-group .possible_aka_listings button + .btn-sm, .possible_aka_listings .btn-group button + .btn-sm, .btn-group .user_main_info_area .mod_options form button + .btn-sm, .user_main_info_area .mod_options form .btn-group button + .btn-sm, .btn-group .btn-sm + .btn-sm, .btn-group .request_list .challenge_request_hmm.removing button + .btn-sm, .request_list .challenge_request_hmm.removing .btn-group button + .btn-sm, .btn-group .stage_selectable .stage_options button + .btn-sm, .stage_selectable .stage_options .btn-group button + .btn-sm, .btn-group body.database_setup input[type=submit] + .btn-sm, body.database_setup .btn-group input[type=submit] + .btn-sm, .btn-group body.database_setup button + .btn-sm, body.database_setup .btn-group button + .btn-sm, .btn-group body.database_setup .skip_to_form input[type=submit] + .btn-sm, body.database_setup .skip_to_form .btn-group input[type=submit] + .btn-sm, .btn-group body.database_setup .migrate_to_form input[type=submit] + .btn-sm, body.database_setup .migrate_to_form .btn-group input[type=submit] + .btn-sm, .btn-group .request_list .challenge_request_hmm.removing .btn + button, .request_list .challenge_request_hmm.removing .btn-group .btn + button, .btn-group .request_list .challenge_request_hmm.removing .btn-xs + button, .btn-group .request_list .challenge_request_hmm.removing .possible_aka_listings button + button, .possible_aka_listings .btn-group .request_list .challenge_request_hmm.removing button + button, .btn-group .request_list .challenge_request_hmm.removing .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .btn-group .btn-xs + button, .request_list .challenge_request_hmm.removing .btn-group .possible_aka_listings button + button, .possible_aka_listings .request_list .challenge_request_hmm.removing .btn-group button + button, .request_list .challenge_request_hmm.removing .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .request_list .challenge_request_hmm.removing .btn-group button + button, .btn-group .request_list .challenge_request_hmm.removing .btn-sm + button, .request_list .challenge_request_hmm.removing .btn-group .btn-sm + button, .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .btn-group button + button, .btn-group .stage_selectable .stage_options .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .stage_selectable .stage_options .btn-group button + button, .btn-group body.database_setup .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing .btn-group body.database_setup input[type=submit] + button, body.database_setup .btn-group .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .btn-group input[type=submit] + button, .btn-group body.database_setup .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .btn-group body.database_setup button + button, body.database_setup .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing body.database_setup .btn-group button + button, .btn-group body.database_setup .skip_to_form .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing .btn-group body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .btn-group .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .skip_to_form .btn-group input[type=submit] + button, .btn-group body.database_setup .migrate_to_form .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing .btn-group body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .btn-group .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .migrate_to_form .btn-group input[type=submit] + button, .btn-group .stage_selectable .stage_options .btn + button, .stage_selectable .stage_options .btn-group .btn + button, .btn-group .stage_selectable .stage_options .btn-xs + button, .btn-group .stage_selectable .stage_options .possible_aka_listings button + button, .possible_aka_listings .btn-group .stage_selectable .stage_options button + button, .btn-group .stage_selectable .stage_options .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .btn-group .btn-xs + button, .stage_selectable .stage_options .btn-group .possible_aka_listings button + button, .possible_aka_listings .stage_selectable .stage_options .btn-group button + button, .stage_selectable .stage_options .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .stage_selectable .stage_options .btn-group button + button, .btn-group .stage_selectable .stage_options .btn-sm + button, .stage_selectable .stage_options .btn-group .btn-sm + button, .btn-group .request_list .challenge_request_hmm.removing .stage_selectable .stage_options button + button, .stage_selectable .stage_options .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .request_list .challenge_request_hmm.removing .btn-group button + button, .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .btn-group button + button, .btn-group body.database_setup .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options .btn-group body.database_setup input[type=submit] + button, body.database_setup .btn-group .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options body.database_setup .btn-group input[type=submit] + button, .btn-group body.database_setup .stage_selectable .stage_options button + button, .stage_selectable .stage_options .btn-group body.database_setup button + button, body.database_setup .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options body.database_setup .btn-group button + button, .btn-group body.database_setup .skip_to_form .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options .btn-group body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .btn-group .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options body.database_setup .skip_to_form .btn-group input[type=submit] + button, .btn-group body.database_setup .migrate_to_form .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options .btn-group body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .btn-group .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options body.database_setup .migrate_to_form .btn-group input[type=submit] + button, .btn-group body.database_setup .btn + input[type=submit], body.database_setup .btn-group .btn + input[type=submit], .btn-group body.database_setup .btn-xs + input[type=submit], .btn-group body.database_setup .possible_aka_listings button + input[type=submit], .possible_aka_listings .btn-group body.database_setup button + input[type=submit], .btn-group body.database_setup .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form .btn-group body.database_setup button + input[type=submit], body.database_setup .btn-group .btn-xs + input[type=submit], body.database_setup .btn-group .possible_aka_listings button + input[type=submit], .possible_aka_listings body.database_setup .btn-group button + input[type=submit], body.database_setup .btn-group .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .btn-group button + input[type=submit], .btn-group body.database_setup .btn-sm + input[type=submit], body.database_setup .btn-group .btn-sm + input[type=submit], .btn-group .request_list .challenge_request_hmm.removing body.database_setup button + input[type=submit], body.database_setup .btn-group .request_list .challenge_request_hmm.removing button + input[type=submit], .request_list .challenge_request_hmm.removing .btn-group body.database_setup button + input[type=submit], body.database_setup .request_list .challenge_request_hmm.removing .btn-group button + input[type=submit], .btn-group .stage_selectable .stage_options body.database_setup button + input[type=submit], body.database_setup .btn-group .stage_selectable .stage_options button + input[type=submit], .stage_selectable .stage_options .btn-group body.database_setup button + input[type=submit], body.database_setup .stage_selectable .stage_options .btn-group button + input[type=submit], .btn-group body.database_setup input[type=submit] + input[type=submit], body.database_setup .btn-group input[type=submit] + input[type=submit], .btn-group body.database_setup button + input[type=submit], body.database_setup .btn-group button + input[type=submit], .btn-group body.database_setup .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .btn-group input[type=submit] + input[type=submit], .btn-group body.database_setup .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .btn-group input[type=submit] + input[type=submit], .btn-group body.database_setup .btn + button, body.database_setup .btn-group .btn + button, .btn-group body.database_setup .btn-xs + button, .btn-group body.database_setup .possible_aka_listings button + button, .possible_aka_listings .btn-group body.database_setup button + button, .btn-group body.database_setup .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .btn-group body.database_setup button + button, body.database_setup .btn-group .btn-xs + button, body.database_setup .btn-group .possible_aka_listings button + button, .possible_aka_listings body.database_setup .btn-group button + button, body.database_setup .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form body.database_setup .btn-group button + button, .btn-group body.database_setup .btn-sm + button, body.database_setup .btn-group .btn-sm + button, .btn-group .request_list .challenge_request_hmm.removing body.database_setup button + button, body.database_setup .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .btn-group body.database_setup button + button, body.database_setup .request_list .challenge_request_hmm.removing .btn-group button + button, .btn-group .stage_selectable .stage_options body.database_setup button + button, body.database_setup .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .btn-group body.database_setup button + button, body.database_setup .stage_selectable .stage_options .btn-group button + button, .btn-group body.database_setup input[type=submit] + button, body.database_setup .btn-group input[type=submit] + button, .btn-group body.database_setup button + button, body.database_setup .btn-group button + button, .btn-group body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .btn-group input[type=submit] + button, .btn-group body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .btn-group input[type=submit] + button, .btn-group body.database_setup .skip_to_form .btn + input[type=submit], body.database_setup .skip_to_form .btn-group .btn + input[type=submit], .btn-group body.database_setup .skip_to_form .btn-xs + input[type=submit], .btn-group body.database_setup .skip_to_form .possible_aka_listings button + input[type=submit], .possible_aka_listings .btn-group body.database_setup .skip_to_form button + input[type=submit], .btn-group body.database_setup .skip_to_form .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form .btn-group body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .btn-group .btn-xs + input[type=submit], body.database_setup .skip_to_form .btn-group .possible_aka_listings button + input[type=submit], .possible_aka_listings body.database_setup .skip_to_form .btn-group button + input[type=submit], body.database_setup .skip_to_form .btn-group .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .skip_to_form .btn-group button + input[type=submit], .btn-group body.database_setup .skip_to_form .btn-sm + input[type=submit], body.database_setup .skip_to_form .btn-group .btn-sm + input[type=submit], .btn-group .request_list .challenge_request_hmm.removing body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .btn-group .request_list .challenge_request_hmm.removing button + input[type=submit], .request_list .challenge_request_hmm.removing .btn-group body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .request_list .challenge_request_hmm.removing .btn-group button + input[type=submit], .btn-group .stage_selectable .stage_options body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .btn-group .stage_selectable .stage_options button + input[type=submit], .stage_selectable .stage_options .btn-group body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .stage_selectable .stage_options .btn-group button + input[type=submit], .btn-group body.database_setup .skip_to_form input[type=submit] + input[type=submit], body.database_setup .btn-group .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .btn-group input[type=submit] + input[type=submit], .btn-group body.database_setup .skip_to_form button + input[type=submit], body.database_setup .btn-group .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .btn-group button + input[type=submit], .btn-group body.database_setup .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .btn-group input[type=submit] + input[type=submit], .btn-group body.database_setup .migrate_to_form .skip_to_form input[type=submit] + input[type=submit], .btn-group body.database_setup .skip_to_form .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .btn-group .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .migrate_to_form .btn-group input[type=submit] + input[type=submit], .btn-group body.database_setup .migrate_to_form .btn + input[type=submit], body.database_setup .migrate_to_form .btn-group .btn + input[type=submit], .btn-group body.database_setup .migrate_to_form .btn-xs + input[type=submit], .btn-group body.database_setup .migrate_to_form .possible_aka_listings button + input[type=submit], .possible_aka_listings .btn-group body.database_setup .migrate_to_form button + input[type=submit], .btn-group body.database_setup .migrate_to_form .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form .btn-group body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .btn-group .btn-xs + input[type=submit], body.database_setup .migrate_to_form .btn-group .possible_aka_listings button + input[type=submit], .possible_aka_listings body.database_setup .migrate_to_form .btn-group button + input[type=submit], body.database_setup .migrate_to_form .btn-group .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .migrate_to_form .btn-group button + input[type=submit], .btn-group body.database_setup .migrate_to_form .btn-sm + input[type=submit], body.database_setup .migrate_to_form .btn-group .btn-sm + input[type=submit], .btn-group .request_list .challenge_request_hmm.removing body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .btn-group .request_list .challenge_request_hmm.removing button + input[type=submit], .request_list .challenge_request_hmm.removing .btn-group body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .request_list .challenge_request_hmm.removing .btn-group button + input[type=submit], .btn-group .stage_selectable .stage_options body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .btn-group .stage_selectable .stage_options button + input[type=submit], .stage_selectable .stage_options .btn-group body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .stage_selectable .stage_options .btn-group button + input[type=submit], .btn-group body.database_setup .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .btn-group .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .btn-group input[type=submit] + input[type=submit], .btn-group body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .btn-group .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .btn-group button + input[type=submit], .btn-group body.database_setup .skip_to_form .migrate_to_form input[type=submit] + input[type=submit], .btn-group body.database_setup .migrate_to_form .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .btn-group .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .skip_to_form .btn-group input[type=submit] + input[type=submit], .btn-group body.database_setup .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .btn-group input[type=submit] + input[type=submit], .btn-group .btn + .btn-group, .btn-group .btn-xs + .btn-group, .btn-group .possible_aka_listings button + .btn-group, .possible_aka_listings .btn-group button + .btn-group, .btn-group .user_main_info_area .mod_options form button + .btn-group, .user_main_info_area .mod_options form .btn-group button + .btn-group, .btn-group .btn-sm + .btn-group, .btn-group .request_list .challenge_request_hmm.removing button + .btn-group, .request_list .challenge_request_hmm.removing .btn-group button + .btn-group, .btn-group .stage_selectable .stage_options button + .btn-group, .stage_selectable .stage_options .btn-group button + .btn-group, .btn-group body.database_setup input[type=submit] + .btn-group, body.database_setup .btn-group input[type=submit] + .btn-group, .btn-group body.database_setup button + .btn-group, body.database_setup .btn-group button + .btn-group, .btn-group body.database_setup .skip_to_form input[type=submit] + .btn-group, body.database_setup .skip_to_form .btn-group input[type=submit] + .btn-group, .btn-group body.database_setup .migrate_to_form input[type=submit] + .btn-group, body.database_setup .migrate_to_form .btn-group input[type=submit] + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-xs, .btn-group .possible_aka_listings .btn-group + button, .possible_aka_listings .btn-group .btn-group + button, .btn-group .user_main_info_area .mod_options form .btn-group + button, .user_main_info_area .mod_options form .btn-group .btn-group + button, .btn-group .btn-group + .btn-sm, .btn-group .request_list .challenge_request_hmm.removing .btn-group + button, .request_list .challenge_request_hmm.removing .btn-group .btn-group + button, .btn-group .stage_selectable .stage_options .btn-group + button, .stage_selectable .stage_options .btn-group .btn-group + button, .btn-group body.database_setup .btn-group + input[type=submit], body.database_setup .btn-group .btn-group + input[type=submit], .btn-group body.database_setup .btn-group + button, body.database_setup .btn-group .btn-group + button, .btn-group body.database_setup .skip_to_form .btn-group + input[type=submit], body.database_setup .skip_to_form .btn-group .btn-group + input[type=submit], .btn-group body.database_setup .migrate_to_form .btn-group + input[type=submit], body.database_setup .migrate_to_form .btn-group .btn-group + input[type=submit], .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar .btn-group, .btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn, .btn-toolbar > .btn-xs, .possible_aka_listings .btn-toolbar > button, .user_main_info_area .mod_options form .btn-toolbar > button, .btn-toolbar > .btn-sm, .request_list .challenge_request_hmm.removing .btn-toolbar > button, .stage_selectable .stage_options .btn-toolbar > button, body.database_setup .btn-toolbar > input[type=submit], body.database_setup .btn-toolbar > button, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .btn-xs:not(:first-child):not(:last-child):not(.dropdown-toggle), .possible_aka_listings .btn-group > button:not(:first-child):not(:last-child):not(.dropdown-toggle), .user_main_info_area .mod_options form .btn-group > button:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .btn-sm:not(:first-child):not(:last-child):not(.dropdown-toggle), .request_list .challenge_request_hmm.removing .btn-group > button:not(:first-child):not(:last-child):not(.dropdown-toggle), .stage_selectable .stage_options .btn-group > button:not(:first-child):not(:last-child):not(.dropdown-toggle), body.database_setup .btn-group > input[type=submit]:not(:first-child):not(:last-child):not(.dropdown-toggle), body.database_setup .btn-group > button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child, .btn-group > .btn-xs:first-child, .possible_aka_listings .btn-group > button:first-child, .user_main_info_area .mod_options form .btn-group > button:first-child, .btn-group > .btn-sm:first-child, .request_list .challenge_request_hmm.removing .btn-group > button:first-child, .stage_selectable .stage_options .btn-group > button:first-child, body.database_setup .btn-group > input[type=submit]:first-child, body.database_setup .btn-group > button:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-xs:first-child:not(:last-child):not(.dropdown-toggle), .possible_aka_listings .btn-group > button:first-child:not(:last-child):not(.dropdown-toggle), .user_main_info_area .mod_options form .btn-group > button:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-sm:first-child:not(:last-child):not(.dropdown-toggle), .request_list .challenge_request_hmm.removing .btn-group > button:first-child:not(:last-child):not(.dropdown-toggle), .stage_selectable .stage_options .btn-group > button:first-child:not(:last-child):not(.dropdown-toggle), body.database_setup .btn-group > input[type=submit]:first-child:not(:last-child):not(.dropdown-toggle), body.database_setup .btn-group > button:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .btn-xs:last-child:not(:first-child), .possible_aka_listings .btn-group > button:last-child:not(:first-child), .user_main_info_area .mod_options form .btn-group > button:last-child:not(:first-child), .btn-group > .btn-sm:last-child:not(:first-child), .request_list .challenge_request_hmm.removing .btn-group > button:last-child:not(:first-child), .stage_selectable .stage_options .btn-group > button:last-child:not(:first-child), body.database_setup .btn-group > input[type=submit]:last-child:not(:first-child), body.database_setup .btn-group > button:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn-xs, .possible_aka_listings .btn-group > .btn-group:not(:first-child):not(:last-child) > button, .user_main_info_area .mod_options form .btn-group > .btn-group:not(:first-child):not(:last-child) > button, .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn-sm, .request_list .challenge_request_hmm.removing .btn-group > .btn-group:not(:first-child):not(:last-child) > button, .stage_selectable .stage_options .btn-group > .btn-group:not(:first-child):not(:last-child) > button, body.database_setup .btn-group > .btn-group:not(:first-child):not(:last-child) > input[type=submit], body.database_setup .btn-group > .btn-group:not(:first-child):not(:last-child) > button {
  border-radius: 0;
}

.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .btn-xs:last-child, .possible_aka_listings .btn-group > .btn-group:first-child > button:last-child, .user_main_info_area .mod_options form .btn-group > .btn-group:first-child > button:last-child, .btn-group > .btn-group:first-child > .btn-sm:last-child, .request_list .challenge_request_hmm.removing .btn-group > .btn-group:first-child > button:last-child, .stage_selectable .stage_options .btn-group > .btn-group:first-child > button:last-child, body.database_setup .btn-group > .btn-group:first-child > input[type=submit]:last-child, body.database_setup .btn-group > .btn-group:first-child > button:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child > .btn:first-child, .btn-group > .btn-group:last-child > .btn-xs:first-child, .possible_aka_listings .btn-group > .btn-group:last-child > button:first-child, .user_main_info_area .mod_options form .btn-group > .btn-group:last-child > button:first-child, .btn-group > .btn-group:last-child > .btn-sm:first-child, .request_list .challenge_request_hmm.removing .btn-group > .btn-group:last-child > button:first-child, .stage_selectable .stage_options .btn-group > .btn-group:last-child > button:first-child, body.database_setup .btn-group > .btn-group:last-child > input[type=submit]:first-child, body.database_setup .btn-group > .btn-group:last-child > button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle, .btn-group > .btn-xs + .dropdown-toggle, .possible_aka_listings .btn-group > button + .dropdown-toggle, .user_main_info_area .mod_options form .btn-group > button + .dropdown-toggle, .btn-group > .btn-sm + .dropdown-toggle, .request_list .challenge_request_hmm.removing .btn-group > button + .dropdown-toggle, .stage_selectable .stage_options .btn-group > button + .dropdown-toggle, body.database_setup .btn-group > input[type=submit] + .dropdown-toggle, body.database_setup .btn-group > button + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret, .btn-xs .caret, .possible_aka_listings button .caret, .user_main_info_area .mod_options form button .caret, .btn-sm .caret, .request_list .challenge_request_hmm.removing button .caret, .stage_selectable .stage_options button .caret, body.database_setup input[type=submit] .caret, body.database_setup button .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-xs, .possible_aka_listings .btn-group-vertical > button, .user_main_info_area .mod_options form .btn-group-vertical > button, .btn-group-vertical > .btn-sm, .request_list .challenge_request_hmm.removing .btn-group-vertical > button, .stage_selectable .stage_options .btn-group-vertical > button, body.database_setup .btn-group-vertical > input[type=submit], body.database_setup .btn-group-vertical > button, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn, .btn-group-vertical > .btn-group > .btn-xs, .possible_aka_listings .btn-group-vertical > .btn-group > button, .user_main_info_area .mod_options form .btn-group-vertical > .btn-group > button, .btn-group-vertical > .btn-group > .btn-sm, .request_list .challenge_request_hmm.removing .btn-group-vertical > .btn-group > button, .stage_selectable .stage_options .btn-group-vertical > .btn-group > button, body.database_setup .btn-group-vertical > .btn-group > input[type=submit], body.database_setup .btn-group-vertical > .btn-group > button {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn, .btn-group-vertical > .btn-group > .btn-xs, .possible_aka_listings .btn-group-vertical > .btn-group > button, .user_main_info_area .mod_options form .btn-group-vertical > .btn-group > button, .btn-group-vertical > .btn-group > .btn-sm, .request_list .challenge_request_hmm.removing .btn-group-vertical > .btn-group > button, .stage_selectable .stage_options .btn-group-vertical > .btn-group > button, body.database_setup .btn-group-vertical > .btn-group > input[type=submit], body.database_setup .btn-group-vertical > .btn-group > button {
  float: none;
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn-xs + .btn, .possible_aka_listings .btn-group-vertical > button + .btn, .user_main_info_area .mod_options form .btn-group-vertical > button + .btn, .btn-group-vertical > .btn-sm + .btn, .request_list .challenge_request_hmm.removing .btn-group-vertical > button + .btn, .stage_selectable .stage_options .btn-group-vertical > button + .btn, body.database_setup .btn-group-vertical > input[type=submit] + .btn, body.database_setup .btn-group-vertical > button + .btn, body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + .btn, body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + .btn, .btn-group-vertical > .btn + .btn-xs, .possible_aka_listings .btn-group-vertical > .btn + button, .user_main_info_area .mod_options form .btn-group-vertical > .btn + button, .btn-group-vertical > .btn-xs + .btn-xs, .possible_aka_listings .btn-group-vertical > button + .btn-xs, .possible_aka_listings .btn-group-vertical > .btn-xs + button, .possible_aka_listings .btn-group-vertical > button + button, .user_main_info_area .mod_options form .btn-group-vertical > button + .btn-xs, .user_main_info_area .mod_options form .possible_aka_listings .btn-group-vertical > button + button, .possible_aka_listings .user_main_info_area .mod_options form .btn-group-vertical > button + button, .user_main_info_area .mod_options form .btn-group-vertical > .btn-xs + button, .user_main_info_area .mod_options form .possible_aka_listings .btn-group-vertical > button + button, .possible_aka_listings .user_main_info_area .mod_options form .btn-group-vertical > button + button, .user_main_info_area .mod_options form .btn-group-vertical > button + button, .btn-group-vertical > .btn-sm + .btn-xs, .possible_aka_listings .btn-group-vertical > .btn-sm + button, .user_main_info_area .mod_options form .btn-group-vertical > .btn-sm + button, .request_list .challenge_request_hmm.removing .btn-group-vertical > button + .btn-xs, .request_list .challenge_request_hmm.removing .possible_aka_listings .btn-group-vertical > button + button, .possible_aka_listings .request_list .challenge_request_hmm.removing .btn-group-vertical > button + button, .request_list .challenge_request_hmm.removing .user_main_info_area .mod_options form .btn-group-vertical > button + button, .user_main_info_area .mod_options form .request_list .challenge_request_hmm.removing .btn-group-vertical > button + button, .stage_selectable .stage_options .btn-group-vertical > button + .btn-xs, .stage_selectable .stage_options .possible_aka_listings .btn-group-vertical > button + button, .possible_aka_listings .stage_selectable .stage_options .btn-group-vertical > button + button, .stage_selectable .stage_options .user_main_info_area .mod_options form .btn-group-vertical > button + button, .user_main_info_area .mod_options form .stage_selectable .stage_options .btn-group-vertical > button + button, body.database_setup .btn-group-vertical > input[type=submit] + .btn-xs, body.database_setup .possible_aka_listings .btn-group-vertical > input[type=submit] + button, .possible_aka_listings body.database_setup .btn-group-vertical > input[type=submit] + button, body.database_setup .user_main_info_area .mod_options form .btn-group-vertical > input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .btn-group-vertical > input[type=submit] + button, body.database_setup .btn-group-vertical > button + .btn-xs, body.database_setup .possible_aka_listings .btn-group-vertical > button + button, .possible_aka_listings body.database_setup .btn-group-vertical > button + button, body.database_setup .user_main_info_area .mod_options form .btn-group-vertical > button + button, .user_main_info_area .mod_options form body.database_setup .btn-group-vertical > button + button, body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + .btn-xs, body.database_setup .skip_to_form .possible_aka_listings .btn-group-vertical > input[type=submit] + button, .possible_aka_listings body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + button, body.database_setup .skip_to_form .user_main_info_area .mod_options form .btn-group-vertical > input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + button, body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + .btn-xs, body.database_setup .migrate_to_form .possible_aka_listings .btn-group-vertical > input[type=submit] + button, .possible_aka_listings body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + button, body.database_setup .migrate_to_form .user_main_info_area .mod_options form .btn-group-vertical > input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + button, .btn-group-vertical > .btn + .btn-sm, .btn-group-vertical > .btn-xs + .btn-sm, .possible_aka_listings .btn-group-vertical > button + .btn-sm, .user_main_info_area .mod_options form .btn-group-vertical > button + .btn-sm, .btn-group-vertical > .btn-sm + .btn-sm, .request_list .challenge_request_hmm.removing .btn-group-vertical > button + .btn-sm, .stage_selectable .stage_options .btn-group-vertical > button + .btn-sm, body.database_setup .btn-group-vertical > input[type=submit] + .btn-sm, body.database_setup .btn-group-vertical > button + .btn-sm, body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + .btn-sm, body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + .btn-sm, .request_list .challenge_request_hmm.removing .btn-group-vertical > .btn + button, .request_list .challenge_request_hmm.removing .btn-group-vertical > .btn-xs + button, .request_list .challenge_request_hmm.removing .possible_aka_listings .btn-group-vertical > button + button, .possible_aka_listings .request_list .challenge_request_hmm.removing .btn-group-vertical > button + button, .request_list .challenge_request_hmm.removing .user_main_info_area .mod_options form .btn-group-vertical > button + button, .user_main_info_area .mod_options form .request_list .challenge_request_hmm.removing .btn-group-vertical > button + button, .request_list .challenge_request_hmm.removing .btn-group-vertical > .btn-sm + button, .request_list .challenge_request_hmm.removing .btn-group-vertical > button + button, .stage_selectable .stage_options .request_list .challenge_request_hmm.removing .btn-group-vertical > button + button, .request_list .challenge_request_hmm.removing .stage_selectable .stage_options .btn-group-vertical > button + button, body.database_setup .request_list .challenge_request_hmm.removing .btn-group-vertical > input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .btn-group-vertical > input[type=submit] + button, body.database_setup .request_list .challenge_request_hmm.removing .btn-group-vertical > button + button, .request_list .challenge_request_hmm.removing body.database_setup .btn-group-vertical > button + button, body.database_setup .skip_to_form .request_list .challenge_request_hmm.removing .btn-group-vertical > input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + button, body.database_setup .migrate_to_form .request_list .challenge_request_hmm.removing .btn-group-vertical > input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + button, .stage_selectable .stage_options .btn-group-vertical > .btn + button, .stage_selectable .stage_options .btn-group-vertical > .btn-xs + button, .stage_selectable .stage_options .possible_aka_listings .btn-group-vertical > button + button, .possible_aka_listings .stage_selectable .stage_options .btn-group-vertical > button + button, .stage_selectable .stage_options .user_main_info_area .mod_options form .btn-group-vertical > button + button, .user_main_info_area .mod_options form .stage_selectable .stage_options .btn-group-vertical > button + button, .stage_selectable .stage_options .btn-group-vertical > .btn-sm + button, .request_list .challenge_request_hmm.removing .stage_selectable .stage_options .btn-group-vertical > button + button, .stage_selectable .stage_options .request_list .challenge_request_hmm.removing .btn-group-vertical > button + button, .stage_selectable .stage_options .btn-group-vertical > button + button, body.database_setup .stage_selectable .stage_options .btn-group-vertical > input[type=submit] + button, .stage_selectable .stage_options body.database_setup .btn-group-vertical > input[type=submit] + button, body.database_setup .stage_selectable .stage_options .btn-group-vertical > button + button, .stage_selectable .stage_options body.database_setup .btn-group-vertical > button + button, body.database_setup .skip_to_form .stage_selectable .stage_options .btn-group-vertical > input[type=submit] + button, .stage_selectable .stage_options body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + button, body.database_setup .migrate_to_form .stage_selectable .stage_options .btn-group-vertical > input[type=submit] + button, .stage_selectable .stage_options body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + button, body.database_setup .btn-group-vertical > .btn + input[type=submit], body.database_setup .btn-group-vertical > .btn-xs + input[type=submit], body.database_setup .possible_aka_listings .btn-group-vertical > button + input[type=submit], .possible_aka_listings body.database_setup .btn-group-vertical > button + input[type=submit], body.database_setup .user_main_info_area .mod_options form .btn-group-vertical > button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .btn-group-vertical > button + input[type=submit], body.database_setup .btn-group-vertical > .btn-sm + input[type=submit], .request_list .challenge_request_hmm.removing body.database_setup .btn-group-vertical > button + input[type=submit], body.database_setup .request_list .challenge_request_hmm.removing .btn-group-vertical > button + input[type=submit], .stage_selectable .stage_options body.database_setup .btn-group-vertical > button + input[type=submit], body.database_setup .stage_selectable .stage_options .btn-group-vertical > button + input[type=submit], body.database_setup .btn-group-vertical > input[type=submit] + input[type=submit], body.database_setup .btn-group-vertical > button + input[type=submit], body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + input[type=submit], body.database_setup .btn-group-vertical > .btn + button, body.database_setup .btn-group-vertical > .btn-xs + button, body.database_setup .possible_aka_listings .btn-group-vertical > button + button, .possible_aka_listings body.database_setup .btn-group-vertical > button + button, body.database_setup .user_main_info_area .mod_options form .btn-group-vertical > button + button, .user_main_info_area .mod_options form body.database_setup .btn-group-vertical > button + button, body.database_setup .btn-group-vertical > .btn-sm + button, .request_list .challenge_request_hmm.removing body.database_setup .btn-group-vertical > button + button, body.database_setup .request_list .challenge_request_hmm.removing .btn-group-vertical > button + button, .stage_selectable .stage_options body.database_setup .btn-group-vertical > button + button, body.database_setup .stage_selectable .stage_options .btn-group-vertical > button + button, body.database_setup .btn-group-vertical > input[type=submit] + button, body.database_setup .btn-group-vertical > button + button, body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + button, body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + button, body.database_setup .skip_to_form .btn-group-vertical > .btn + input[type=submit], body.database_setup .skip_to_form .btn-group-vertical > .btn-xs + input[type=submit], body.database_setup .skip_to_form .possible_aka_listings .btn-group-vertical > button + input[type=submit], .possible_aka_listings body.database_setup .skip_to_form .btn-group-vertical > button + input[type=submit], body.database_setup .skip_to_form .user_main_info_area .mod_options form .btn-group-vertical > button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .skip_to_form .btn-group-vertical > button + input[type=submit], body.database_setup .skip_to_form .btn-group-vertical > .btn-sm + input[type=submit], .request_list .challenge_request_hmm.removing body.database_setup .skip_to_form .btn-group-vertical > button + input[type=submit], body.database_setup .skip_to_form .request_list .challenge_request_hmm.removing .btn-group-vertical > button + input[type=submit], .stage_selectable .stage_options body.database_setup .skip_to_form .btn-group-vertical > button + input[type=submit], body.database_setup .skip_to_form .stage_selectable .stage_options .btn-group-vertical > button + input[type=submit], body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + input[type=submit], body.database_setup .skip_to_form .btn-group-vertical > button + input[type=submit], body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .skip_to_form .btn-group-vertical > input[type=submit] + input[type=submit], body.database_setup .skip_to_form .migrate_to_form .btn-group-vertical > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .btn-group-vertical > .btn + input[type=submit], body.database_setup .migrate_to_form .btn-group-vertical > .btn-xs + input[type=submit], body.database_setup .migrate_to_form .possible_aka_listings .btn-group-vertical > button + input[type=submit], .possible_aka_listings body.database_setup .migrate_to_form .btn-group-vertical > button + input[type=submit], body.database_setup .migrate_to_form .user_main_info_area .mod_options form .btn-group-vertical > button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .migrate_to_form .btn-group-vertical > button + input[type=submit], body.database_setup .migrate_to_form .btn-group-vertical > .btn-sm + input[type=submit], .request_list .challenge_request_hmm.removing body.database_setup .migrate_to_form .btn-group-vertical > button + input[type=submit], body.database_setup .migrate_to_form .request_list .challenge_request_hmm.removing .btn-group-vertical > button + input[type=submit], .stage_selectable .stage_options body.database_setup .migrate_to_form .btn-group-vertical > button + input[type=submit], body.database_setup .migrate_to_form .stage_selectable .stage_options .btn-group-vertical > button + input[type=submit], body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .btn-group-vertical > button + input[type=submit], body.database_setup .skip_to_form .migrate_to_form .btn-group-vertical > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .skip_to_form .btn-group-vertical > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + input[type=submit], .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-xs + .btn-group, .possible_aka_listings .btn-group-vertical > button + .btn-group, .user_main_info_area .mod_options form .btn-group-vertical > button + .btn-group, .btn-group-vertical > .btn-sm + .btn-group, .request_list .challenge_request_hmm.removing .btn-group-vertical > button + .btn-group, .stage_selectable .stage_options .btn-group-vertical > button + .btn-group, body.database_setup .btn-group-vertical > input[type=submit] + .btn-group, body.database_setup .btn-group-vertical > button + .btn-group, body.database_setup .skip_to_form .btn-group-vertical > input[type=submit] + .btn-group, body.database_setup .migrate_to_form .btn-group-vertical > input[type=submit] + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-xs, .possible_aka_listings .btn-group-vertical > .btn-group + button, .user_main_info_area .mod_options form .btn-group-vertical > .btn-group + button, .btn-group-vertical > .btn-group + .btn-sm, .request_list .challenge_request_hmm.removing .btn-group-vertical > .btn-group + button, .stage_selectable .stage_options .btn-group-vertical > .btn-group + button, body.database_setup .btn-group-vertical > .btn-group + input[type=submit], body.database_setup .btn-group-vertical > .btn-group + button, body.database_setup .skip_to_form .btn-group-vertical > .btn-group + input[type=submit], body.database_setup .migrate_to_form .btn-group-vertical > .btn-group + input[type=submit], .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child), .btn-group-vertical > .btn-xs:not(:first-child):not(:last-child), .possible_aka_listings .btn-group-vertical > button:not(:first-child):not(:last-child), .user_main_info_area .mod_options form .btn-group-vertical > button:not(:first-child):not(:last-child), .btn-group-vertical > .btn-sm:not(:first-child):not(:last-child), .request_list .challenge_request_hmm.removing .btn-group-vertical > button:not(:first-child):not(:last-child), .stage_selectable .stage_options .btn-group-vertical > button:not(:first-child):not(:last-child), body.database_setup .btn-group-vertical > input[type=submit]:not(:first-child):not(:last-child), body.database_setup .btn-group-vertical > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child), .btn-group-vertical > .btn-xs:first-child:not(:last-child), .possible_aka_listings .btn-group-vertical > button:first-child:not(:last-child), .user_main_info_area .mod_options form .btn-group-vertical > button:first-child:not(:last-child), .btn-group-vertical > .btn-sm:first-child:not(:last-child), .request_list .challenge_request_hmm.removing .btn-group-vertical > button:first-child:not(:last-child), .stage_selectable .stage_options .btn-group-vertical > button:first-child:not(:last-child), body.database_setup .btn-group-vertical > input[type=submit]:first-child:not(:last-child), body.database_setup .btn-group-vertical > button:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child), .btn-group-vertical > .btn-xs:last-child:not(:first-child), .possible_aka_listings .btn-group-vertical > button:last-child:not(:first-child), .user_main_info_area .mod_options form .btn-group-vertical > button:last-child:not(:first-child), .btn-group-vertical > .btn-sm:last-child:not(:first-child), .request_list .challenge_request_hmm.removing .btn-group-vertical > button:last-child:not(:first-child), .stage_selectable .stage_options .btn-group-vertical > button:last-child:not(:first-child), body.database_setup .btn-group-vertical > input[type=submit]:last-child:not(:first-child), body.database_setup .btn-group-vertical > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn-xs, .possible_aka_listings .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > button, .user_main_info_area .mod_options form .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > button, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn-sm, .request_list .challenge_request_hmm.removing .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > button, .stage_selectable .stage_options .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > button, body.database_setup .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > input[type=submit], body.database_setup .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > button {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn-xs:last-child, .possible_aka_listings .btn-group-vertical > .btn-group:first-child:not(:last-child) > button:last-child, .user_main_info_area .mod_options form .btn-group-vertical > .btn-group:first-child:not(:last-child) > button:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn-sm:last-child, .request_list .challenge_request_hmm.removing .btn-group-vertical > .btn-group:first-child:not(:last-child) > button:last-child, .stage_selectable .stage_options .btn-group-vertical > .btn-group:first-child:not(:last-child) > button:last-child, body.database_setup .btn-group-vertical > .btn-group:first-child:not(:last-child) > input[type=submit]:last-child, body.database_setup .btn-group-vertical > .btn-group:first-child:not(:last-child) > button:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn-xs:first-child, .possible_aka_listings .btn-group-vertical > .btn-group:last-child:not(:first-child) > button:first-child, .user_main_info_area .mod_options form .btn-group-vertical > .btn-group:last-child:not(:first-child) > button:first-child, .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn-sm:first-child, .request_list .challenge_request_hmm.removing .btn-group-vertical > .btn-group:last-child:not(:first-child) > button:first-child, .stage_selectable .stage_options .btn-group-vertical > .btn-group:last-child:not(:first-child) > button:first-child, body.database_setup .btn-group-vertical > .btn-group:last-child:not(:first-child) > input[type=submit]:first-child, body.database_setup .btn-group-vertical > .btn-group:last-child:not(:first-child) > button:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn, .btn-group-justified > .btn-xs, .possible_aka_listings .btn-group-justified > button, .user_main_info_area .mod_options form .btn-group-justified > button, .btn-group-justified > .btn-sm, .request_list .challenge_request_hmm.removing .btn-group-justified > button, .stage_selectable .stage_options .btn-group-justified > button, body.database_setup .btn-group-justified > input[type=submit], body.database_setup .btn-group-justified > button, .btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}

.btn-group-justified > .btn-group .btn, .btn-group-justified > .btn-group .btn-xs, .btn-group-justified > .btn-group .possible_aka_listings button, .possible_aka_listings .btn-group-justified > .btn-group button, .btn-group-justified > .btn-group .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .btn-group-justified > .btn-group button, .btn-group-justified > .btn-group .btn-sm, .btn-group-justified > .btn-group .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .btn-group-justified > .btn-group button, .btn-group-justified > .btn-group .stage_selectable .stage_options button, .stage_selectable .stage_options .btn-group-justified > .btn-group button, .btn-group-justified > .btn-group body.database_setup input[type=submit], body.database_setup .btn-group-justified > .btn-group input[type=submit], .btn-group-justified > .btn-group body.database_setup button, body.database_setup .btn-group-justified > .btn-group button {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn > input[type=radio], [data-toggle=buttons] > .btn-xs > input[type=radio], .possible_aka_listings [data-toggle=buttons] > button > input[type=radio], .user_main_info_area .mod_options form [data-toggle=buttons] > button > input[type=radio], [data-toggle=buttons] > .btn-sm > input[type=radio], .request_list .challenge_request_hmm.removing [data-toggle=buttons] > button > input[type=radio], .stage_selectable .stage_options [data-toggle=buttons] > button > input[type=radio], body.database_setup [data-toggle=buttons] > input[type=submit] > input[type=radio], body.database_setup [data-toggle=buttons] > button > input[type=radio], [data-toggle=buttons] > .btn > input[type=checkbox], [data-toggle=buttons] > .btn-xs > input[type=checkbox], .possible_aka_listings [data-toggle=buttons] > button > input[type=checkbox], .user_main_info_area .mod_options form [data-toggle=buttons] > button > input[type=checkbox], [data-toggle=buttons] > .btn-sm > input[type=checkbox], .request_list .challenge_request_hmm.removing [data-toggle=buttons] > button > input[type=checkbox], .stage_selectable .stage_options [data-toggle=buttons] > button > input[type=checkbox], body.database_setup [data-toggle=buttons] > input[type=submit] > input[type=checkbox], body.database_setup [data-toggle=buttons] > button > input[type=checkbox] {
  position: absolute;
  z-index: -1;
  filter: alpha(opacity=0);
  opacity: 0;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.input-group .form-control, .input-group .birthday .birthday-picker select, .birthday .birthday-picker .input-group select, .input-group body.database_setup input[type=text], body.database_setup .input-group input[type=text] {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-lg > .form-control, .birthday .birthday-picker .input-group-lg > select, body.database_setup .input-group-lg > input[type=text], .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-group-lg > .input-group-btn > .btn-xs, .possible_aka_listings .input-group-lg > .input-group-btn > button, .user_main_info_area .mod_options form .input-group-lg > .input-group-btn > button, .input-group-lg > .input-group-btn > .btn-sm, .request_list .challenge_request_hmm.removing .input-group-lg > .input-group-btn > button, .stage_selectable .stage_options .input-group-lg > .input-group-btn > button, body.database_setup .input-group-lg > .input-group-btn > input[type=submit], body.database_setup .input-group-lg > .input-group-btn > button {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-group-lg > .form-control, .birthday .birthday-picker select.input-group-lg > select, body.database_setup select.input-group-lg > input[type=text], select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn, select.input-group-lg > .input-group-btn > .btn-xs, .possible_aka_listings select.input-group-lg > .input-group-btn > button, .user_main_info_area .mod_options form select.input-group-lg > .input-group-btn > button, select.input-group-lg > .input-group-btn > .btn-sm, .request_list .challenge_request_hmm.removing select.input-group-lg > .input-group-btn > button, .stage_selectable .stage_options select.input-group-lg > .input-group-btn > button, body.database_setup select.input-group-lg > .input-group-btn > input[type=submit], body.database_setup select.input-group-lg > .input-group-btn > button {
  height: 46px;
  line-height: 46px;
}

textarea.input-group-lg > .form-control, .birthday .birthday-picker textarea.input-group-lg > select, body.database_setup textarea.input-group-lg > input[type=text], textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .input-group-btn > .btn-xs, .possible_aka_listings textarea.input-group-lg > .input-group-btn > button, .user_main_info_area .mod_options form textarea.input-group-lg > .input-group-btn > button, textarea.input-group-lg > .input-group-btn > .btn-sm, .request_list .challenge_request_hmm.removing textarea.input-group-lg > .input-group-btn > button, .stage_selectable .stage_options textarea.input-group-lg > .input-group-btn > button, body.database_setup textarea.input-group-lg > .input-group-btn > input[type=submit], body.database_setup textarea.input-group-lg > .input-group-btn > button, select[multiple].input-group-lg > .form-control, .birthday .birthday-picker select[multiple].input-group-lg > select, body.database_setup select[multiple].input-group-lg > input[type=text], select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .input-group-btn > .btn-xs, .possible_aka_listings select[multiple].input-group-lg > .input-group-btn > button, .user_main_info_area .mod_options form select[multiple].input-group-lg > .input-group-btn > button, select[multiple].input-group-lg > .input-group-btn > .btn-sm, .request_list .challenge_request_hmm.removing select[multiple].input-group-lg > .input-group-btn > button, .stage_selectable .stage_options select[multiple].input-group-lg > .input-group-btn > button, body.database_setup select[multiple].input-group-lg > .input-group-btn > input[type=submit], body.database_setup select[multiple].input-group-lg > .input-group-btn > button {
  height: auto;
}

.input-group-sm > .form-control, .birthday .birthday-picker .input-group-sm > select, body.database_setup .input-group-sm > input[type=text], .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-sm > .input-group-btn > .btn-xs, .possible_aka_listings .input-group-sm > .input-group-btn > button, .user_main_info_area .mod_options form .input-group-sm > .input-group-btn > button, .input-group-sm > .input-group-btn > .btn-sm, .request_list .challenge_request_hmm.removing .input-group-sm > .input-group-btn > button, .stage_selectable .stage_options .input-group-sm > .input-group-btn > button, body.database_setup .input-group-sm > .input-group-btn > input[type=submit], body.database_setup .input-group-sm > .input-group-btn > button {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm > .form-control, .birthday .birthday-picker select.input-group-sm > select, body.database_setup select.input-group-sm > input[type=text], select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn, select.input-group-sm > .input-group-btn > .btn-xs, .possible_aka_listings select.input-group-sm > .input-group-btn > button, .user_main_info_area .mod_options form select.input-group-sm > .input-group-btn > button, select.input-group-sm > .input-group-btn > .btn-sm, .request_list .challenge_request_hmm.removing select.input-group-sm > .input-group-btn > button, .stage_selectable .stage_options select.input-group-sm > .input-group-btn > button, body.database_setup select.input-group-sm > .input-group-btn > input[type=submit], body.database_setup select.input-group-sm > .input-group-btn > button {
  height: 30px;
  line-height: 30px;
}

textarea.input-group-sm > .form-control, .birthday .birthday-picker textarea.input-group-sm > select, body.database_setup textarea.input-group-sm > input[type=text], textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .input-group-btn > .btn-xs, .possible_aka_listings textarea.input-group-sm > .input-group-btn > button, .user_main_info_area .mod_options form textarea.input-group-sm > .input-group-btn > button, textarea.input-group-sm > .input-group-btn > .btn-sm, .request_list .challenge_request_hmm.removing textarea.input-group-sm > .input-group-btn > button, .stage_selectable .stage_options textarea.input-group-sm > .input-group-btn > button, body.database_setup textarea.input-group-sm > .input-group-btn > input[type=submit], body.database_setup textarea.input-group-sm > .input-group-btn > button, select[multiple].input-group-sm > .form-control, .birthday .birthday-picker select[multiple].input-group-sm > select, body.database_setup select[multiple].input-group-sm > input[type=text], select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .input-group-btn > .btn-xs, .possible_aka_listings select[multiple].input-group-sm > .input-group-btn > button, .user_main_info_area .mod_options form select[multiple].input-group-sm > .input-group-btn > button, select[multiple].input-group-sm > .input-group-btn > .btn-sm, .request_list .challenge_request_hmm.removing select[multiple].input-group-sm > .input-group-btn > button, .stage_selectable .stage_options select[multiple].input-group-sm > .input-group-btn > button, body.database_setup select[multiple].input-group-sm > .input-group-btn > input[type=submit], body.database_setup select[multiple].input-group-sm > .input-group-btn > button {
  height: auto;
}

.input-group-addon, .input-group-btn, .input-group .form-control, .input-group .birthday .birthday-picker select, .birthday .birthday-picker .input-group select, .input-group body.database_setup input[type=text], body.database_setup .input-group input[type=text] {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child), .input-group .birthday .birthday-picker select:not(:first-child):not(:last-child), .birthday .birthday-picker .input-group select:not(:first-child):not(:last-child), .input-group body.database_setup input[type=text]:not(:first-child):not(:last-child), body.database_setup .input-group input[type=text]:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type=radio], .input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child, .input-group .birthday .birthday-picker select:first-child, .birthday .birthday-picker .input-group select:first-child, .input-group body.database_setup input[type=text]:first-child, body.database_setup .input-group input[type=text]:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-xs, .possible_aka_listings .input-group-btn:first-child > button, .user_main_info_area .mod_options form .input-group-btn:first-child > button, .input-group-btn:first-child > .btn-sm, .request_list .challenge_request_hmm.removing .input-group-btn:first-child > button, .stage_selectable .stage_options .input-group-btn:first-child > button, body.database_setup .input-group-btn:first-child > input[type=submit], body.database_setup .input-group-btn:first-child > button, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .btn-group > .btn-xs, .possible_aka_listings .input-group-btn:first-child > .btn-group > button, .user_main_info_area .mod_options form .input-group-btn:first-child > .btn-group > button, .input-group-btn:first-child > .btn-group > .btn-sm, .request_list .challenge_request_hmm.removing .input-group-btn:first-child > .btn-group > button, .stage_selectable .stage_options .input-group-btn:first-child > .btn-group > button, body.database_setup .input-group-btn:first-child > .btn-group > input[type=submit], body.database_setup .input-group-btn:first-child > .btn-group > button, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-xs:not(:last-child):not(.dropdown-toggle), .possible_aka_listings .input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle), .user_main_info_area .mod_options form .input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-sm:not(:last-child):not(.dropdown-toggle), .request_list .challenge_request_hmm.removing .input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle), .stage_selectable .stage_options .input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle), body.database_setup .input-group-btn:last-child > input[type=submit]:not(:last-child):not(.dropdown-toggle), body.database_setup .input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn-xs, .possible_aka_listings .input-group-btn:last-child > .btn-group:not(:last-child) > button, .user_main_info_area .mod_options form .input-group-btn:last-child > .btn-group:not(:last-child) > button, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn-sm, .request_list .challenge_request_hmm.removing .input-group-btn:last-child > .btn-group:not(:last-child) > button, .stage_selectable .stage_options .input-group-btn:last-child > .btn-group:not(:last-child) > button, body.database_setup .input-group-btn:last-child > .btn-group:not(:last-child) > input[type=submit], body.database_setup .input-group-btn:last-child > .btn-group:not(:last-child) > button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child, .input-group .birthday .birthday-picker select:last-child, .birthday .birthday-picker .input-group select:last-child, .input-group body.database_setup input[type=text]:last-child, body.database_setup .input-group input[type=text]:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-xs, .possible_aka_listings .input-group-btn:last-child > button, .user_main_info_area .mod_options form .input-group-btn:last-child > button, .input-group-btn:last-child > .btn-sm, .request_list .challenge_request_hmm.removing .input-group-btn:last-child > button, .stage_selectable .stage_options .input-group-btn:last-child > button, body.database_setup .input-group-btn:last-child > input[type=submit], body.database_setup .input-group-btn:last-child > button, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .btn-group > .btn-xs, .possible_aka_listings .input-group-btn:last-child > .btn-group > button, .user_main_info_area .mod_options form .input-group-btn:last-child > .btn-group > button, .input-group-btn:last-child > .btn-group > .btn-sm, .request_list .challenge_request_hmm.removing .input-group-btn:last-child > .btn-group > button, .stage_selectable .stage_options .input-group-btn:last-child > .btn-group > button, body.database_setup .input-group-btn:last-child > .btn-group > input[type=submit], body.database_setup .input-group-btn:last-child > .btn-group > button, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-xs:not(:first-child), .possible_aka_listings .input-group-btn:first-child > button:not(:first-child), .user_main_info_area .mod_options form .input-group-btn:first-child > button:not(:first-child), .input-group-btn:first-child > .btn-sm:not(:first-child), .request_list .challenge_request_hmm.removing .input-group-btn:first-child > button:not(:first-child), .stage_selectable .stage_options .input-group-btn:first-child > button:not(:first-child), body.database_setup .input-group-btn:first-child > input[type=submit]:not(:first-child), body.database_setup .input-group-btn:first-child > button:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn-xs, .possible_aka_listings .input-group-btn:first-child > .btn-group:not(:first-child) > button, .user_main_info_area .mod_options form .input-group-btn:first-child > .btn-group:not(:first-child) > button, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn-sm, .request_list .challenge_request_hmm.removing .input-group-btn:first-child > .btn-group:not(:first-child) > button, .stage_selectable .stage_options .input-group-btn:first-child > .btn-group:not(:first-child) > button, body.database_setup .input-group-btn:first-child > .btn-group:not(:first-child) > input[type=submit], body.database_setup .input-group-btn:first-child > .btn-group:not(:first-child) > button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn, .input-group-btn > .btn-xs, .possible_aka_listings .input-group-btn > button, .user_main_info_area .mod_options form .input-group-btn > button, .input-group-btn > .btn-sm, .request_list .challenge_request_hmm.removing .input-group-btn > button, .stage_selectable .stage_options .input-group-btn > button, body.database_setup .input-group-btn > input[type=submit], body.database_setup .input-group-btn > button {
  position: relative;
}

.input-group-btn > .btn + .btn, .input-group-btn > .btn-xs + .btn, .possible_aka_listings .input-group-btn > button + .btn, .user_main_info_area .mod_options form .input-group-btn > button + .btn, .input-group-btn > .btn-sm + .btn, .request_list .challenge_request_hmm.removing .input-group-btn > button + .btn, .stage_selectable .stage_options .input-group-btn > button + .btn, body.database_setup .input-group-btn > input[type=submit] + .btn, body.database_setup .input-group-btn > button + .btn, body.database_setup .skip_to_form .input-group-btn > input[type=submit] + .btn, body.database_setup .migrate_to_form .input-group-btn > input[type=submit] + .btn, .input-group-btn > .btn + .btn-xs, .possible_aka_listings .input-group-btn > .btn + button, .user_main_info_area .mod_options form .input-group-btn > .btn + button, .input-group-btn > .btn-xs + .btn-xs, .possible_aka_listings .input-group-btn > button + .btn-xs, .possible_aka_listings .input-group-btn > .btn-xs + button, .possible_aka_listings .input-group-btn > button + button, .user_main_info_area .mod_options form .input-group-btn > button + .btn-xs, .user_main_info_area .mod_options form .possible_aka_listings .input-group-btn > button + button, .possible_aka_listings .user_main_info_area .mod_options form .input-group-btn > button + button, .user_main_info_area .mod_options form .input-group-btn > .btn-xs + button, .user_main_info_area .mod_options form .possible_aka_listings .input-group-btn > button + button, .possible_aka_listings .user_main_info_area .mod_options form .input-group-btn > button + button, .user_main_info_area .mod_options form .input-group-btn > button + button, .input-group-btn > .btn-sm + .btn-xs, .possible_aka_listings .input-group-btn > .btn-sm + button, .user_main_info_area .mod_options form .input-group-btn > .btn-sm + button, .request_list .challenge_request_hmm.removing .input-group-btn > button + .btn-xs, .request_list .challenge_request_hmm.removing .possible_aka_listings .input-group-btn > button + button, .possible_aka_listings .request_list .challenge_request_hmm.removing .input-group-btn > button + button, .request_list .challenge_request_hmm.removing .user_main_info_area .mod_options form .input-group-btn > button + button, .user_main_info_area .mod_options form .request_list .challenge_request_hmm.removing .input-group-btn > button + button, .stage_selectable .stage_options .input-group-btn > button + .btn-xs, .stage_selectable .stage_options .possible_aka_listings .input-group-btn > button + button, .possible_aka_listings .stage_selectable .stage_options .input-group-btn > button + button, .stage_selectable .stage_options .user_main_info_area .mod_options form .input-group-btn > button + button, .user_main_info_area .mod_options form .stage_selectable .stage_options .input-group-btn > button + button, body.database_setup .input-group-btn > input[type=submit] + .btn-xs, body.database_setup .possible_aka_listings .input-group-btn > input[type=submit] + button, .possible_aka_listings body.database_setup .input-group-btn > input[type=submit] + button, body.database_setup .user_main_info_area .mod_options form .input-group-btn > input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .input-group-btn > input[type=submit] + button, body.database_setup .input-group-btn > button + .btn-xs, body.database_setup .possible_aka_listings .input-group-btn > button + button, .possible_aka_listings body.database_setup .input-group-btn > button + button, body.database_setup .user_main_info_area .mod_options form .input-group-btn > button + button, .user_main_info_area .mod_options form body.database_setup .input-group-btn > button + button, body.database_setup .skip_to_form .input-group-btn > input[type=submit] + .btn-xs, body.database_setup .skip_to_form .possible_aka_listings .input-group-btn > input[type=submit] + button, .possible_aka_listings body.database_setup .skip_to_form .input-group-btn > input[type=submit] + button, body.database_setup .skip_to_form .user_main_info_area .mod_options form .input-group-btn > input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .skip_to_form .input-group-btn > input[type=submit] + button, body.database_setup .migrate_to_form .input-group-btn > input[type=submit] + .btn-xs, body.database_setup .migrate_to_form .possible_aka_listings .input-group-btn > input[type=submit] + button, .possible_aka_listings body.database_setup .migrate_to_form .input-group-btn > input[type=submit] + button, body.database_setup .migrate_to_form .user_main_info_area .mod_options form .input-group-btn > input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .migrate_to_form .input-group-btn > input[type=submit] + button, .input-group-btn > .btn + .btn-sm, .input-group-btn > .btn-xs + .btn-sm, .possible_aka_listings .input-group-btn > button + .btn-sm, .user_main_info_area .mod_options form .input-group-btn > button + .btn-sm, .input-group-btn > .btn-sm + .btn-sm, .request_list .challenge_request_hmm.removing .input-group-btn > button + .btn-sm, .stage_selectable .stage_options .input-group-btn > button + .btn-sm, body.database_setup .input-group-btn > input[type=submit] + .btn-sm, body.database_setup .input-group-btn > button + .btn-sm, body.database_setup .skip_to_form .input-group-btn > input[type=submit] + .btn-sm, body.database_setup .migrate_to_form .input-group-btn > input[type=submit] + .btn-sm, .request_list .challenge_request_hmm.removing .input-group-btn > .btn + button, .request_list .challenge_request_hmm.removing .input-group-btn > .btn-xs + button, .request_list .challenge_request_hmm.removing .possible_aka_listings .input-group-btn > button + button, .possible_aka_listings .request_list .challenge_request_hmm.removing .input-group-btn > button + button, .request_list .challenge_request_hmm.removing .user_main_info_area .mod_options form .input-group-btn > button + button, .user_main_info_area .mod_options form .request_list .challenge_request_hmm.removing .input-group-btn > button + button, .request_list .challenge_request_hmm.removing .input-group-btn > .btn-sm + button, .request_list .challenge_request_hmm.removing .input-group-btn > button + button, .stage_selectable .stage_options .request_list .challenge_request_hmm.removing .input-group-btn > button + button, .request_list .challenge_request_hmm.removing .stage_selectable .stage_options .input-group-btn > button + button, body.database_setup .request_list .challenge_request_hmm.removing .input-group-btn > input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .input-group-btn > input[type=submit] + button, body.database_setup .request_list .challenge_request_hmm.removing .input-group-btn > button + button, .request_list .challenge_request_hmm.removing body.database_setup .input-group-btn > button + button, body.database_setup .skip_to_form .request_list .challenge_request_hmm.removing .input-group-btn > input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .skip_to_form .input-group-btn > input[type=submit] + button, body.database_setup .migrate_to_form .request_list .challenge_request_hmm.removing .input-group-btn > input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .migrate_to_form .input-group-btn > input[type=submit] + button, .stage_selectable .stage_options .input-group-btn > .btn + button, .stage_selectable .stage_options .input-group-btn > .btn-xs + button, .stage_selectable .stage_options .possible_aka_listings .input-group-btn > button + button, .possible_aka_listings .stage_selectable .stage_options .input-group-btn > button + button, .stage_selectable .stage_options .user_main_info_area .mod_options form .input-group-btn > button + button, .user_main_info_area .mod_options form .stage_selectable .stage_options .input-group-btn > button + button, .stage_selectable .stage_options .input-group-btn > .btn-sm + button, .request_list .challenge_request_hmm.removing .stage_selectable .stage_options .input-group-btn > button + button, .stage_selectable .stage_options .request_list .challenge_request_hmm.removing .input-group-btn > button + button, .stage_selectable .stage_options .input-group-btn > button + button, body.database_setup .stage_selectable .stage_options .input-group-btn > input[type=submit] + button, .stage_selectable .stage_options body.database_setup .input-group-btn > input[type=submit] + button, body.database_setup .stage_selectable .stage_options .input-group-btn > button + button, .stage_selectable .stage_options body.database_setup .input-group-btn > button + button, body.database_setup .skip_to_form .stage_selectable .stage_options .input-group-btn > input[type=submit] + button, .stage_selectable .stage_options body.database_setup .skip_to_form .input-group-btn > input[type=submit] + button, body.database_setup .migrate_to_form .stage_selectable .stage_options .input-group-btn > input[type=submit] + button, .stage_selectable .stage_options body.database_setup .migrate_to_form .input-group-btn > input[type=submit] + button, body.database_setup .input-group-btn > .btn + input[type=submit], body.database_setup .input-group-btn > .btn-xs + input[type=submit], body.database_setup .possible_aka_listings .input-group-btn > button + input[type=submit], .possible_aka_listings body.database_setup .input-group-btn > button + input[type=submit], body.database_setup .user_main_info_area .mod_options form .input-group-btn > button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .input-group-btn > button + input[type=submit], body.database_setup .input-group-btn > .btn-sm + input[type=submit], .request_list .challenge_request_hmm.removing body.database_setup .input-group-btn > button + input[type=submit], body.database_setup .request_list .challenge_request_hmm.removing .input-group-btn > button + input[type=submit], .stage_selectable .stage_options body.database_setup .input-group-btn > button + input[type=submit], body.database_setup .stage_selectable .stage_options .input-group-btn > button + input[type=submit], body.database_setup .input-group-btn > input[type=submit] + input[type=submit], body.database_setup .input-group-btn > button + input[type=submit], body.database_setup .skip_to_form .input-group-btn > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .input-group-btn > input[type=submit] + input[type=submit], body.database_setup .input-group-btn > .btn + button, body.database_setup .input-group-btn > .btn-xs + button, body.database_setup .possible_aka_listings .input-group-btn > button + button, .possible_aka_listings body.database_setup .input-group-btn > button + button, body.database_setup .user_main_info_area .mod_options form .input-group-btn > button + button, .user_main_info_area .mod_options form body.database_setup .input-group-btn > button + button, body.database_setup .input-group-btn > .btn-sm + button, .request_list .challenge_request_hmm.removing body.database_setup .input-group-btn > button + button, body.database_setup .request_list .challenge_request_hmm.removing .input-group-btn > button + button, .stage_selectable .stage_options body.database_setup .input-group-btn > button + button, body.database_setup .stage_selectable .stage_options .input-group-btn > button + button, body.database_setup .input-group-btn > input[type=submit] + button, body.database_setup .input-group-btn > button + button, body.database_setup .skip_to_form .input-group-btn > input[type=submit] + button, body.database_setup .migrate_to_form .input-group-btn > input[type=submit] + button, body.database_setup .skip_to_form .input-group-btn > .btn + input[type=submit], body.database_setup .skip_to_form .input-group-btn > .btn-xs + input[type=submit], body.database_setup .skip_to_form .possible_aka_listings .input-group-btn > button + input[type=submit], .possible_aka_listings body.database_setup .skip_to_form .input-group-btn > button + input[type=submit], body.database_setup .skip_to_form .user_main_info_area .mod_options form .input-group-btn > button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .skip_to_form .input-group-btn > button + input[type=submit], body.database_setup .skip_to_form .input-group-btn > .btn-sm + input[type=submit], .request_list .challenge_request_hmm.removing body.database_setup .skip_to_form .input-group-btn > button + input[type=submit], body.database_setup .skip_to_form .request_list .challenge_request_hmm.removing .input-group-btn > button + input[type=submit], .stage_selectable .stage_options body.database_setup .skip_to_form .input-group-btn > button + input[type=submit], body.database_setup .skip_to_form .stage_selectable .stage_options .input-group-btn > button + input[type=submit], body.database_setup .skip_to_form .input-group-btn > input[type=submit] + input[type=submit], body.database_setup .skip_to_form .input-group-btn > button + input[type=submit], body.database_setup .skip_to_form .input-group-btn > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .skip_to_form .input-group-btn > input[type=submit] + input[type=submit], body.database_setup .skip_to_form .migrate_to_form .input-group-btn > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .input-group-btn > .btn + input[type=submit], body.database_setup .migrate_to_form .input-group-btn > .btn-xs + input[type=submit], body.database_setup .migrate_to_form .possible_aka_listings .input-group-btn > button + input[type=submit], .possible_aka_listings body.database_setup .migrate_to_form .input-group-btn > button + input[type=submit], body.database_setup .migrate_to_form .user_main_info_area .mod_options form .input-group-btn > button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .migrate_to_form .input-group-btn > button + input[type=submit], body.database_setup .migrate_to_form .input-group-btn > .btn-sm + input[type=submit], .request_list .challenge_request_hmm.removing body.database_setup .migrate_to_form .input-group-btn > button + input[type=submit], body.database_setup .migrate_to_form .request_list .challenge_request_hmm.removing .input-group-btn > button + input[type=submit], .stage_selectable .stage_options body.database_setup .migrate_to_form .input-group-btn > button + input[type=submit], body.database_setup .migrate_to_form .stage_selectable .stage_options .input-group-btn > button + input[type=submit], body.database_setup .migrate_to_form .input-group-btn > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .input-group-btn > button + input[type=submit], body.database_setup .skip_to_form .migrate_to_form .input-group-btn > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .skip_to_form .input-group-btn > input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .input-group-btn > input[type=submit] + input[type=submit] {
  margin-left: -1px;
}

.input-group-btn > .btn:hover, .input-group-btn > .btn-xs:hover, .possible_aka_listings .input-group-btn > button:hover, .user_main_info_area .mod_options form .input-group-btn > button:hover, .input-group-btn > .btn-sm:hover, .request_list .challenge_request_hmm.removing .input-group-btn > button:hover, .stage_selectable .stage_options .input-group-btn > button:hover, body.database_setup .input-group-btn > input[type=submit]:hover, body.database_setup .input-group-btn > button:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn-xs:focus, .possible_aka_listings .input-group-btn > button:focus, .user_main_info_area .mod_options form .input-group-btn > button:focus, .input-group-btn > .btn-sm:focus, .request_list .challenge_request_hmm.removing .input-group-btn > button:focus, .stage_selectable .stage_options .input-group-btn > button:focus, body.database_setup .input-group-btn > input[type=submit]:focus, body.database_setup .input-group-btn > button:focus, .input-group-btn > .btn:active, .input-group-btn > .btn-xs:active, .possible_aka_listings .input-group-btn > button:active, .user_main_info_area .mod_options form .input-group-btn > button:active, .input-group-btn > .btn-sm:active, .request_list .challenge_request_hmm.removing .input-group-btn > button:active, .stage_selectable .stage_options .input-group-btn > button:active, body.database_setup .input-group-btn > input[type=submit]:active, body.database_setup .input-group-btn > button:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-xs, .possible_aka_listings .input-group-btn:first-child > button, .user_main_info_area .mod_options form .input-group-btn:first-child > button, .input-group-btn:first-child > .btn-sm, .request_list .challenge_request_hmm.removing .input-group-btn:first-child > button, .stage_selectable .stage_options .input-group-btn:first-child > button, body.database_setup .input-group-btn:first-child > input[type=submit], body.database_setup .input-group-btn:first-child > button, .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-xs, .possible_aka_listings .input-group-btn:last-child > button, .user_main_info_area .mod_options form .input-group-btn:last-child > button, .input-group-btn:last-child > .btn-sm, .request_list .challenge_request_hmm.removing .input-group-btn:last-child > button, .stage_selectable .stage_options .input-group-btn:last-child > button, body.database_setup .input-group-btn:last-child > input[type=submit], body.database_setup .input-group-btn:last-child > button, .input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a, a .nav > li > .location:hover, .link .nav > li > .location:hover, .nav > li > .link {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover, a .nav > li > .location:hover, .link .nav > li > .location:hover, .nav > li > .link:hover, .nav > li > a:focus, .nav > li > .link:focus {
  text-decoration: none;
  background-color: #eee;
}

.nav > li.disabled > a, a .nav > li.disabled > .location:hover, .link .nav > li.disabled > .location:hover, .nav > li.disabled > .link {
  color: #777;
}

.nav > li.disabled > a:hover, a .nav > li.disabled > .location:hover, .link .nav > li.disabled > .location:hover, .nav > li.disabled > .link:hover, .nav > li.disabled > a:focus, .nav > li.disabled > .link:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a, .nav a .open > .location:hover, a .nav .open > .location:hover, .nav .link .open > .location:hover, .link .nav .open > .location:hover, .nav .open > .link, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img, a .nav > li > .location:hover > img, .link .nav > li > .location:hover > img, .nav > li > .link > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a, a .nav-tabs > li > .location:hover, .link .nav-tabs > li > .location:hover, .nav-tabs > li > .link {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover, a .nav-tabs > li > .location:hover, .link .nav-tabs > li > .location:hover, .nav-tabs > li > .link:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs > li.active > a, a .nav-tabs > li.active > .location:hover, .link .nav-tabs > li.active > .location:hover, .nav-tabs > li.active > .link, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a, a .nav-tabs.nav-justified > li > .location:hover, .link .nav-tabs.nav-justified > li > .location:hover, .nav-tabs.nav-justified > li > .link {
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a, a .nav-tabs.nav-justified > li > .location:hover, .link .nav-tabs.nav-justified > li > .location:hover, .nav-tabs.nav-justified > li > .link {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a, a .nav-tabs.nav-justified > li > .location:hover, .link .nav-tabs.nav-justified > li > .location:hover, .nav-tabs.nav-justified > li > .link {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a, a .nav-tabs.nav-justified > .active > .location:hover, .link .nav-tabs.nav-justified > .active > .location:hover, .nav-tabs.nav-justified > .active > .link, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a, a .nav-tabs.nav-justified > li > .location:hover, .link .nav-tabs.nav-justified > li > .location:hover, .nav-tabs.nav-justified > li > .link {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a, a .nav-tabs.nav-justified > .active > .location:hover, .link .nav-tabs.nav-justified > .active > .location:hover, .nav-tabs.nav-justified > .active > .link, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}

.nav-pills > li > a, a .nav-pills > li > .location:hover, .link .nav-pills > li > .location:hover, .nav-pills > li > .link {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a, a .nav-pills > li.active > .location:hover, .link .nav-pills > li.active > .location:hover, .nav-pills > li.active > .link, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified > li {
  float: none;
}

.nav-justified > li > a, a .nav-justified > li > .location:hover, .link .nav-justified > li > .location:hover, .nav-justified > li > .link {
  margin-bottom: 5px;
  text-align: center;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, a .nav-justified > li > .location:hover, .link .nav-justified > li > .location:hover, .nav-justified > li > .link {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a, a .nav-tabs-justified > li > .location:hover, .link .nav-tabs-justified > li > .location:hover, .nav-tabs-justified > li > .link {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a, a .nav-tabs-justified > .active > .location:hover, .link .nav-tabs-justified > .active > .location:hover, .nav-tabs-justified > .active > .link, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a, a .nav-tabs-justified > li > .location:hover, .link .nav-tabs-justified > li > .location:hover, .nav-tabs-justified > li > .link {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, a .nav-tabs-justified > .active > .location:hover, .link .nav-tabs-justified > .active > .location:hover, .nav-tabs-justified > .active > .link, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header, body.database_setup > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, body.database_setup > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header, body.database_setup > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, body.database_setup > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media (min-width: 768px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand:hover, a .navbar-brand.location:hover, .link .navbar-brand.location:hover, .navbar-brand:focus {
  text-decoration: none;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > body.database_setup .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a, a .navbar-nav > li > .location:hover, .link .navbar-nav > li > .location:hover, .navbar-nav > li > .link {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open a .dropdown-menu > li > .location:hover, a .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-nav .open .link .dropdown-menu > li > .location:hover, .link .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-nav .open .dropdown-menu > li > .link, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open a .dropdown-menu > li > .location:hover, a .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-nav .open .link .dropdown-menu > li > .location:hover, .link .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-nav .open .dropdown-menu > li > .link {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open a .dropdown-menu > li > .location:hover, a .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-nav .open .link .dropdown-menu > li > .location:hover, .link .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-nav .open .dropdown-menu > li > .link:hover, .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > .link:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a, a .navbar-nav > li > .location:hover, .link .navbar-nav > li > .location:hover, .navbar-nav > li > .link {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  .navbar-form .form-group, .navbar-form #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .extra_data, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .navbar-form .extra_data {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control, .navbar-form .birthday .birthday-picker select, .birthday .birthday-picker .navbar-form select, .navbar-form body.database_setup input[type=text], body.database_setup .navbar-form input[type=text] {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control, .navbar-form .input-group .birthday .birthday-picker select, .birthday .birthday-picker .navbar-form .input-group select, .navbar-form .input-group body.database_setup input[type=text], body.database_setup .navbar-form .input-group input[type=text] {
    width: auto;
  }
  .navbar-form .input-group > .form-control, .navbar-form .birthday .birthday-picker .input-group > select, .birthday .birthday-picker .navbar-form .input-group > select, .navbar-form body.database_setup .input-group > input[type=text], body.database_setup .navbar-form .input-group > input[type=text] {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio, .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label, .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group, .navbar-form #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .extra_data, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .navbar-form .extra_data {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm, body.database_setup .skip_to_form input.navbar-btn[type=submit], body.database_setup .migrate_to_form input.navbar-btn[type=submit] {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs, .possible_aka_listings button.navbar-btn, .user_main_info_area .mod_options form button.navbar-btn, .stage_selectable .stage_options button.navbar-btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a, .navbar-default a .navbar-nav > li > .location:hover, a .navbar-default .navbar-nav > li > .location:hover, .navbar-default .link .navbar-nav > li > .location:hover, .link .navbar-default .navbar-nav > li > .location:hover, .navbar-default .navbar-nav > li > .link {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default a .navbar-nav > li > .location:hover, a .navbar-default .navbar-nav > li > .location:hover, .navbar-default .link .navbar-nav > li > .location:hover, .link .navbar-default .navbar-nav > li > .location:hover, .navbar-default .navbar-nav > li > .link:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > .link:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default a .navbar-nav > .active > .location:hover, a .navbar-default .navbar-nav > .active > .location:hover, .navbar-default .link .navbar-nav > .active > .location:hover, .link .navbar-default .navbar-nav > .active > .location:hover, .navbar-default .navbar-nav > .active > .link, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default a .navbar-nav > .disabled > .location:hover, a .navbar-default .navbar-nav > .disabled > .location:hover, .navbar-default .link .navbar-nav > .disabled > .location:hover, .link .navbar-default .navbar-nav > .disabled > .location:hover, .navbar-default .navbar-nav > .disabled > .link, .navbar-default .request_list .challenge_request_hmm.removing .navbar-nav > button > a, .navbar-default .request_list .challenge_request_hmm.removing a .navbar-nav > button > .location:hover, a .navbar-default .request_list .challenge_request_hmm.removing .navbar-nav > button > .location:hover, .navbar-default .request_list .challenge_request_hmm.removing .link .navbar-nav > button > .location:hover, .link .navbar-default .request_list .challenge_request_hmm.removing .navbar-nav > button > .location:hover, .navbar-default .request_list .challenge_request_hmm.removing .navbar-nav > button > .link, .request_list .challenge_request_hmm.removing .navbar-default .navbar-nav > button > a, .request_list .challenge_request_hmm.removing .navbar-default a .navbar-nav > button > .location:hover, a .request_list .challenge_request_hmm.removing .navbar-default .navbar-nav > button > .location:hover, .request_list .challenge_request_hmm.removing .navbar-default .link .navbar-nav > button > .location:hover, .link .request_list .challenge_request_hmm.removing .navbar-default .navbar-nav > button > .location:hover, .request_list .challenge_request_hmm.removing .navbar-default .navbar-nav > button > .link, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a, .navbar-default a .navbar-nav > .open > .location:hover, a .navbar-default .navbar-nav > .open > .location:hover, .navbar-default .link .navbar-nav > .open > .location:hover, .link .navbar-default .navbar-nav > .open > .location:hover, .navbar-default .navbar-nav > .open > .link, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open a .dropdown-menu > li > .location:hover, a .navbar-default .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-default .navbar-nav .open .link .dropdown-menu > li > .location:hover, .link .navbar-default .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > .link {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open a .dropdown-menu > li > .location:hover, a .navbar-default .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-default .navbar-nav .open .link .dropdown-menu > li > .location:hover, .link .navbar-default .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > .link:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > .link:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open a .dropdown-menu > .active > .location:hover, a .navbar-default .navbar-nav .open .dropdown-menu > .active > .location:hover, .navbar-default .navbar-nav .open .link .dropdown-menu > .active > .location:hover, .link .navbar-default .navbar-nav .open .dropdown-menu > .active > .location:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > .link, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open a .dropdown-menu > .disabled > .location:hover, a .navbar-default .navbar-nav .open .dropdown-menu > .disabled > .location:hover, .navbar-default .navbar-nav .open .link .dropdown-menu > .disabled > .location:hover, .link .navbar-default .navbar-nav .open .dropdown-menu > .disabled > .location:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > .link, .navbar-default .navbar-nav .open .request_list .challenge_request_hmm.removing .dropdown-menu > button > a, .navbar-default .navbar-nav .open .request_list .challenge_request_hmm.removing a .dropdown-menu > button > .location:hover, a .navbar-default .navbar-nav .open .request_list .challenge_request_hmm.removing .dropdown-menu > button > .location:hover, .navbar-default .navbar-nav .open .request_list .challenge_request_hmm.removing .link .dropdown-menu > button > .location:hover, .link .navbar-default .navbar-nav .open .request_list .challenge_request_hmm.removing .dropdown-menu > button > .location:hover, .navbar-default .navbar-nav .open .request_list .challenge_request_hmm.removing .dropdown-menu > button > .link, .request_list .challenge_request_hmm.removing .navbar-default .navbar-nav .open .dropdown-menu > button > a, .request_list .challenge_request_hmm.removing .navbar-default .navbar-nav .open a .dropdown-menu > button > .location:hover, a .request_list .challenge_request_hmm.removing .navbar-default .navbar-nav .open .dropdown-menu > button > .location:hover, .request_list .challenge_request_hmm.removing .navbar-default .navbar-nav .open .link .dropdown-menu > button > .location:hover, .link .request_list .challenge_request_hmm.removing .navbar-default .navbar-nav .open .dropdown-menu > button > .location:hover, .request_list .challenge_request_hmm.removing .navbar-default .navbar-nav .open .dropdown-menu > button > .link, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #777;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #777;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse a .navbar-nav > li > .location:hover, a .navbar-inverse .navbar-nav > li > .location:hover, .navbar-inverse .link .navbar-nav > li > .location:hover, .link .navbar-inverse .navbar-nav > li > .location:hover, .navbar-inverse .navbar-nav > li > .link {
  color: #777;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse a .navbar-nav > li > .location:hover, a .navbar-inverse .navbar-nav > li > .location:hover, .navbar-inverse .link .navbar-nav > li > .location:hover, .link .navbar-inverse .navbar-nav > li > .location:hover, .navbar-inverse .navbar-nav > li > .link:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > .link:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse a .navbar-nav > .active > .location:hover, a .navbar-inverse .navbar-nav > .active > .location:hover, .navbar-inverse .link .navbar-nav > .active > .location:hover, .link .navbar-inverse .navbar-nav > .active > .location:hover, .navbar-inverse .navbar-nav > .active > .link, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse a .navbar-nav > .disabled > .location:hover, a .navbar-inverse .navbar-nav > .disabled > .location:hover, .navbar-inverse .link .navbar-nav > .disabled > .location:hover, .link .navbar-inverse .navbar-nav > .disabled > .location:hover, .navbar-inverse .navbar-nav > .disabled > .link, .navbar-inverse .request_list .challenge_request_hmm.removing .navbar-nav > button > a, .navbar-inverse .request_list .challenge_request_hmm.removing a .navbar-nav > button > .location:hover, a .navbar-inverse .request_list .challenge_request_hmm.removing .navbar-nav > button > .location:hover, .navbar-inverse .request_list .challenge_request_hmm.removing .link .navbar-nav > button > .location:hover, .link .navbar-inverse .request_list .challenge_request_hmm.removing .navbar-nav > button > .location:hover, .navbar-inverse .request_list .challenge_request_hmm.removing .navbar-nav > button > .link, .request_list .challenge_request_hmm.removing .navbar-inverse .navbar-nav > button > a, .request_list .challenge_request_hmm.removing .navbar-inverse a .navbar-nav > button > .location:hover, a .request_list .challenge_request_hmm.removing .navbar-inverse .navbar-nav > button > .location:hover, .request_list .challenge_request_hmm.removing .navbar-inverse .link .navbar-nav > button > .location:hover, .link .request_list .challenge_request_hmm.removing .navbar-inverse .navbar-nav > button > .location:hover, .request_list .challenge_request_hmm.removing .navbar-inverse .navbar-nav > button > .link, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse a .navbar-nav > .open > .location:hover, a .navbar-inverse .navbar-nav > .open > .location:hover, .navbar-inverse .link .navbar-nav > .open > .location:hover, .link .navbar-inverse .navbar-nav > .open > .location:hover, .navbar-inverse .navbar-nav > .open > .link, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a, .navbar-inverse .navbar-nav .open a .dropdown-menu > li > .location:hover, a .navbar-inverse .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-inverse .navbar-nav .open .link .dropdown-menu > li > .location:hover, .link .navbar-inverse .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > .link {
    color: #777;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open a .dropdown-menu > li > .location:hover, a .navbar-inverse .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-inverse .navbar-nav .open .link .dropdown-menu > li > .location:hover, .link .navbar-inverse .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > .link:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > .link:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open a .dropdown-menu > .active > .location:hover, a .navbar-inverse .navbar-nav .open .dropdown-menu > .active > .location:hover, .navbar-inverse .navbar-nav .open .link .dropdown-menu > .active > .location:hover, .link .navbar-inverse .navbar-nav .open .dropdown-menu > .active > .location:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > .link, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open a .dropdown-menu > .disabled > .location:hover, a .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > .location:hover, .navbar-inverse .navbar-nav .open .link .dropdown-menu > .disabled > .location:hover, .link .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > .location:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > .link, .navbar-inverse .navbar-nav .open .request_list .challenge_request_hmm.removing .dropdown-menu > button > a, .navbar-inverse .navbar-nav .open .request_list .challenge_request_hmm.removing a .dropdown-menu > button > .location:hover, a .navbar-inverse .navbar-nav .open .request_list .challenge_request_hmm.removing .dropdown-menu > button > .location:hover, .navbar-inverse .navbar-nav .open .request_list .challenge_request_hmm.removing .link .dropdown-menu > button > .location:hover, .link .navbar-inverse .navbar-nav .open .request_list .challenge_request_hmm.removing .dropdown-menu > button > .location:hover, .navbar-inverse .navbar-nav .open .request_list .challenge_request_hmm.removing .dropdown-menu > button > .link, .request_list .challenge_request_hmm.removing .navbar-inverse .navbar-nav .open .dropdown-menu > button > a, .request_list .challenge_request_hmm.removing .navbar-inverse .navbar-nav .open a .dropdown-menu > button > .location:hover, a .request_list .challenge_request_hmm.removing .navbar-inverse .navbar-nav .open .dropdown-menu > button > .location:hover, .request_list .challenge_request_hmm.removing .navbar-inverse .navbar-nav .open .link .dropdown-menu > button > .location:hover, .link .request_list .challenge_request_hmm.removing .navbar-inverse .navbar-nav .open .dropdown-menu > button > .location:hover, .request_list .challenge_request_hmm.removing .navbar-inverse .navbar-nav .open .dropdown-menu > button > .link, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #777;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #777;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}

.breadcrumb > .active {
  color: #777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a, a .pagination > li > .location:hover, .link .pagination > li > .location:hover, .pagination > li > .link, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:first-child > a, a .pagination > li:first-child > .location:hover, .link .pagination > li:first-child > .location:hover, .pagination > li:first-child > .link, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a, a .pagination > li:last-child > .location:hover, .link .pagination > li:last-child > .location:hover, .pagination > li:last-child > .link, .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover, a .pagination > li > .location:hover, .link .pagination > li > .location:hover, .pagination > li > .link:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > .link:focus, .pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a, a .pagination > .active > .location:hover, .link .pagination > .active > .location:hover, .pagination > .active > .link, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span, .request_list .challenge_request_hmm.removing .pagination > button > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, a .pagination > .disabled > .location:hover, .link .pagination > .disabled > .location:hover, .pagination > .disabled > .link, .request_list .challenge_request_hmm.removing .pagination > button > a, .request_list .challenge_request_hmm.removing a .pagination > button > .location:hover, a .request_list .challenge_request_hmm.removing .pagination > button > .location:hover, .request_list .challenge_request_hmm.removing .link .pagination > button > .location:hover, .link .request_list .challenge_request_hmm.removing .pagination > button > .location:hover, .request_list .challenge_request_hmm.removing .pagination > button > .link, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a, a .pagination-lg > li > .location:hover, .link .pagination-lg > li > .location:hover, .pagination-lg > li > .link, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a, a .pagination-lg > li:first-child > .location:hover, .link .pagination-lg > li:first-child > .location:hover, .pagination-lg > li:first-child > .link, .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a, a .pagination-lg > li:last-child > .location:hover, .link .pagination-lg > li:last-child > .location:hover, .pagination-lg > li:last-child > .link, .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, a .pagination-sm > li > .location:hover, .link .pagination-sm > li > .location:hover, .pagination-sm > li > .link, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a, a .pagination-sm > li:first-child > .location:hover, .link .pagination-sm > li:first-child > .location:hover, .pagination-sm > li:first-child > .link, .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a, a .pagination-sm > li:last-child > .location:hover, .link .pagination-sm > li:last-child > .location:hover, .pagination-sm > li:last-child > .link, .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager li {
  display: inline;
}

.pager li > a, .pager a li > .location:hover, a .pager li > .location:hover, .pager .link li > .location:hover, .link .pager li > .location:hover, .pager li > .link, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover, .pager a li > .location:hover, a .pager li > .location:hover, .pager .link li > .location:hover, .link .pager li > .location:hover, .pager li > .link:hover, .pager li > a:focus, .pager li > .link:focus {
  text-decoration: none;
  background-color: #eee;
}

.pager .next > a, .pager a .next > .location:hover, a .pager .next > .location:hover, .pager .link .next > .location:hover, .link .pager .next > .location:hover, .pager .next > .link, .pager .next > span {
  float: right;
}

.pager .previous > a, .pager a .previous > .location:hover, a .pager .previous > .location:hover, .pager .link .previous > .location:hover, .link .pager .previous > .location:hover, .pager .previous > .link, .pager .previous > span {
  float: left;
}

.pager .disabled > a, .pager a .disabled > .location:hover, a .pager .disabled > .location:hover, .pager .link .disabled > .location:hover, .link .pager .disabled > .location:hover, .pager .disabled > .link, .pager .request_list .challenge_request_hmm.removing button > a, .pager .request_list .challenge_request_hmm.removing a button > .location:hover, a .pager .request_list .challenge_request_hmm.removing button > .location:hover, .pager .request_list .challenge_request_hmm.removing .link button > .location:hover, .link .pager .request_list .challenge_request_hmm.removing button > .location:hover, .pager .request_list .challenge_request_hmm.removing button > .link, .request_list .challenge_request_hmm.removing .pager button > a, .request_list .challenge_request_hmm.removing .pager a button > .location:hover, a .request_list .challenge_request_hmm.removing .pager button > .location:hover, .request_list .challenge_request_hmm.removing .pager .link button > .location:hover, .link .request_list .challenge_request_hmm.removing .pager button > .location:hover, .request_list .challenge_request_hmm.removing .pager button > .link, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span, .pager .request_list .challenge_request_hmm.removing button > span, .request_list .challenge_request_hmm.removing .pager button > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

a.label:hover, a .label.location:hover, .link .label.location:hover, .label.link:hover, a.label:focus, .label.link:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label, .btn-xs .label, .possible_aka_listings button .label, .user_main_info_area .mod_options form button .label, .btn-sm .label, .request_list .challenge_request_hmm.removing button .label, .stage_selectable .stage_options button .label, body.database_setup input[type=submit] .label, body.database_setup button .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #777;
}

.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #428bca;
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #3071a9;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c;
}

.badge, .event_listing .best_of_small, .bug_category, .bug_summary_description .confirmed, .normal_list .no_tags.active {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}

.badge:empty, .event_listing .best_of_small:empty, .bug_category:empty, .bug_summary_description .confirmed:empty, .normal_list .no_tags.active:empty {
  display: none;
}

.btn .badge, .btn .event_listing .best_of_small, .event_listing .btn .best_of_small, .btn-xs .badge, .possible_aka_listings button .badge, .user_main_info_area .mod_options form button .badge, .btn-xs .event_listing .best_of_small, .possible_aka_listings button .event_listing .best_of_small, .user_main_info_area .mod_options form button .event_listing .best_of_small, .event_listing .btn-xs .best_of_small, .event_listing .possible_aka_listings button .best_of_small, .possible_aka_listings .event_listing button .best_of_small, .event_listing .user_main_info_area .mod_options form button .best_of_small, .user_main_info_area .mod_options form .event_listing button .best_of_small, .btn-sm .badge, .btn-sm .event_listing .best_of_small, .event_listing .btn-sm .best_of_small, .request_list .challenge_request_hmm.removing button .badge, .request_list .challenge_request_hmm.removing button .event_listing .best_of_small, .event_listing .request_list .challenge_request_hmm.removing button .best_of_small, .stage_selectable .stage_options button .badge, .stage_selectable .stage_options button .event_listing .best_of_small, .event_listing .stage_selectable .stage_options button .best_of_small, body.database_setup input[type=submit] .badge, body.database_setup input[type=submit] .event_listing .best_of_small, .event_listing body.database_setup input[type=submit] .best_of_small, body.database_setup button .badge, body.database_setup button .event_listing .best_of_small, .event_listing body.database_setup button .best_of_small, .btn .bug_category, .btn-xs .bug_category, .possible_aka_listings button .bug_category, .user_main_info_area .mod_options form button .bug_category, .btn-sm .bug_category, .request_list .challenge_request_hmm.removing button .bug_category, .stage_selectable .stage_options button .bug_category, body.database_setup input[type=submit] .bug_category, body.database_setup button .bug_category, .btn .bug_summary_description .confirmed, .bug_summary_description .btn .confirmed, .btn-xs .bug_summary_description .confirmed, .possible_aka_listings button .bug_summary_description .confirmed, .user_main_info_area .mod_options form button .bug_summary_description .confirmed, .bug_summary_description .btn-xs .confirmed, .bug_summary_description .possible_aka_listings button .confirmed, .possible_aka_listings .bug_summary_description button .confirmed, .bug_summary_description .user_main_info_area .mod_options form button .confirmed, .user_main_info_area .mod_options form .bug_summary_description button .confirmed, .btn-sm .bug_summary_description .confirmed, .bug_summary_description .btn-sm .confirmed, .request_list .challenge_request_hmm.removing button .bug_summary_description .confirmed, .bug_summary_description .request_list .challenge_request_hmm.removing button .confirmed, .stage_selectable .stage_options button .bug_summary_description .confirmed, .bug_summary_description .stage_selectable .stage_options button .confirmed, body.database_setup input[type=submit] .bug_summary_description .confirmed, .bug_summary_description body.database_setup input[type=submit] .confirmed, body.database_setup button .bug_summary_description .confirmed, .bug_summary_description body.database_setup button .confirmed, .btn .normal_list .no_tags.active, .normal_list .btn .no_tags.active, .btn-xs .normal_list .no_tags.active, .possible_aka_listings button .normal_list .no_tags.active, .user_main_info_area .mod_options form button .normal_list .no_tags.active, .normal_list .btn-xs .no_tags.active, .normal_list .possible_aka_listings button .no_tags.active, .possible_aka_listings .normal_list button .no_tags.active, .normal_list .user_main_info_area .mod_options form button .no_tags.active, .user_main_info_area .mod_options form .normal_list button .no_tags.active, .btn-sm .normal_list .no_tags.active, .normal_list .btn-sm .no_tags.active, .request_list .challenge_request_hmm.removing button .normal_list .no_tags.active, .normal_list .request_list .challenge_request_hmm.removing button .no_tags.active, .stage_selectable .stage_options button .normal_list .no_tags.active, .normal_list .stage_selectable .stage_options button .no_tags.active, body.database_setup input[type=submit] .normal_list .no_tags.active, .normal_list body.database_setup input[type=submit] .no_tags.active, body.database_setup button .normal_list .no_tags.active, .normal_list body.database_setup button .no_tags.active {
  position: relative;
  top: -1px;
}

.btn-xs .badge, .possible_aka_listings button .badge, .user_main_info_area .mod_options form button .badge, .btn-xs .event_listing .best_of_small, .possible_aka_listings button .event_listing .best_of_small, .user_main_info_area .mod_options form button .event_listing .best_of_small, .event_listing .btn-xs .best_of_small, .event_listing .possible_aka_listings button .best_of_small, .possible_aka_listings .event_listing button .best_of_small, .event_listing .user_main_info_area .mod_options form button .best_of_small, .user_main_info_area .mod_options form .event_listing button .best_of_small, .stage_selectable .stage_options button .badge, .stage_selectable .stage_options button .event_listing .best_of_small, .event_listing .stage_selectable .stage_options button .best_of_small, .btn-xs .bug_category, .possible_aka_listings button .bug_category, .user_main_info_area .mod_options form button .bug_category, .stage_selectable .stage_options button .bug_category, .btn-xs .bug_summary_description .confirmed, .possible_aka_listings button .bug_summary_description .confirmed, .user_main_info_area .mod_options form button .bug_summary_description .confirmed, .bug_summary_description .btn-xs .confirmed, .bug_summary_description .possible_aka_listings button .confirmed, .possible_aka_listings .bug_summary_description button .confirmed, .bug_summary_description .user_main_info_area .mod_options form button .confirmed, .user_main_info_area .mod_options form .bug_summary_description button .confirmed, .stage_selectable .stage_options button .bug_summary_description .confirmed, .bug_summary_description .stage_selectable .stage_options button .confirmed, .btn-xs .normal_list .no_tags.active, .possible_aka_listings button .normal_list .no_tags.active, .user_main_info_area .mod_options form button .normal_list .no_tags.active, .normal_list .btn-xs .no_tags.active, .normal_list .possible_aka_listings button .no_tags.active, .possible_aka_listings .normal_list button .no_tags.active, .normal_list .user_main_info_area .mod_options form button .no_tags.active, .user_main_info_area .mod_options form .normal_list button .no_tags.active, .stage_selectable .stage_options button .normal_list .no_tags.active, .normal_list .stage_selectable .stage_options button .no_tags.active {
  top: 0;
  padding: 1px 5px;
}

a.badge:hover, a .badge.location:hover, .link .badge.location:hover, .event_listing a.best_of_small:hover, .event_listing a .best_of_small.location:hover, a .event_listing .best_of_small.location:hover, .event_listing .link .best_of_small.location:hover, .link .event_listing .best_of_small.location:hover, .badge.link:hover, .event_listing .link.best_of_small:hover, a.bug_category:hover, a .bug_category.location:hover, .link .bug_category.location:hover, .bug_category.link:hover, .bug_summary_description a.confirmed:hover, .bug_summary_description a .confirmed.location:hover, a .bug_summary_description .confirmed.location:hover, .bug_summary_description .link .confirmed.location:hover, .link .bug_summary_description .confirmed.location:hover, .bug_summary_description .confirmed.link:hover, .normal_list a.no_tags.active:hover, .normal_list a .no_tags.active.location:hover, a .normal_list .no_tags.active.location:hover, .normal_list .link .no_tags.active.location:hover, .link .normal_list .no_tags.active.location:hover, .normal_list .no_tags.active.link:hover, a.badge:focus, .event_listing a.best_of_small:focus, .badge.link:focus, .event_listing .link.best_of_small:focus, a.bug_category:focus, .bug_category.link:focus, .bug_summary_description a.confirmed:focus, .bug_summary_description .confirmed.link:focus, .normal_list a.no_tags.active:focus, .normal_list .no_tags.active.link:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

a.list-group-item.active > .badge, a .list-group-item.active.location:hover > .badge, a .list-group-item.active.location:hover > .badge, a .link .list-group-item.active.location:hover > .badge, .link a .list-group-item.active.location:hover > .badge, a .link .list-group-item.active.location:hover > .badge, .link a .list-group-item.active.location:hover > .badge, .link .list-group-item.active.location:hover > .badge, .link a .list-group-item.active.location:hover > .badge, a .link .list-group-item.active.location:hover > .badge, .link .list-group-item.active.location:hover > .badge, a .link .list-group-item.active.location:hover > .badge, .link a .list-group-item.active.location:hover > .badge, .event_listing a.list-group-item.active > .best_of_small, .event_listing a .list-group-item.active.location:hover > .best_of_small, .event_listing a .list-group-item.active.location:hover > .best_of_small, .event_listing a .link .list-group-item.active.location:hover > .best_of_small, .link .event_listing a .list-group-item.active.location:hover > .best_of_small, .event_listing a .link .list-group-item.active.location:hover > .best_of_small, .event_listing .link a .list-group-item.active.location:hover > .best_of_small, .link .event_listing a .list-group-item.active.location:hover > .best_of_small, a .event_listing .list-group-item.active.location:hover > .best_of_small, a .event_listing .list-group-item.active.location:hover > .best_of_small, a .event_listing .link .list-group-item.active.location:hover > .best_of_small, .link a .event_listing .list-group-item.active.location:hover > .best_of_small, a .event_listing .link .list-group-item.active.location:hover > .best_of_small, a .link .event_listing .list-group-item.active.location:hover > .best_of_small, .link a .event_listing .list-group-item.active.location:hover > .best_of_small, .event_listing .link .list-group-item.active.location:hover > .best_of_small, .event_listing .link a .list-group-item.active.location:hover > .best_of_small, a .event_listing .link .list-group-item.active.location:hover > .best_of_small, .event_listing .link .list-group-item.active.location:hover > .best_of_small, .event_listing a .link .list-group-item.active.location:hover > .best_of_small, a .event_listing .link .list-group-item.active.location:hover > .best_of_small, .event_listing .link a .list-group-item.active.location:hover > .best_of_small, .link .event_listing .list-group-item.active.location:hover > .best_of_small, .link .event_listing a .list-group-item.active.location:hover > .best_of_small, a .link .event_listing .list-group-item.active.location:hover > .best_of_small, .link .event_listing .list-group-item.active.location:hover > .best_of_small, a .link .event_listing .list-group-item.active.location:hover > .best_of_small, .link .event_listing a .list-group-item.active.location:hover > .best_of_small, .link a .event_listing .list-group-item.active.location:hover > .best_of_small, .list-group-item.active.link > .badge, .event_listing .list-group-item.active.link > .best_of_small, .entrant_list a.active.entrant > .badge, .entrant_list a .active.entrant.location:hover > .badge, .entrant_list a .active.entrant.location:hover > .badge, .entrant_list a .link .active.entrant.location:hover > .badge, .link .entrant_list a .active.entrant.location:hover > .badge, .entrant_list a .link .active.entrant.location:hover > .badge, .entrant_list .link a .active.entrant.location:hover > .badge, .link .entrant_list a .active.entrant.location:hover > .badge, a .entrant_list .active.entrant.location:hover > .badge, a .entrant_list .active.entrant.location:hover > .badge, a .entrant_list .link .active.entrant.location:hover > .badge, .link a .entrant_list .active.entrant.location:hover > .badge, a .entrant_list .link .active.entrant.location:hover > .badge, a .link .entrant_list .active.entrant.location:hover > .badge, .link a .entrant_list .active.entrant.location:hover > .badge, .entrant_list .link .active.entrant.location:hover > .badge, .entrant_list .link a .active.entrant.location:hover > .badge, a .entrant_list .link .active.entrant.location:hover > .badge, .entrant_list .link .active.entrant.location:hover > .badge, .entrant_list a .link .active.entrant.location:hover > .badge, a .entrant_list .link .active.entrant.location:hover > .badge, .entrant_list .link a .active.entrant.location:hover > .badge, .link .entrant_list .active.entrant.location:hover > .badge, .link .entrant_list a .active.entrant.location:hover > .badge, a .link .entrant_list .active.entrant.location:hover > .badge, .link .entrant_list .active.entrant.location:hover > .badge, a .link .entrant_list .active.entrant.location:hover > .badge, .link .entrant_list a .active.entrant.location:hover > .badge, .link a .entrant_list .active.entrant.location:hover > .badge, .entrant_list .event_listing a.active.entrant > .best_of_small, .entrant_list .event_listing a .active.entrant.location:hover > .best_of_small, .entrant_list .event_listing a .active.entrant.location:hover > .best_of_small, .entrant_list .event_listing a .link .active.entrant.location:hover > .best_of_small, .link .entrant_list .event_listing a .active.entrant.location:hover > .best_of_small, .entrant_list .event_listing a .link .active.entrant.location:hover > .best_of_small, .entrant_list .event_listing .link a .active.entrant.location:hover > .best_of_small, .link .entrant_list .event_listing a .active.entrant.location:hover > .best_of_small, a .entrant_list .event_listing .active.entrant.location:hover > .best_of_small, a .entrant_list .event_listing .active.entrant.location:hover > .best_of_small, a .entrant_list .event_listing .link .active.entrant.location:hover > .best_of_small, .link a .entrant_list .event_listing .active.entrant.location:hover > .best_of_small, a .entrant_list .event_listing .link .active.entrant.location:hover > .best_of_small, a .link .entrant_list .event_listing .active.entrant.location:hover > .best_of_small, .link a .entrant_list .event_listing .active.entrant.location:hover > .best_of_small, .entrant_list .event_listing .link .active.entrant.location:hover > .best_of_small, .entrant_list .event_listing .link a .active.entrant.location:hover > .best_of_small, a .entrant_list .event_listing .link .active.entrant.location:hover > .best_of_small, .entrant_list .event_listing .link .active.entrant.location:hover > .best_of_small, .entrant_list .event_listing a .link .active.entrant.location:hover > .best_of_small, a .entrant_list .event_listing .link .active.entrant.location:hover > .best_of_small, .entrant_list .event_listing .link a .active.entrant.location:hover > .best_of_small, .link .entrant_list .event_listing .active.entrant.location:hover > .best_of_small, .link .entrant_list .event_listing a .active.entrant.location:hover > .best_of_small, a .link .entrant_list .event_listing .active.entrant.location:hover > .best_of_small, .link .entrant_list .event_listing .active.entrant.location:hover > .best_of_small, a .link .entrant_list .event_listing .active.entrant.location:hover > .best_of_small, .link .entrant_list .event_listing a .active.entrant.location:hover > .best_of_small, .link a .entrant_list .event_listing .active.entrant.location:hover > .best_of_small, .event_listing .entrant_list a.active.entrant > .best_of_small, .event_listing .entrant_list a .active.entrant.location:hover > .best_of_small, .event_listing .entrant_list a .active.entrant.location:hover > .best_of_small, .event_listing .entrant_list a .link .active.entrant.location:hover > .best_of_small, .link .event_listing .entrant_list a .active.entrant.location:hover > .best_of_small, .event_listing .entrant_list a .link .active.entrant.location:hover > .best_of_small, .event_listing .entrant_list .link a .active.entrant.location:hover > .best_of_small, .link .event_listing .entrant_list a .active.entrant.location:hover > .best_of_small, a .event_listing .entrant_list .active.entrant.location:hover > .best_of_small, a .event_listing .entrant_list .active.entrant.location:hover > .best_of_small, a .event_listing .entrant_list .link .active.entrant.location:hover > .best_of_small, .link a .event_listing .entrant_list .active.entrant.location:hover > .best_of_small, a .event_listing .entrant_list .link .active.entrant.location:hover > .best_of_small, a .link .event_listing .entrant_list .active.entrant.location:hover > .best_of_small, .link a .event_listing .entrant_list .active.entrant.location:hover > .best_of_small, .event_listing .entrant_list .link .active.entrant.location:hover > .best_of_small, .event_listing .entrant_list .link a .active.entrant.location:hover > .best_of_small, a .event_listing .entrant_list .link .active.entrant.location:hover > .best_of_small, .event_listing .entrant_list .link .active.entrant.location:hover > .best_of_small, .event_listing .entrant_list a .link .active.entrant.location:hover > .best_of_small, a .event_listing .entrant_list .link .active.entrant.location:hover > .best_of_small, .event_listing .entrant_list .link a .active.entrant.location:hover > .best_of_small, .link .event_listing .entrant_list .active.entrant.location:hover > .best_of_small, .link .event_listing .entrant_list a .active.entrant.location:hover > .best_of_small, a .link .event_listing .entrant_list .active.entrant.location:hover > .best_of_small, .link .event_listing .entrant_list .active.entrant.location:hover > .best_of_small, a .link .event_listing .entrant_list .active.entrant.location:hover > .best_of_small, .link .event_listing .entrant_list a .active.entrant.location:hover > .best_of_small, .link a .event_listing .entrant_list .active.entrant.location:hover > .best_of_small, .entrant_list .active.entrant.link > .badge, .entrant_list .event_listing .active.entrant.link > .best_of_small, .event_listing .entrant_list .active.entrant.link > .best_of_small, a.list-group-item.active > .bug_category, a .list-group-item.active.location:hover > .bug_category, a .list-group-item.active.location:hover > .bug_category, a .link .list-group-item.active.location:hover > .bug_category, .link a .list-group-item.active.location:hover > .bug_category, a .link .list-group-item.active.location:hover > .bug_category, .link a .list-group-item.active.location:hover > .bug_category, .link .list-group-item.active.location:hover > .bug_category, .link a .list-group-item.active.location:hover > .bug_category, a .link .list-group-item.active.location:hover > .bug_category, .link .list-group-item.active.location:hover > .bug_category, a .link .list-group-item.active.location:hover > .bug_category, .link a .list-group-item.active.location:hover > .bug_category, .list-group-item.active.link > .bug_category, .entrant_list a.active.entrant > .bug_category, .entrant_list a .active.entrant.location:hover > .bug_category, .entrant_list a .active.entrant.location:hover > .bug_category, .entrant_list a .link .active.entrant.location:hover > .bug_category, .link .entrant_list a .active.entrant.location:hover > .bug_category, .entrant_list a .link .active.entrant.location:hover > .bug_category, .entrant_list .link a .active.entrant.location:hover > .bug_category, .link .entrant_list a .active.entrant.location:hover > .bug_category, a .entrant_list .active.entrant.location:hover > .bug_category, a .entrant_list .active.entrant.location:hover > .bug_category, a .entrant_list .link .active.entrant.location:hover > .bug_category, .link a .entrant_list .active.entrant.location:hover > .bug_category, a .entrant_list .link .active.entrant.location:hover > .bug_category, a .link .entrant_list .active.entrant.location:hover > .bug_category, .link a .entrant_list .active.entrant.location:hover > .bug_category, .entrant_list .link .active.entrant.location:hover > .bug_category, .entrant_list .link a .active.entrant.location:hover > .bug_category, a .entrant_list .link .active.entrant.location:hover > .bug_category, .entrant_list .link .active.entrant.location:hover > .bug_category, .entrant_list a .link .active.entrant.location:hover > .bug_category, a .entrant_list .link .active.entrant.location:hover > .bug_category, .entrant_list .link a .active.entrant.location:hover > .bug_category, .link .entrant_list .active.entrant.location:hover > .bug_category, .link .entrant_list a .active.entrant.location:hover > .bug_category, a .link .entrant_list .active.entrant.location:hover > .bug_category, .link .entrant_list .active.entrant.location:hover > .bug_category, a .link .entrant_list .active.entrant.location:hover > .bug_category, .link .entrant_list a .active.entrant.location:hover > .bug_category, .link a .entrant_list .active.entrant.location:hover > .bug_category, .entrant_list .active.entrant.link > .bug_category, .bug_summary_description a.list-group-item.active > .confirmed, .bug_summary_description a .list-group-item.active.location:hover > .confirmed, .bug_summary_description a .list-group-item.active.location:hover > .confirmed, .bug_summary_description a .link .list-group-item.active.location:hover > .confirmed, .link .bug_summary_description a .list-group-item.active.location:hover > .confirmed, .bug_summary_description a .link .list-group-item.active.location:hover > .confirmed, .bug_summary_description .link a .list-group-item.active.location:hover > .confirmed, .link .bug_summary_description a .list-group-item.active.location:hover > .confirmed, a .bug_summary_description .list-group-item.active.location:hover > .confirmed, a .bug_summary_description .list-group-item.active.location:hover > .confirmed, a .bug_summary_description .link .list-group-item.active.location:hover > .confirmed, .link a .bug_summary_description .list-group-item.active.location:hover > .confirmed, a .bug_summary_description .link .list-group-item.active.location:hover > .confirmed, a .link .bug_summary_description .list-group-item.active.location:hover > .confirmed, .link a .bug_summary_description .list-group-item.active.location:hover > .confirmed, .bug_summary_description .link .list-group-item.active.location:hover > .confirmed, .bug_summary_description .link a .list-group-item.active.location:hover > .confirmed, a .bug_summary_description .link .list-group-item.active.location:hover > .confirmed, .bug_summary_description .link .list-group-item.active.location:hover > .confirmed, .bug_summary_description a .link .list-group-item.active.location:hover > .confirmed, a .bug_summary_description .link .list-group-item.active.location:hover > .confirmed, .bug_summary_description .link a .list-group-item.active.location:hover > .confirmed, .link .bug_summary_description .list-group-item.active.location:hover > .confirmed, .link .bug_summary_description a .list-group-item.active.location:hover > .confirmed, a .link .bug_summary_description .list-group-item.active.location:hover > .confirmed, .link .bug_summary_description .list-group-item.active.location:hover > .confirmed, a .link .bug_summary_description .list-group-item.active.location:hover > .confirmed, .link .bug_summary_description a .list-group-item.active.location:hover > .confirmed, .link a .bug_summary_description .list-group-item.active.location:hover > .confirmed, .bug_summary_description .list-group-item.active.link > .confirmed, .entrant_list .bug_summary_description a.active.entrant > .confirmed, .entrant_list .bug_summary_description a .active.entrant.location:hover > .confirmed, .entrant_list .bug_summary_description a .active.entrant.location:hover > .confirmed, .entrant_list .bug_summary_description a .link .active.entrant.location:hover > .confirmed, .link .entrant_list .bug_summary_description a .active.entrant.location:hover > .confirmed, .entrant_list .bug_summary_description a .link .active.entrant.location:hover > .confirmed, .entrant_list .bug_summary_description .link a .active.entrant.location:hover > .confirmed, .link .entrant_list .bug_summary_description a .active.entrant.location:hover > .confirmed, a .entrant_list .bug_summary_description .active.entrant.location:hover > .confirmed, a .entrant_list .bug_summary_description .active.entrant.location:hover > .confirmed, a .entrant_list .bug_summary_description .link .active.entrant.location:hover > .confirmed, .link a .entrant_list .bug_summary_description .active.entrant.location:hover > .confirmed, a .entrant_list .bug_summary_description .link .active.entrant.location:hover > .confirmed, a .link .entrant_list .bug_summary_description .active.entrant.location:hover > .confirmed, .link a .entrant_list .bug_summary_description .active.entrant.location:hover > .confirmed, .entrant_list .bug_summary_description .link .active.entrant.location:hover > .confirmed, .entrant_list .bug_summary_description .link a .active.entrant.location:hover > .confirmed, a .entrant_list .bug_summary_description .link .active.entrant.location:hover > .confirmed, .entrant_list .bug_summary_description .link .active.entrant.location:hover > .confirmed, .entrant_list .bug_summary_description a .link .active.entrant.location:hover > .confirmed, a .entrant_list .bug_summary_description .link .active.entrant.location:hover > .confirmed, .entrant_list .bug_summary_description .link a .active.entrant.location:hover > .confirmed, .link .entrant_list .bug_summary_description .active.entrant.location:hover > .confirmed, .link .entrant_list .bug_summary_description a .active.entrant.location:hover > .confirmed, a .link .entrant_list .bug_summary_description .active.entrant.location:hover > .confirmed, .link .entrant_list .bug_summary_description .active.entrant.location:hover > .confirmed, a .link .entrant_list .bug_summary_description .active.entrant.location:hover > .confirmed, .link .entrant_list .bug_summary_description a .active.entrant.location:hover > .confirmed, .link a .entrant_list .bug_summary_description .active.entrant.location:hover > .confirmed, .entrant_list .bug_summary_description .active.entrant.link > .confirmed, .bug_summary_description .entrant_list a.active.entrant > .confirmed, .bug_summary_description .entrant_list a .active.entrant.location:hover > .confirmed, .bug_summary_description .entrant_list a .active.entrant.location:hover > .confirmed, .bug_summary_description .entrant_list a .link .active.entrant.location:hover > .confirmed, .link .bug_summary_description .entrant_list a .active.entrant.location:hover > .confirmed, .bug_summary_description .entrant_list a .link .active.entrant.location:hover > .confirmed, .bug_summary_description .entrant_list .link a .active.entrant.location:hover > .confirmed, .link .bug_summary_description .entrant_list a .active.entrant.location:hover > .confirmed, a .bug_summary_description .entrant_list .active.entrant.location:hover > .confirmed, a .bug_summary_description .entrant_list .active.entrant.location:hover > .confirmed, a .bug_summary_description .entrant_list .link .active.entrant.location:hover > .confirmed, .link a .bug_summary_description .entrant_list .active.entrant.location:hover > .confirmed, a .bug_summary_description .entrant_list .link .active.entrant.location:hover > .confirmed, a .link .bug_summary_description .entrant_list .active.entrant.location:hover > .confirmed, .link a .bug_summary_description .entrant_list .active.entrant.location:hover > .confirmed, .bug_summary_description .entrant_list .link .active.entrant.location:hover > .confirmed, .bug_summary_description .entrant_list .link a .active.entrant.location:hover > .confirmed, a .bug_summary_description .entrant_list .link .active.entrant.location:hover > .confirmed, .bug_summary_description .entrant_list .link .active.entrant.location:hover > .confirmed, .bug_summary_description .entrant_list a .link .active.entrant.location:hover > .confirmed, a .bug_summary_description .entrant_list .link .active.entrant.location:hover > .confirmed, .bug_summary_description .entrant_list .link a .active.entrant.location:hover > .confirmed, .link .bug_summary_description .entrant_list .active.entrant.location:hover > .confirmed, .link .bug_summary_description .entrant_list a .active.entrant.location:hover > .confirmed, a .link .bug_summary_description .entrant_list .active.entrant.location:hover > .confirmed, .link .bug_summary_description .entrant_list .active.entrant.location:hover > .confirmed, a .link .bug_summary_description .entrant_list .active.entrant.location:hover > .confirmed, .link .bug_summary_description .entrant_list a .active.entrant.location:hover > .confirmed, .link a .bug_summary_description .entrant_list .active.entrant.location:hover > .confirmed, .bug_summary_description .entrant_list .active.entrant.link > .confirmed, .normal_list a.list-group-item.active > .no_tags.active, .normal_list a .list-group-item.active.location:hover > .no_tags.active, .normal_list a .list-group-item.active.location:hover > .no_tags.active, .normal_list a .link .list-group-item.active.location:hover > .no_tags.active, .link .normal_list a .list-group-item.active.location:hover > .no_tags.active, .normal_list a .link .list-group-item.active.location:hover > .no_tags.active, .normal_list .link a .list-group-item.active.location:hover > .no_tags.active, .link .normal_list a .list-group-item.active.location:hover > .no_tags.active, a .normal_list .list-group-item.active.location:hover > .no_tags.active, a .normal_list .list-group-item.active.location:hover > .no_tags.active, a .normal_list .link .list-group-item.active.location:hover > .no_tags.active, .link a .normal_list .list-group-item.active.location:hover > .no_tags.active, a .normal_list .link .list-group-item.active.location:hover > .no_tags.active, a .link .normal_list .list-group-item.active.location:hover > .no_tags.active, .link a .normal_list .list-group-item.active.location:hover > .no_tags.active, .normal_list .link .list-group-item.active.location:hover > .no_tags.active, .normal_list .link a .list-group-item.active.location:hover > .no_tags.active, a .normal_list .link .list-group-item.active.location:hover > .no_tags.active, .normal_list .link .list-group-item.active.location:hover > .no_tags.active, .normal_list a .link .list-group-item.active.location:hover > .no_tags.active, a .normal_list .link .list-group-item.active.location:hover > .no_tags.active, .normal_list .link a .list-group-item.active.location:hover > .no_tags.active, .link .normal_list .list-group-item.active.location:hover > .no_tags.active, .link .normal_list a .list-group-item.active.location:hover > .no_tags.active, a .link .normal_list .list-group-item.active.location:hover > .no_tags.active, .link .normal_list .list-group-item.active.location:hover > .no_tags.active, a .link .normal_list .list-group-item.active.location:hover > .no_tags.active, .link .normal_list a .list-group-item.active.location:hover > .no_tags.active, .link a .normal_list .list-group-item.active.location:hover > .no_tags.active, .normal_list .list-group-item.active.link > .no_tags.active, .entrant_list .normal_list a.active.entrant > .no_tags.active, .entrant_list .normal_list a .active.entrant.location:hover > .no_tags.active, .entrant_list .normal_list a .active.entrant.location:hover > .no_tags.active, .entrant_list .normal_list a .link .active.entrant.location:hover > .no_tags.active, .link .entrant_list .normal_list a .active.entrant.location:hover > .no_tags.active, .entrant_list .normal_list a .link .active.entrant.location:hover > .no_tags.active, .entrant_list .normal_list .link a .active.entrant.location:hover > .no_tags.active, .link .entrant_list .normal_list a .active.entrant.location:hover > .no_tags.active, a .entrant_list .normal_list .active.entrant.location:hover > .no_tags.active, a .entrant_list .normal_list .active.entrant.location:hover > .no_tags.active, a .entrant_list .normal_list .link .active.entrant.location:hover > .no_tags.active, .link a .entrant_list .normal_list .active.entrant.location:hover > .no_tags.active, a .entrant_list .normal_list .link .active.entrant.location:hover > .no_tags.active, a .link .entrant_list .normal_list .active.entrant.location:hover > .no_tags.active, .link a .entrant_list .normal_list .active.entrant.location:hover > .no_tags.active, .entrant_list .normal_list .link .active.entrant.location:hover > .no_tags.active, .entrant_list .normal_list .link a .active.entrant.location:hover > .no_tags.active, a .entrant_list .normal_list .link .active.entrant.location:hover > .no_tags.active, .entrant_list .normal_list .link .active.entrant.location:hover > .no_tags.active, .entrant_list .normal_list a .link .active.entrant.location:hover > .no_tags.active, a .entrant_list .normal_list .link .active.entrant.location:hover > .no_tags.active, .entrant_list .normal_list .link a .active.entrant.location:hover > .no_tags.active, .link .entrant_list .normal_list .active.entrant.location:hover > .no_tags.active, .link .entrant_list .normal_list a .active.entrant.location:hover > .no_tags.active, a .link .entrant_list .normal_list .active.entrant.location:hover > .no_tags.active, .link .entrant_list .normal_list .active.entrant.location:hover > .no_tags.active, a .link .entrant_list .normal_list .active.entrant.location:hover > .no_tags.active, .link .entrant_list .normal_list a .active.entrant.location:hover > .no_tags.active, .link a .entrant_list .normal_list .active.entrant.location:hover > .no_tags.active, .entrant_list .normal_list .active.entrant.link > .no_tags.active, .normal_list .entrant_list a.active.entrant > .no_tags.active, .normal_list .entrant_list a .active.entrant.location:hover > .no_tags.active, .normal_list .entrant_list a .active.entrant.location:hover > .no_tags.active, .normal_list .entrant_list a .link .active.entrant.location:hover > .no_tags.active, .link .normal_list .entrant_list a .active.entrant.location:hover > .no_tags.active, .normal_list .entrant_list a .link .active.entrant.location:hover > .no_tags.active, .normal_list .entrant_list .link a .active.entrant.location:hover > .no_tags.active, .link .normal_list .entrant_list a .active.entrant.location:hover > .no_tags.active, a .normal_list .entrant_list .active.entrant.location:hover > .no_tags.active, a .normal_list .entrant_list .active.entrant.location:hover > .no_tags.active, a .normal_list .entrant_list .link .active.entrant.location:hover > .no_tags.active, .link a .normal_list .entrant_list .active.entrant.location:hover > .no_tags.active, a .normal_list .entrant_list .link .active.entrant.location:hover > .no_tags.active, a .link .normal_list .entrant_list .active.entrant.location:hover > .no_tags.active, .link a .normal_list .entrant_list .active.entrant.location:hover > .no_tags.active, .normal_list .entrant_list .link .active.entrant.location:hover > .no_tags.active, .normal_list .entrant_list .link a .active.entrant.location:hover > .no_tags.active, a .normal_list .entrant_list .link .active.entrant.location:hover > .no_tags.active, .normal_list .entrant_list .link .active.entrant.location:hover > .no_tags.active, .normal_list .entrant_list a .link .active.entrant.location:hover > .no_tags.active, a .normal_list .entrant_list .link .active.entrant.location:hover > .no_tags.active, .normal_list .entrant_list .link a .active.entrant.location:hover > .no_tags.active, .link .normal_list .entrant_list .active.entrant.location:hover > .no_tags.active, .link .normal_list .entrant_list a .active.entrant.location:hover > .no_tags.active, a .link .normal_list .entrant_list .active.entrant.location:hover > .no_tags.active, .link .normal_list .entrant_list .active.entrant.location:hover > .no_tags.active, a .link .normal_list .entrant_list .active.entrant.location:hover > .no_tags.active, .link .normal_list .entrant_list a .active.entrant.location:hover > .no_tags.active, .link a .normal_list .entrant_list .active.entrant.location:hover > .no_tags.active, .normal_list .entrant_list .active.entrant.link > .no_tags.active, .nav-pills > .active > a > .badge, a .nav-pills > .active > .location:hover > .badge, a .nav-pills > .active > .location:hover > .badge, a .link .nav-pills > .active > .location:hover > .badge, .link a .nav-pills > .active > .location:hover > .badge, a .link .nav-pills > .active > .location:hover > .badge, .link a .nav-pills > .active > .location:hover > .badge, .link .nav-pills > .active > .location:hover > .badge, .link a .nav-pills > .active > .location:hover > .badge, a .link .nav-pills > .active > .location:hover > .badge, .link .nav-pills > .active > .location:hover > .badge, a .link .nav-pills > .active > .location:hover > .badge, .link a .nav-pills > .active > .location:hover > .badge, .event_listing .nav-pills > .active > a > .best_of_small, .event_listing a .nav-pills > .active > .location:hover > .best_of_small, .event_listing a .nav-pills > .active > .location:hover > .best_of_small, .event_listing a .link .nav-pills > .active > .location:hover > .best_of_small, .link .event_listing a .nav-pills > .active > .location:hover > .best_of_small, .event_listing a .link .nav-pills > .active > .location:hover > .best_of_small, .event_listing .link a .nav-pills > .active > .location:hover > .best_of_small, .link .event_listing a .nav-pills > .active > .location:hover > .best_of_small, a .event_listing .nav-pills > .active > .location:hover > .best_of_small, a .event_listing .nav-pills > .active > .location:hover > .best_of_small, a .event_listing .link .nav-pills > .active > .location:hover > .best_of_small, .link a .event_listing .nav-pills > .active > .location:hover > .best_of_small, a .event_listing .link .nav-pills > .active > .location:hover > .best_of_small, a .link .event_listing .nav-pills > .active > .location:hover > .best_of_small, .link a .event_listing .nav-pills > .active > .location:hover > .best_of_small, .event_listing .link .nav-pills > .active > .location:hover > .best_of_small, .event_listing .link a .nav-pills > .active > .location:hover > .best_of_small, a .event_listing .link .nav-pills > .active > .location:hover > .best_of_small, .event_listing .link .nav-pills > .active > .location:hover > .best_of_small, .event_listing a .link .nav-pills > .active > .location:hover > .best_of_small, a .event_listing .link .nav-pills > .active > .location:hover > .best_of_small, .event_listing .link a .nav-pills > .active > .location:hover > .best_of_small, .link .event_listing .nav-pills > .active > .location:hover > .best_of_small, .link .event_listing a .nav-pills > .active > .location:hover > .best_of_small, a .link .event_listing .nav-pills > .active > .location:hover > .best_of_small, .link .event_listing .nav-pills > .active > .location:hover > .best_of_small, a .link .event_listing .nav-pills > .active > .location:hover > .best_of_small, .link .event_listing a .nav-pills > .active > .location:hover > .best_of_small, .link a .event_listing .nav-pills > .active > .location:hover > .best_of_small, .nav-pills > .active > .link > .badge, .event_listing .nav-pills > .active > .link > .best_of_small, .nav-pills > .active > a > .bug_category, a .nav-pills > .active > .location:hover > .bug_category, a .nav-pills > .active > .location:hover > .bug_category, a .link .nav-pills > .active > .location:hover > .bug_category, .link a .nav-pills > .active > .location:hover > .bug_category, a .link .nav-pills > .active > .location:hover > .bug_category, .link a .nav-pills > .active > .location:hover > .bug_category, .link .nav-pills > .active > .location:hover > .bug_category, .link a .nav-pills > .active > .location:hover > .bug_category, a .link .nav-pills > .active > .location:hover > .bug_category, .link .nav-pills > .active > .location:hover > .bug_category, a .link .nav-pills > .active > .location:hover > .bug_category, .link a .nav-pills > .active > .location:hover > .bug_category, .nav-pills > .active > .link > .bug_category, .bug_summary_description .nav-pills > .active > a > .confirmed, .bug_summary_description a .nav-pills > .active > .location:hover > .confirmed, .bug_summary_description a .nav-pills > .active > .location:hover > .confirmed, .bug_summary_description a .link .nav-pills > .active > .location:hover > .confirmed, .link .bug_summary_description a .nav-pills > .active > .location:hover > .confirmed, .bug_summary_description a .link .nav-pills > .active > .location:hover > .confirmed, .bug_summary_description .link a .nav-pills > .active > .location:hover > .confirmed, .link .bug_summary_description a .nav-pills > .active > .location:hover > .confirmed, a .bug_summary_description .nav-pills > .active > .location:hover > .confirmed, a .bug_summary_description .nav-pills > .active > .location:hover > .confirmed, a .bug_summary_description .link .nav-pills > .active > .location:hover > .confirmed, .link a .bug_summary_description .nav-pills > .active > .location:hover > .confirmed, a .bug_summary_description .link .nav-pills > .active > .location:hover > .confirmed, a .link .bug_summary_description .nav-pills > .active > .location:hover > .confirmed, .link a .bug_summary_description .nav-pills > .active > .location:hover > .confirmed, .bug_summary_description .link .nav-pills > .active > .location:hover > .confirmed, .bug_summary_description .link a .nav-pills > .active > .location:hover > .confirmed, a .bug_summary_description .link .nav-pills > .active > .location:hover > .confirmed, .bug_summary_description .link .nav-pills > .active > .location:hover > .confirmed, .bug_summary_description a .link .nav-pills > .active > .location:hover > .confirmed, a .bug_summary_description .link .nav-pills > .active > .location:hover > .confirmed, .bug_summary_description .link a .nav-pills > .active > .location:hover > .confirmed, .link .bug_summary_description .nav-pills > .active > .location:hover > .confirmed, .link .bug_summary_description a .nav-pills > .active > .location:hover > .confirmed, a .link .bug_summary_description .nav-pills > .active > .location:hover > .confirmed, .link .bug_summary_description .nav-pills > .active > .location:hover > .confirmed, a .link .bug_summary_description .nav-pills > .active > .location:hover > .confirmed, .link .bug_summary_description a .nav-pills > .active > .location:hover > .confirmed, .link a .bug_summary_description .nav-pills > .active > .location:hover > .confirmed, .bug_summary_description .nav-pills > .active > .link > .confirmed, .normal_list .nav-pills > .active > a > .no_tags.active, .normal_list a .nav-pills > .active > .location:hover > .no_tags.active, .normal_list a .nav-pills > .active > .location:hover > .no_tags.active, .normal_list a .link .nav-pills > .active > .location:hover > .no_tags.active, .link .normal_list a .nav-pills > .active > .location:hover > .no_tags.active, .normal_list a .link .nav-pills > .active > .location:hover > .no_tags.active, .normal_list .link a .nav-pills > .active > .location:hover > .no_tags.active, .link .normal_list a .nav-pills > .active > .location:hover > .no_tags.active, a .normal_list .nav-pills > .active > .location:hover > .no_tags.active, a .normal_list .nav-pills > .active > .location:hover > .no_tags.active, a .normal_list .link .nav-pills > .active > .location:hover > .no_tags.active, .link a .normal_list .nav-pills > .active > .location:hover > .no_tags.active, a .normal_list .link .nav-pills > .active > .location:hover > .no_tags.active, a .link .normal_list .nav-pills > .active > .location:hover > .no_tags.active, .link a .normal_list .nav-pills > .active > .location:hover > .no_tags.active, .normal_list .link .nav-pills > .active > .location:hover > .no_tags.active, .normal_list .link a .nav-pills > .active > .location:hover > .no_tags.active, a .normal_list .link .nav-pills > .active > .location:hover > .no_tags.active, .normal_list .link .nav-pills > .active > .location:hover > .no_tags.active, .normal_list a .link .nav-pills > .active > .location:hover > .no_tags.active, a .normal_list .link .nav-pills > .active > .location:hover > .no_tags.active, .normal_list .link a .nav-pills > .active > .location:hover > .no_tags.active, .link .normal_list .nav-pills > .active > .location:hover > .no_tags.active, .link .normal_list a .nav-pills > .active > .location:hover > .no_tags.active, a .link .normal_list .nav-pills > .active > .location:hover > .no_tags.active, .link .normal_list .nav-pills > .active > .location:hover > .no_tags.active, a .link .normal_list .nav-pills > .active > .location:hover > .no_tags.active, .link .normal_list a .nav-pills > .active > .location:hover > .no_tags.active, .link a .normal_list .nav-pills > .active > .location:hover > .no_tags.active, .normal_list .nav-pills > .active > .link > .no_tags.active {
  color: #428bca;
  background-color: #fff;
}

.nav-pills > li > a > .badge, a .nav-pills > li > .location:hover > .badge, a .nav-pills > li > .location:hover > .badge, a .link .nav-pills > li > .location:hover > .badge, .link a .nav-pills > li > .location:hover > .badge, a .link .nav-pills > li > .location:hover > .badge, .link a .nav-pills > li > .location:hover > .badge, .link .nav-pills > li > .location:hover > .badge, .link a .nav-pills > li > .location:hover > .badge, a .link .nav-pills > li > .location:hover > .badge, .link .nav-pills > li > .location:hover > .badge, a .link .nav-pills > li > .location:hover > .badge, .link a .nav-pills > li > .location:hover > .badge, .event_listing .nav-pills > li > a > .best_of_small, .event_listing a .nav-pills > li > .location:hover > .best_of_small, .event_listing a .nav-pills > li > .location:hover > .best_of_small, .event_listing a .link .nav-pills > li > .location:hover > .best_of_small, .link .event_listing a .nav-pills > li > .location:hover > .best_of_small, .event_listing a .link .nav-pills > li > .location:hover > .best_of_small, .event_listing .link a .nav-pills > li > .location:hover > .best_of_small, .link .event_listing a .nav-pills > li > .location:hover > .best_of_small, a .event_listing .nav-pills > li > .location:hover > .best_of_small, a .event_listing .nav-pills > li > .location:hover > .best_of_small, a .event_listing .link .nav-pills > li > .location:hover > .best_of_small, .link a .event_listing .nav-pills > li > .location:hover > .best_of_small, a .event_listing .link .nav-pills > li > .location:hover > .best_of_small, a .link .event_listing .nav-pills > li > .location:hover > .best_of_small, .link a .event_listing .nav-pills > li > .location:hover > .best_of_small, .event_listing .link .nav-pills > li > .location:hover > .best_of_small, .event_listing .link a .nav-pills > li > .location:hover > .best_of_small, a .event_listing .link .nav-pills > li > .location:hover > .best_of_small, .event_listing .link .nav-pills > li > .location:hover > .best_of_small, .event_listing a .link .nav-pills > li > .location:hover > .best_of_small, a .event_listing .link .nav-pills > li > .location:hover > .best_of_small, .event_listing .link a .nav-pills > li > .location:hover > .best_of_small, .link .event_listing .nav-pills > li > .location:hover > .best_of_small, .link .event_listing a .nav-pills > li > .location:hover > .best_of_small, a .link .event_listing .nav-pills > li > .location:hover > .best_of_small, .link .event_listing .nav-pills > li > .location:hover > .best_of_small, a .link .event_listing .nav-pills > li > .location:hover > .best_of_small, .link .event_listing a .nav-pills > li > .location:hover > .best_of_small, .link a .event_listing .nav-pills > li > .location:hover > .best_of_small, .nav-pills > li > .link > .badge, .event_listing .nav-pills > li > .link > .best_of_small, .nav-pills > li > a > .bug_category, a .nav-pills > li > .location:hover > .bug_category, a .nav-pills > li > .location:hover > .bug_category, a .link .nav-pills > li > .location:hover > .bug_category, .link a .nav-pills > li > .location:hover > .bug_category, a .link .nav-pills > li > .location:hover > .bug_category, .link a .nav-pills > li > .location:hover > .bug_category, .link .nav-pills > li > .location:hover > .bug_category, .link a .nav-pills > li > .location:hover > .bug_category, a .link .nav-pills > li > .location:hover > .bug_category, .link .nav-pills > li > .location:hover > .bug_category, a .link .nav-pills > li > .location:hover > .bug_category, .link a .nav-pills > li > .location:hover > .bug_category, .nav-pills > li > .link > .bug_category, .bug_summary_description .nav-pills > li > a > .confirmed, .bug_summary_description a .nav-pills > li > .location:hover > .confirmed, .bug_summary_description a .nav-pills > li > .location:hover > .confirmed, .bug_summary_description a .link .nav-pills > li > .location:hover > .confirmed, .link .bug_summary_description a .nav-pills > li > .location:hover > .confirmed, .bug_summary_description a .link .nav-pills > li > .location:hover > .confirmed, .bug_summary_description .link a .nav-pills > li > .location:hover > .confirmed, .link .bug_summary_description a .nav-pills > li > .location:hover > .confirmed, a .bug_summary_description .nav-pills > li > .location:hover > .confirmed, a .bug_summary_description .nav-pills > li > .location:hover > .confirmed, a .bug_summary_description .link .nav-pills > li > .location:hover > .confirmed, .link a .bug_summary_description .nav-pills > li > .location:hover > .confirmed, a .bug_summary_description .link .nav-pills > li > .location:hover > .confirmed, a .link .bug_summary_description .nav-pills > li > .location:hover > .confirmed, .link a .bug_summary_description .nav-pills > li > .location:hover > .confirmed, .bug_summary_description .link .nav-pills > li > .location:hover > .confirmed, .bug_summary_description .link a .nav-pills > li > .location:hover > .confirmed, a .bug_summary_description .link .nav-pills > li > .location:hover > .confirmed, .bug_summary_description .link .nav-pills > li > .location:hover > .confirmed, .bug_summary_description a .link .nav-pills > li > .location:hover > .confirmed, a .bug_summary_description .link .nav-pills > li > .location:hover > .confirmed, .bug_summary_description .link a .nav-pills > li > .location:hover > .confirmed, .link .bug_summary_description .nav-pills > li > .location:hover > .confirmed, .link .bug_summary_description a .nav-pills > li > .location:hover > .confirmed, a .link .bug_summary_description .nav-pills > li > .location:hover > .confirmed, .link .bug_summary_description .nav-pills > li > .location:hover > .confirmed, a .link .bug_summary_description .nav-pills > li > .location:hover > .confirmed, .link .bug_summary_description a .nav-pills > li > .location:hover > .confirmed, .link a .bug_summary_description .nav-pills > li > .location:hover > .confirmed, .bug_summary_description .nav-pills > li > .link > .confirmed, .normal_list .nav-pills > li > a > .no_tags.active, .normal_list a .nav-pills > li > .location:hover > .no_tags.active, .normal_list a .nav-pills > li > .location:hover > .no_tags.active, .normal_list a .link .nav-pills > li > .location:hover > .no_tags.active, .link .normal_list a .nav-pills > li > .location:hover > .no_tags.active, .normal_list a .link .nav-pills > li > .location:hover > .no_tags.active, .normal_list .link a .nav-pills > li > .location:hover > .no_tags.active, .link .normal_list a .nav-pills > li > .location:hover > .no_tags.active, a .normal_list .nav-pills > li > .location:hover > .no_tags.active, a .normal_list .nav-pills > li > .location:hover > .no_tags.active, a .normal_list .link .nav-pills > li > .location:hover > .no_tags.active, .link a .normal_list .nav-pills > li > .location:hover > .no_tags.active, a .normal_list .link .nav-pills > li > .location:hover > .no_tags.active, a .link .normal_list .nav-pills > li > .location:hover > .no_tags.active, .link a .normal_list .nav-pills > li > .location:hover > .no_tags.active, .normal_list .link .nav-pills > li > .location:hover > .no_tags.active, .normal_list .link a .nav-pills > li > .location:hover > .no_tags.active, a .normal_list .link .nav-pills > li > .location:hover > .no_tags.active, .normal_list .link .nav-pills > li > .location:hover > .no_tags.active, .normal_list a .link .nav-pills > li > .location:hover > .no_tags.active, a .normal_list .link .nav-pills > li > .location:hover > .no_tags.active, .normal_list .link a .nav-pills > li > .location:hover > .no_tags.active, .link .normal_list .nav-pills > li > .location:hover > .no_tags.active, .link .normal_list a .nav-pills > li > .location:hover > .no_tags.active, a .link .normal_list .nav-pills > li > .location:hover > .no_tags.active, .link .normal_list .nav-pills > li > .location:hover > .no_tags.active, a .link .normal_list .nav-pills > li > .location:hover > .no_tags.active, .link .normal_list a .nav-pills > li > .location:hover > .no_tags.active, .link a .normal_list .nav-pills > li > .location:hover > .no_tags.active, .normal_list .nav-pills > li > .link > .no_tags.active {
  margin-left: 3px;
}

.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}

.jumbotron h1, .jumbotron .h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron, body.database_setup .jumbotron {
  border-radius: 6px;
}

.jumbotron .container, .jumbotron body.database_setup {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron, body.database_setup .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1, .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.thumbnail > img, .thumbnail a > img, .thumbnail a .location:hover > img, a .thumbnail .location:hover > img, .thumbnail .link .location:hover > img, .link .thumbnail .location:hover > img, .thumbnail .link > img {
  margin-right: auto;
  margin-left: auto;
}

a.thumbnail:hover, a .thumbnail.location:hover, .link .thumbnail.location:hover, .thumbnail.link:hover, a.thumbnail:focus, .thumbnail.link:focus, a.thumbnail.active, .thumbnail.active.link {
  border-color: #428bca;
}

.thumbnail .caption {
  padding: 9px;
  color: #333;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: 700;
}

.alert > p, .alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable, .alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar, .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress.active .progress-bar, .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
  min-width: 30px;
}

.progress-bar[aria-valuenow="0"] {
  min-width: 30px;
  color: #777;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media, .media-body {
  overflow: hidden;
  zoom: 1;
}

.media, .media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media > .pull-left {
  margin-right: 10px;
}

.media > .pull-right {
  margin-left: 10px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item, .entrant_list .entrant {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child, .entrant_list .entrant:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-group-item:last-child, .entrant_list .entrant:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.list-group-item > .badge, .event_listing .list-group-item > .best_of_small, .entrant_list .entrant > .badge, .entrant_list .event_listing .entrant > .best_of_small, .event_listing .entrant_list .entrant > .best_of_small, .list-group-item > .bug_category, .entrant_list .entrant > .bug_category, .bug_summary_description .list-group-item > .confirmed, .entrant_list .bug_summary_description .entrant > .confirmed, .bug_summary_description .entrant_list .entrant > .confirmed, .normal_list .list-group-item > .no_tags.active, .entrant_list .normal_list .entrant > .no_tags.active, .normal_list .entrant_list .entrant > .no_tags.active {
  float: right;
}

.list-group-item > .badge + .badge, .event_listing .list-group-item > .best_of_small + .badge, .event_listing .list-group-item > .badge + .best_of_small, .event_listing .list-group-item > .best_of_small + .best_of_small, .entrant_list .entrant > .badge + .badge, .entrant_list .event_listing .entrant > .best_of_small + .badge, .event_listing .entrant_list .entrant > .best_of_small + .badge, .entrant_list .event_listing .entrant > .badge + .best_of_small, .event_listing .entrant_list .entrant > .badge + .best_of_small, .entrant_list .event_listing .entrant > .best_of_small + .best_of_small, .event_listing .entrant_list .entrant > .best_of_small + .best_of_small, .list-group-item > .bug_category + .badge, .event_listing .list-group-item > .bug_category + .best_of_small, .entrant_list .entrant > .bug_category + .badge, .entrant_list .event_listing .entrant > .bug_category + .best_of_small, .event_listing .entrant_list .entrant > .bug_category + .best_of_small, .bug_summary_description .list-group-item > .confirmed + .badge, .bug_summary_description .event_listing .list-group-item > .confirmed + .best_of_small, .event_listing .bug_summary_description .list-group-item > .confirmed + .best_of_small, .entrant_list .bug_summary_description .entrant > .confirmed + .badge, .entrant_list .bug_summary_description .event_listing .entrant > .confirmed + .best_of_small, .event_listing .entrant_list .bug_summary_description .entrant > .confirmed + .best_of_small, .bug_summary_description .entrant_list .entrant > .confirmed + .badge, .bug_summary_description .entrant_list .event_listing .entrant > .confirmed + .best_of_small, .event_listing .bug_summary_description .entrant_list .entrant > .confirmed + .best_of_small, .normal_list .list-group-item > .no_tags.active + .badge, .normal_list .event_listing .list-group-item > .no_tags.active + .best_of_small, .event_listing .normal_list .list-group-item > .no_tags.active + .best_of_small, .entrant_list .normal_list .entrant > .no_tags.active + .badge, .entrant_list .normal_list .event_listing .entrant > .no_tags.active + .best_of_small, .event_listing .entrant_list .normal_list .entrant > .no_tags.active + .best_of_small, .normal_list .entrant_list .entrant > .no_tags.active + .badge, .normal_list .entrant_list .event_listing .entrant > .no_tags.active + .best_of_small, .event_listing .normal_list .entrant_list .entrant > .no_tags.active + .best_of_small, .list-group-item > .badge + .bug_category, .event_listing .list-group-item > .best_of_small + .bug_category, .entrant_list .entrant > .badge + .bug_category, .entrant_list .event_listing .entrant > .best_of_small + .bug_category, .event_listing .entrant_list .entrant > .best_of_small + .bug_category, .list-group-item > .bug_category + .bug_category, .entrant_list .entrant > .bug_category + .bug_category, .bug_summary_description .list-group-item > .confirmed + .bug_category, .entrant_list .bug_summary_description .entrant > .confirmed + .bug_category, .bug_summary_description .entrant_list .entrant > .confirmed + .bug_category, .normal_list .list-group-item > .no_tags.active + .bug_category, .entrant_list .normal_list .entrant > .no_tags.active + .bug_category, .normal_list .entrant_list .entrant > .no_tags.active + .bug_category, .bug_summary_description .list-group-item > .badge + .confirmed, .bug_summary_description .event_listing .list-group-item > .best_of_small + .confirmed, .event_listing .bug_summary_description .list-group-item > .best_of_small + .confirmed, .entrant_list .bug_summary_description .entrant > .badge + .confirmed, .entrant_list .bug_summary_description .event_listing .entrant > .best_of_small + .confirmed, .event_listing .entrant_list .bug_summary_description .entrant > .best_of_small + .confirmed, .bug_summary_description .entrant_list .entrant > .badge + .confirmed, .bug_summary_description .entrant_list .event_listing .entrant > .best_of_small + .confirmed, .event_listing .bug_summary_description .entrant_list .entrant > .best_of_small + .confirmed, .bug_summary_description .list-group-item > .bug_category + .confirmed, .entrant_list .bug_summary_description .entrant > .bug_category + .confirmed, .bug_summary_description .entrant_list .entrant > .bug_category + .confirmed, .bug_summary_description .list-group-item > .confirmed + .confirmed, .entrant_list .bug_summary_description .entrant > .confirmed + .confirmed, .bug_summary_description .entrant_list .entrant > .confirmed + .confirmed, .normal_list .bug_summary_description .list-group-item > .no_tags.active + .confirmed, .bug_summary_description .normal_list .list-group-item > .no_tags.active + .confirmed, .entrant_list .normal_list .bug_summary_description .entrant > .no_tags.active + .confirmed, .bug_summary_description .entrant_list .normal_list .entrant > .no_tags.active + .confirmed, .normal_list .entrant_list .bug_summary_description .entrant > .no_tags.active + .confirmed, .bug_summary_description .normal_list .entrant_list .entrant > .no_tags.active + .confirmed, .normal_list .list-group-item > .badge + .no_tags.active, .normal_list .event_listing .list-group-item > .best_of_small + .no_tags.active, .event_listing .normal_list .list-group-item > .best_of_small + .no_tags.active, .entrant_list .normal_list .entrant > .badge + .no_tags.active, .entrant_list .normal_list .event_listing .entrant > .best_of_small + .no_tags.active, .event_listing .entrant_list .normal_list .entrant > .best_of_small + .no_tags.active, .normal_list .entrant_list .entrant > .badge + .no_tags.active, .normal_list .entrant_list .event_listing .entrant > .best_of_small + .no_tags.active, .event_listing .normal_list .entrant_list .entrant > .best_of_small + .no_tags.active, .normal_list .list-group-item > .bug_category + .no_tags.active, .entrant_list .normal_list .entrant > .bug_category + .no_tags.active, .normal_list .entrant_list .entrant > .bug_category + .no_tags.active, .bug_summary_description .normal_list .list-group-item > .confirmed + .no_tags.active, .normal_list .bug_summary_description .list-group-item > .confirmed + .no_tags.active, .entrant_list .bug_summary_description .normal_list .entrant > .confirmed + .no_tags.active, .normal_list .entrant_list .bug_summary_description .entrant > .confirmed + .no_tags.active, .bug_summary_description .entrant_list .normal_list .entrant > .confirmed + .no_tags.active, .normal_list .bug_summary_description .entrant_list .entrant > .confirmed + .no_tags.active, .normal_list .list-group-item > .no_tags.active + .no_tags.active, .entrant_list .normal_list .entrant > .no_tags.active + .no_tags.active, .normal_list .entrant_list .entrant > .no_tags.active + .no_tags.active {
  margin-right: 5px;
}

a.list-group-item, a .list-group-item.location:hover, .link .list-group-item.location:hover, .list-group-item.link, .entrant_list a.entrant, .entrant_list a .entrant.location:hover, a .entrant_list .entrant.location:hover, .entrant_list .link .entrant.location:hover, .link .entrant_list .entrant.location:hover, .entrant_list .entrant.link {
  color: #555;
}

a.list-group-item .list-group-item-heading, a .list-group-item.location:hover .list-group-item-heading, .link .list-group-item.location:hover .list-group-item-heading, .list-group-item.link .list-group-item-heading, .entrant_list a.entrant .list-group-item-heading, .entrant_list a .entrant.location:hover .list-group-item-heading, a .entrant_list .entrant.location:hover .list-group-item-heading, .entrant_list .link .entrant.location:hover .list-group-item-heading, .link .entrant_list .entrant.location:hover .list-group-item-heading, .entrant_list .entrant.link .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover, a .list-group-item.location:hover, .link .list-group-item.location:hover, .list-group-item.link:hover, .entrant_list a.entrant:hover, .entrant_list a .entrant.location:hover, a .entrant_list .entrant.location:hover, .entrant_list .link .entrant.location:hover, .link .entrant_list .entrant.location:hover, .entrant_list .entrant.link:hover, a.list-group-item:focus, .list-group-item.link:focus, .entrant_list a.entrant:focus, .entrant_list .entrant.link:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

.list-group-item.disabled, .entrant_list .disabled.entrant, .request_list .challenge_request_hmm.removing button.list-group-item, .entrant_list .request_list .challenge_request_hmm.removing button.entrant, .request_list .challenge_request_hmm.removing .entrant_list button.entrant, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  color: #777;
  background-color: #eee;
}

.list-group-item.disabled .list-group-item-heading, .entrant_list .disabled.entrant .list-group-item-heading, .request_list .challenge_request_hmm.removing button.list-group-item .list-group-item-heading, .entrant_list .request_list .challenge_request_hmm.removing button.entrant .list-group-item-heading, .request_list .challenge_request_hmm.removing .entrant_list button.entrant .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text, .entrant_list .disabled.entrant .list-group-item-text, .request_list .challenge_request_hmm.removing button.list-group-item .list-group-item-text, .entrant_list .request_list .challenge_request_hmm.removing button.entrant .list-group-item-text, .request_list .challenge_request_hmm.removing .entrant_list button.entrant .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}

.list-group-item.active, .entrant_list .active.entrant, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}

.list-group-item.active .list-group-item-heading, .entrant_list .active.entrant .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .entrant_list .active.entrant .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .entrant_list .active.entrant .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text, .entrant_list .active.entrant .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success, a .list-group-item-success.location:hover, .link .list-group-item-success.location:hover, .list-group-item-success.link {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading, a .list-group-item-success.location:hover .list-group-item-heading, .link .list-group-item-success.location:hover .list-group-item-heading, .list-group-item-success.link .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover, a .list-group-item-success.location:hover, .link .list-group-item-success.location:hover, .list-group-item-success.link:hover, a.list-group-item-success:focus, .list-group-item-success.link:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active, a .list-group-item-success.active.location:hover, .link .list-group-item-success.active.location:hover, .list-group-item-success.active.link, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info, a .list-group-item-info.location:hover, .link .list-group-item-info.location:hover, .list-group-item-info.link {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading, a .list-group-item-info.location:hover .list-group-item-heading, .link .list-group-item-info.location:hover .list-group-item-heading, .list-group-item-info.link .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover, a .list-group-item-info.location:hover, .link .list-group-item-info.location:hover, .list-group-item-info.link:hover, a.list-group-item-info:focus, .list-group-item-info.link:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active, a .list-group-item-info.active.location:hover, .link .list-group-item-info.active.location:hover, .list-group-item-info.active.link, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning, a .list-group-item-warning.location:hover, .link .list-group-item-warning.location:hover, .list-group-item-warning.link {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading, a .list-group-item-warning.location:hover .list-group-item-heading, .link .list-group-item-warning.location:hover .list-group-item-heading, .list-group-item-warning.link .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover, a .list-group-item-warning.location:hover, .link .list-group-item-warning.location:hover, .list-group-item-warning.link:hover, a.list-group-item-warning:focus, .list-group-item-warning.link:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active, a .list-group-item-warning.active.location:hover, .link .list-group-item-warning.active.location:hover, .list-group-item-warning.active.link, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger, a .list-group-item-danger.location:hover, .link .list-group-item-danger.location:hover, .list-group-item-danger.link {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading, a .list-group-item-danger.location:hover .list-group-item-heading, .link .list-group-item-danger.location:hover .list-group-item-heading, .list-group-item-danger.link .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover, a .list-group-item-danger.location:hover, .link .list-group-item-danger.location:hover, .list-group-item-danger.link:hover, a.list-group-item-danger:focus, .list-group-item-danger.link:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active, a .list-group-item-danger.active.location:hover, .link .list-group-item-danger.active.location:hover, .list-group-item-danger.active.link, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel, body.database_setup .section_content {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body, .bug_row {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a, a .panel-title > .location:hover, .link .panel-title > .location:hover, .panel-title > .link {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group, body.database_setup .section_content > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item, body.database_setup .section_content > .list-group .list-group-item, .panel > .list-group .entrant_list .entrant, .entrant_list .panel > .list-group .entrant, body.database_setup .section_content > .list-group .entrant_list .entrant, .entrant_list body.database_setup .section_content > .list-group .entrant {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child, body.database_setup .section_content > .list-group:first-child .list-group-item:first-child, .panel > .list-group:first-child .entrant_list .entrant:first-child, .entrant_list .panel > .list-group:first-child .entrant:first-child, body.database_setup .section_content > .list-group:first-child .entrant_list .entrant:first-child, .entrant_list body.database_setup .section_content > .list-group:first-child .entrant:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child, body.database_setup .section_content > .list-group:last-child .list-group-item:last-child, .panel > .list-group:last-child .entrant_list .entrant:last-child, .entrant_list .panel > .list-group:last-child .entrant:last-child, body.database_setup .section_content > .list-group:last-child .entrant_list .entrant:last-child, .entrant_list body.database_setup .section_content > .list-group:last-child .entrant:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-heading + .list-group .list-group-item:first-child, .panel-heading + .list-group .entrant_list .entrant:first-child, .entrant_list .panel-heading + .list-group .entrant:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table, body.database_setup .section_content > .table, .panel > .table-responsive > .table, body.database_setup .section_content > .table-responsive > .table, .panel > .panel-collapse > .table, body.database_setup .section_content > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table:first-child, body.database_setup .section_content > .table:first-child, .panel > .table-responsive:first-child > .table:first-child, body.database_setup .section_content > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, body.database_setup .section_content > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, body.database_setup .section_content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, body.database_setup .section_content > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, body.database_setup .section_content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, body.database_setup .section_content > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, body.database_setup .section_content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, body.database_setup .section_content > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, body.database_setup .section_content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, body.database_setup .section_content > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, body.database_setup .section_content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, body.database_setup .section_content > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, body.database_setup .section_content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, body.database_setup .section_content > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, body.database_setup .section_content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, body.database_setup .section_content > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, body.database_setup .section_content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table:last-child, body.database_setup .section_content > .table:last-child, .panel > .table-responsive:last-child > .table:last-child, body.database_setup .section_content > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, body.database_setup .section_content > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, body.database_setup .section_content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, body.database_setup .section_content > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, body.database_setup .section_content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, body.database_setup .section_content > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, body.database_setup .section_content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, body.database_setup .section_content > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, body.database_setup .section_content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, body.database_setup .section_content > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, body.database_setup .section_content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, body.database_setup .section_content > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, body.database_setup .section_content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, body.database_setup .section_content > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, body.database_setup .section_content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, body.database_setup .section_content > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, body.database_setup .section_content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table, body.database_setup .section_content > .panel-body + .table, .panel > .bug_row + .table, body.database_setup .section_content > .bug_row + .table, .panel > .panel-body + .table-responsive, body.database_setup .section_content > .panel-body + .table-responsive, .panel > .bug_row + .table-responsive, body.database_setup .section_content > .bug_row + .table-responsive {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th, body.database_setup .section_content > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td, body.database_setup .section_content > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered, body.database_setup .section_content > .table-bordered, .panel > .table-responsive > .table-bordered, body.database_setup .section_content > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child, body.database_setup .section_content > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, body.database_setup .section_content > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, body.database_setup .section_content > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, body.database_setup .section_content > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, body.database_setup .section_content > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, body.database_setup .section_content > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, body.database_setup .section_content > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, body.database_setup .section_content > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, body.database_setup .section_content > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, body.database_setup .section_content > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, body.database_setup .section_content > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, body.database_setup .section_content > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child, body.database_setup .section_content > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, body.database_setup .section_content > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, body.database_setup .section_content > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, body.database_setup .section_content > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, body.database_setup .section_content > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, body.database_setup .section_content > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, body.database_setup .section_content > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, body.database_setup .section_content > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, body.database_setup .section_content > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, body.database_setup .section_content > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, body.database_setup .section_content > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, body.database_setup .section_content > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td, body.database_setup .section_content > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, body.database_setup .section_content > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, body.database_setup .section_content > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, body.database_setup .section_content > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, body.database_setup .section_content > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, body.database_setup .section_content > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, body.database_setup .section_content > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, body.database_setup .section_content > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td, body.database_setup .section_content > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, body.database_setup .section_content > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, body.database_setup .section_content > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, body.database_setup .section_content > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, body.database_setup .section_content > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, body.database_setup .section_content > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, body.database_setup .section_content > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, body.database_setup .section_content > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive, body.database_setup .section_content > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel, .panel-group body.database_setup .section_content, body.database_setup .panel-group .section_content {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel, .panel-group body.database_setup .section_content + .panel, body.database_setup .panel-group .section_content + .panel, .panel-group body.database_setup .panel + .section_content, body.database_setup .panel-group .panel + .section_content, .panel-group body.database_setup .section_content + .section_content, body.database_setup .panel-group .section_content + .section_content {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .bug_row {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body, .panel-group .panel-footer + .panel-collapse .bug_row {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body, .panel-default > .panel-heading + .panel-collapse > .bug_row {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge, .panel-default > .panel-heading .event_listing .best_of_small, .event_listing .panel-default > .panel-heading .best_of_small, .panel-default > .panel-heading .bug_category, .panel-default > .panel-heading .bug_summary_description .confirmed, .bug_summary_description .panel-default > .panel-heading .confirmed, .panel-default > .panel-heading .normal_list .no_tags.active, .normal_list .panel-default > .panel-heading .no_tags.active {
  color: #f5f5f5;
  background-color: #333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body, .panel-default > .panel-footer + .panel-collapse > .bug_row {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body, .panel-primary > .panel-heading + .panel-collapse > .bug_row {
  border-top-color: #428bca;
}

.panel-primary > .panel-heading .badge, .panel-primary > .panel-heading .event_listing .best_of_small, .event_listing .panel-primary > .panel-heading .best_of_small, .panel-primary > .panel-heading .bug_category, .panel-primary > .panel-heading .bug_summary_description .confirmed, .bug_summary_description .panel-primary > .panel-heading .confirmed, .panel-primary > .panel-heading .normal_list .no_tags.active, .normal_list .panel-primary > .panel-heading .no_tags.active {
  color: #428bca;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body, .panel-primary > .panel-footer + .panel-collapse > .bug_row {
  border-bottom-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body, .panel-success > .panel-heading + .panel-collapse > .bug_row {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge, .panel-success > .panel-heading .event_listing .best_of_small, .event_listing .panel-success > .panel-heading .best_of_small, .panel-success > .panel-heading .bug_category, .panel-success > .panel-heading .bug_summary_description .confirmed, .bug_summary_description .panel-success > .panel-heading .confirmed, .panel-success > .panel-heading .normal_list .no_tags.active, .normal_list .panel-success > .panel-heading .no_tags.active {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body, .panel-success > .panel-footer + .panel-collapse > .bug_row {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body, .panel-info > .panel-heading + .panel-collapse > .bug_row {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge, .panel-info > .panel-heading .event_listing .best_of_small, .event_listing .panel-info > .panel-heading .best_of_small, .panel-info > .panel-heading .bug_category, .panel-info > .panel-heading .bug_summary_description .confirmed, .bug_summary_description .panel-info > .panel-heading .confirmed, .panel-info > .panel-heading .normal_list .no_tags.active, .normal_list .panel-info > .panel-heading .no_tags.active {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body, .panel-info > .panel-footer + .panel-collapse > .bug_row {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body, .panel-warning > .panel-heading + .panel-collapse > .bug_row {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge, .panel-warning > .panel-heading .event_listing .best_of_small, .event_listing .panel-warning > .panel-heading .best_of_small, .panel-warning > .panel-heading .bug_category, .panel-warning > .panel-heading .bug_summary_description .confirmed, .bug_summary_description .panel-warning > .panel-heading .confirmed, .panel-warning > .panel-heading .normal_list .no_tags.active, .normal_list .panel-warning > .panel-heading .no_tags.active {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body, .panel-warning > .panel-footer + .panel-collapse > .bug_row {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body, .panel-danger > .panel-heading + .panel-collapse > .bug_row {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge, .panel-danger > .panel-heading .event_listing .best_of_small, .event_listing .panel-danger > .panel-heading .best_of_small, .panel-danger > .panel-heading .bug_category, .panel-danger > .panel-heading .bug_summary_description .confirmed, .bug_summary_description .panel-danger > .panel-heading .confirmed, .panel-danger > .panel-heading .normal_list .no_tags.active, .normal_list .panel-danger > .panel-heading .no_tags.active {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body, .panel-danger > .panel-footer + .panel-collapse > .bug_row {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.close:hover, a .close.location:hover, .link .close.location:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate3d(0, -25%, 0);
  -o-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}

.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn, .modal-footer .btn-xs + .btn, .modal-footer .possible_aka_listings button + .btn, .possible_aka_listings .modal-footer button + .btn, .modal-footer .user_main_info_area .mod_options form button + .btn, .user_main_info_area .mod_options form .modal-footer button + .btn, .modal-footer .btn-sm + .btn, .modal-footer .request_list .challenge_request_hmm.removing button + .btn, .request_list .challenge_request_hmm.removing .modal-footer button + .btn, .modal-footer .stage_selectable .stage_options button + .btn, .stage_selectable .stage_options .modal-footer button + .btn, .modal-footer body.database_setup input[type=submit] + .btn, body.database_setup .modal-footer input[type=submit] + .btn, .modal-footer body.database_setup button + .btn, body.database_setup .modal-footer button + .btn, .modal-footer body.database_setup .skip_to_form input[type=submit] + .btn, body.database_setup .skip_to_form .modal-footer input[type=submit] + .btn, .modal-footer body.database_setup .migrate_to_form input[type=submit] + .btn, body.database_setup .migrate_to_form .modal-footer input[type=submit] + .btn, .modal-footer .btn + .btn-xs, .modal-footer .possible_aka_listings .btn + button, .possible_aka_listings .modal-footer .btn + button, .modal-footer .user_main_info_area .mod_options form .btn + button, .user_main_info_area .mod_options form .modal-footer .btn + button, .modal-footer .btn-xs + .btn-xs, .modal-footer .possible_aka_listings button + .btn-xs, .possible_aka_listings .modal-footer button + .btn-xs, .modal-footer .possible_aka_listings .btn-xs + button, .possible_aka_listings .modal-footer .btn-xs + button, .modal-footer .possible_aka_listings button + button, .possible_aka_listings .modal-footer button + button, .modal-footer .user_main_info_area .mod_options form button + .btn-xs, .modal-footer .user_main_info_area .mod_options form .possible_aka_listings button + button, .possible_aka_listings .modal-footer .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer button + .btn-xs, .user_main_info_area .mod_options form .modal-footer .possible_aka_listings button + button, .possible_aka_listings .user_main_info_area .mod_options form .modal-footer button + button, .modal-footer .user_main_info_area .mod_options form .btn-xs + button, .modal-footer .user_main_info_area .mod_options form .possible_aka_listings button + button, .possible_aka_listings .modal-footer .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .btn-xs + button, .user_main_info_area .mod_options form .modal-footer .possible_aka_listings button + button, .possible_aka_listings .user_main_info_area .mod_options form .modal-footer button + button, .modal-footer .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer button + button, .modal-footer .btn-sm + .btn-xs, .modal-footer .possible_aka_listings .btn-sm + button, .possible_aka_listings .modal-footer .btn-sm + button, .modal-footer .user_main_info_area .mod_options form .btn-sm + button, .user_main_info_area .mod_options form .modal-footer .btn-sm + button, .modal-footer .request_list .challenge_request_hmm.removing button + .btn-xs, .modal-footer .request_list .challenge_request_hmm.removing .possible_aka_listings button + button, .possible_aka_listings .modal-footer .request_list .challenge_request_hmm.removing button + button, .modal-footer .request_list .challenge_request_hmm.removing .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer button + .btn-xs, .request_list .challenge_request_hmm.removing .modal-footer .possible_aka_listings button + button, .possible_aka_listings .request_list .challenge_request_hmm.removing .modal-footer button + button, .request_list .challenge_request_hmm.removing .modal-footer .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .request_list .challenge_request_hmm.removing .modal-footer button + button, .modal-footer .stage_selectable .stage_options button + .btn-xs, .modal-footer .stage_selectable .stage_options .possible_aka_listings button + button, .possible_aka_listings .modal-footer .stage_selectable .stage_options button + button, .modal-footer .stage_selectable .stage_options .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer button + .btn-xs, .stage_selectable .stage_options .modal-footer .possible_aka_listings button + button, .possible_aka_listings .stage_selectable .stage_options .modal-footer button + button, .stage_selectable .stage_options .modal-footer .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .stage_selectable .stage_options .modal-footer button + button, .modal-footer body.database_setup input[type=submit] + .btn-xs, .modal-footer body.database_setup .possible_aka_listings input[type=submit] + button, .possible_aka_listings .modal-footer body.database_setup input[type=submit] + button, .modal-footer body.database_setup .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form .modal-footer body.database_setup input[type=submit] + button, body.database_setup .modal-footer input[type=submit] + .btn-xs, body.database_setup .modal-footer .possible_aka_listings input[type=submit] + button, .possible_aka_listings body.database_setup .modal-footer input[type=submit] + button, body.database_setup .modal-footer .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .modal-footer input[type=submit] + button, .modal-footer body.database_setup button + .btn-xs, .modal-footer body.database_setup .possible_aka_listings button + button, .possible_aka_listings .modal-footer body.database_setup button + button, .modal-footer body.database_setup .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer body.database_setup button + button, body.database_setup .modal-footer button + .btn-xs, body.database_setup .modal-footer .possible_aka_listings button + button, .possible_aka_listings body.database_setup .modal-footer button + button, body.database_setup .modal-footer .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form body.database_setup .modal-footer button + button, .modal-footer body.database_setup .skip_to_form input[type=submit] + .btn-xs, .modal-footer body.database_setup .skip_to_form .possible_aka_listings input[type=submit] + button, .possible_aka_listings .modal-footer body.database_setup .skip_to_form input[type=submit] + button, .modal-footer body.database_setup .skip_to_form .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form .modal-footer body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .modal-footer input[type=submit] + .btn-xs, body.database_setup .skip_to_form .modal-footer .possible_aka_listings input[type=submit] + button, .possible_aka_listings body.database_setup .skip_to_form .modal-footer input[type=submit] + button, body.database_setup .skip_to_form .modal-footer .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .skip_to_form .modal-footer input[type=submit] + button, .modal-footer body.database_setup .migrate_to_form input[type=submit] + .btn-xs, .modal-footer body.database_setup .migrate_to_form .possible_aka_listings input[type=submit] + button, .possible_aka_listings .modal-footer body.database_setup .migrate_to_form input[type=submit] + button, .modal-footer body.database_setup .migrate_to_form .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form .modal-footer body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .modal-footer input[type=submit] + .btn-xs, body.database_setup .migrate_to_form .modal-footer .possible_aka_listings input[type=submit] + button, .possible_aka_listings body.database_setup .migrate_to_form .modal-footer input[type=submit] + button, body.database_setup .migrate_to_form .modal-footer .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .migrate_to_form .modal-footer input[type=submit] + button, .modal-footer .btn + .btn-sm, .modal-footer .btn-xs + .btn-sm, .modal-footer .possible_aka_listings button + .btn-sm, .possible_aka_listings .modal-footer button + .btn-sm, .modal-footer .user_main_info_area .mod_options form button + .btn-sm, .user_main_info_area .mod_options form .modal-footer button + .btn-sm, .modal-footer .btn-sm + .btn-sm, .modal-footer .request_list .challenge_request_hmm.removing button + .btn-sm, .request_list .challenge_request_hmm.removing .modal-footer button + .btn-sm, .modal-footer .stage_selectable .stage_options button + .btn-sm, .stage_selectable .stage_options .modal-footer button + .btn-sm, .modal-footer body.database_setup input[type=submit] + .btn-sm, body.database_setup .modal-footer input[type=submit] + .btn-sm, .modal-footer body.database_setup button + .btn-sm, body.database_setup .modal-footer button + .btn-sm, .modal-footer body.database_setup .skip_to_form input[type=submit] + .btn-sm, body.database_setup .skip_to_form .modal-footer input[type=submit] + .btn-sm, .modal-footer body.database_setup .migrate_to_form input[type=submit] + .btn-sm, body.database_setup .migrate_to_form .modal-footer input[type=submit] + .btn-sm, .modal-footer .request_list .challenge_request_hmm.removing .btn + button, .request_list .challenge_request_hmm.removing .modal-footer .btn + button, .modal-footer .request_list .challenge_request_hmm.removing .btn-xs + button, .modal-footer .request_list .challenge_request_hmm.removing .possible_aka_listings button + button, .possible_aka_listings .modal-footer .request_list .challenge_request_hmm.removing button + button, .modal-footer .request_list .challenge_request_hmm.removing .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-xs + button, .request_list .challenge_request_hmm.removing .modal-footer .possible_aka_listings button + button, .possible_aka_listings .request_list .challenge_request_hmm.removing .modal-footer button + button, .request_list .challenge_request_hmm.removing .modal-footer .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .request_list .challenge_request_hmm.removing .modal-footer button + button, .modal-footer .request_list .challenge_request_hmm.removing .btn-sm + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-sm + button, .modal-footer .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer button + button, .modal-footer .stage_selectable .stage_options .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .stage_selectable .stage_options .modal-footer button + button, .modal-footer body.database_setup .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing .modal-footer body.database_setup input[type=submit] + button, body.database_setup .modal-footer .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .modal-footer input[type=submit] + button, .modal-footer body.database_setup .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer body.database_setup button + button, body.database_setup .modal-footer .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing body.database_setup .modal-footer button + button, .modal-footer body.database_setup .skip_to_form .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing .modal-footer body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .modal-footer .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .skip_to_form .modal-footer input[type=submit] + button, .modal-footer body.database_setup .migrate_to_form .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing .modal-footer body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .modal-footer .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .migrate_to_form .modal-footer input[type=submit] + button, .modal-footer .stage_selectable .stage_options .btn + button, .stage_selectable .stage_options .modal-footer .btn + button, .modal-footer .stage_selectable .stage_options .btn-xs + button, .modal-footer .stage_selectable .stage_options .possible_aka_listings button + button, .possible_aka_listings .modal-footer .stage_selectable .stage_options button + button, .modal-footer .stage_selectable .stage_options .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer .btn-xs + button, .stage_selectable .stage_options .modal-footer .possible_aka_listings button + button, .possible_aka_listings .stage_selectable .stage_options .modal-footer button + button, .stage_selectable .stage_options .modal-footer .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .stage_selectable .stage_options .modal-footer button + button, .modal-footer .stage_selectable .stage_options .btn-sm + button, .stage_selectable .stage_options .modal-footer .btn-sm + button, .modal-footer .request_list .challenge_request_hmm.removing .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer .stage_selectable .stage_options button + button, .stage_selectable .stage_options .request_list .challenge_request_hmm.removing .modal-footer button + button, .modal-footer .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer button + button, .modal-footer body.database_setup .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options .modal-footer body.database_setup input[type=submit] + button, body.database_setup .modal-footer .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options body.database_setup .modal-footer input[type=submit] + button, .modal-footer body.database_setup .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer body.database_setup button + button, body.database_setup .modal-footer .stage_selectable .stage_options button + button, .stage_selectable .stage_options body.database_setup .modal-footer button + button, .modal-footer body.database_setup .skip_to_form .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options .modal-footer body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .modal-footer .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options body.database_setup .skip_to_form .modal-footer input[type=submit] + button, .modal-footer body.database_setup .migrate_to_form .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options .modal-footer body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .modal-footer .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options body.database_setup .migrate_to_form .modal-footer input[type=submit] + button, .modal-footer body.database_setup .btn + input[type=submit], body.database_setup .modal-footer .btn + input[type=submit], .modal-footer body.database_setup .btn-xs + input[type=submit], .modal-footer body.database_setup .possible_aka_listings button + input[type=submit], .possible_aka_listings .modal-footer body.database_setup button + input[type=submit], .modal-footer body.database_setup .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form .modal-footer body.database_setup button + input[type=submit], body.database_setup .modal-footer .btn-xs + input[type=submit], body.database_setup .modal-footer .possible_aka_listings button + input[type=submit], .possible_aka_listings body.database_setup .modal-footer button + input[type=submit], body.database_setup .modal-footer .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .modal-footer button + input[type=submit], .modal-footer body.database_setup .btn-sm + input[type=submit], body.database_setup .modal-footer .btn-sm + input[type=submit], .modal-footer .request_list .challenge_request_hmm.removing body.database_setup button + input[type=submit], body.database_setup .modal-footer .request_list .challenge_request_hmm.removing button + input[type=submit], .request_list .challenge_request_hmm.removing .modal-footer body.database_setup button + input[type=submit], body.database_setup .request_list .challenge_request_hmm.removing .modal-footer button + input[type=submit], .modal-footer .stage_selectable .stage_options body.database_setup button + input[type=submit], body.database_setup .modal-footer .stage_selectable .stage_options button + input[type=submit], .stage_selectable .stage_options .modal-footer body.database_setup button + input[type=submit], body.database_setup .stage_selectable .stage_options .modal-footer button + input[type=submit], .modal-footer body.database_setup input[type=submit] + input[type=submit], body.database_setup .modal-footer input[type=submit] + input[type=submit], .modal-footer body.database_setup button + input[type=submit], body.database_setup .modal-footer button + input[type=submit], .modal-footer body.database_setup .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .modal-footer input[type=submit] + input[type=submit], .modal-footer body.database_setup .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .modal-footer input[type=submit] + input[type=submit], .modal-footer body.database_setup .btn + button, body.database_setup .modal-footer .btn + button, .modal-footer body.database_setup .btn-xs + button, .modal-footer body.database_setup .possible_aka_listings button + button, .possible_aka_listings .modal-footer body.database_setup button + button, .modal-footer body.database_setup .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer body.database_setup button + button, body.database_setup .modal-footer .btn-xs + button, body.database_setup .modal-footer .possible_aka_listings button + button, .possible_aka_listings body.database_setup .modal-footer button + button, body.database_setup .modal-footer .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form body.database_setup .modal-footer button + button, .modal-footer body.database_setup .btn-sm + button, body.database_setup .modal-footer .btn-sm + button, .modal-footer .request_list .challenge_request_hmm.removing body.database_setup button + button, body.database_setup .modal-footer .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer body.database_setup button + button, body.database_setup .request_list .challenge_request_hmm.removing .modal-footer button + button, .modal-footer .stage_selectable .stage_options body.database_setup button + button, body.database_setup .modal-footer .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer body.database_setup button + button, body.database_setup .stage_selectable .stage_options .modal-footer button + button, .modal-footer body.database_setup input[type=submit] + button, body.database_setup .modal-footer input[type=submit] + button, .modal-footer body.database_setup button + button, body.database_setup .modal-footer button + button, .modal-footer body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .modal-footer input[type=submit] + button, .modal-footer body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .modal-footer input[type=submit] + button, .modal-footer body.database_setup .skip_to_form .btn + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn + input[type=submit], .modal-footer body.database_setup .skip_to_form .btn-xs + input[type=submit], .modal-footer body.database_setup .skip_to_form .possible_aka_listings button + input[type=submit], .possible_aka_listings .modal-footer body.database_setup .skip_to_form button + input[type=submit], .modal-footer body.database_setup .skip_to_form .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form .modal-footer body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-xs + input[type=submit], body.database_setup .skip_to_form .modal-footer .possible_aka_listings button + input[type=submit], .possible_aka_listings body.database_setup .skip_to_form .modal-footer button + input[type=submit], body.database_setup .skip_to_form .modal-footer .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .skip_to_form .modal-footer button + input[type=submit], .modal-footer body.database_setup .skip_to_form .btn-sm + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-sm + input[type=submit], .modal-footer .request_list .challenge_request_hmm.removing body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .modal-footer .request_list .challenge_request_hmm.removing button + input[type=submit], .request_list .challenge_request_hmm.removing .modal-footer body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .request_list .challenge_request_hmm.removing .modal-footer button + input[type=submit], .modal-footer .stage_selectable .stage_options body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .modal-footer .stage_selectable .stage_options button + input[type=submit], .stage_selectable .stage_options .modal-footer body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .stage_selectable .stage_options .modal-footer button + input[type=submit], .modal-footer body.database_setup .skip_to_form input[type=submit] + input[type=submit], body.database_setup .modal-footer .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .modal-footer input[type=submit] + input[type=submit], .modal-footer body.database_setup .skip_to_form button + input[type=submit], body.database_setup .modal-footer .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .modal-footer button + input[type=submit], .modal-footer body.database_setup .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .modal-footer input[type=submit] + input[type=submit], .modal-footer body.database_setup .migrate_to_form .skip_to_form input[type=submit] + input[type=submit], .modal-footer body.database_setup .skip_to_form .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .modal-footer .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .migrate_to_form .modal-footer input[type=submit] + input[type=submit], .modal-footer body.database_setup .migrate_to_form .btn + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn + input[type=submit], .modal-footer body.database_setup .migrate_to_form .btn-xs + input[type=submit], .modal-footer body.database_setup .migrate_to_form .possible_aka_listings button + input[type=submit], .possible_aka_listings .modal-footer body.database_setup .migrate_to_form button + input[type=submit], .modal-footer body.database_setup .migrate_to_form .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form .modal-footer body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-xs + input[type=submit], body.database_setup .migrate_to_form .modal-footer .possible_aka_listings button + input[type=submit], .possible_aka_listings body.database_setup .migrate_to_form .modal-footer button + input[type=submit], body.database_setup .migrate_to_form .modal-footer .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .migrate_to_form .modal-footer button + input[type=submit], .modal-footer body.database_setup .migrate_to_form .btn-sm + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-sm + input[type=submit], .modal-footer .request_list .challenge_request_hmm.removing body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .modal-footer .request_list .challenge_request_hmm.removing button + input[type=submit], .request_list .challenge_request_hmm.removing .modal-footer body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .request_list .challenge_request_hmm.removing .modal-footer button + input[type=submit], .modal-footer .stage_selectable .stage_options body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .modal-footer .stage_selectable .stage_options button + input[type=submit], .stage_selectable .stage_options .modal-footer body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .stage_selectable .stage_options .modal-footer button + input[type=submit], .modal-footer body.database_setup .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .modal-footer .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .modal-footer input[type=submit] + input[type=submit], .modal-footer body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .modal-footer .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .modal-footer button + input[type=submit], .modal-footer body.database_setup .skip_to_form .migrate_to_form input[type=submit] + input[type=submit], .modal-footer body.database_setup .migrate_to_form .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .modal-footer .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .skip_to_form .modal-footer input[type=submit] + input[type=submit], .modal-footer body.database_setup .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .modal-footer input[type=submit] + input[type=submit] {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .btn-xs + .btn, .modal-footer .btn-group .possible_aka_listings button + .btn, .possible_aka_listings .modal-footer .btn-group button + .btn, .modal-footer .btn-group .user_main_info_area .mod_options form button + .btn, .user_main_info_area .mod_options form .modal-footer .btn-group button + .btn, .modal-footer .btn-group .btn-sm + .btn, .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + .btn, .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + .btn, .modal-footer .btn-group .stage_selectable .stage_options button + .btn, .stage_selectable .stage_options .modal-footer .btn-group button + .btn, .modal-footer .btn-group body.database_setup input[type=submit] + .btn, body.database_setup .modal-footer .btn-group input[type=submit] + .btn, .modal-footer .btn-group body.database_setup button + .btn, body.database_setup .modal-footer .btn-group button + .btn, .modal-footer .btn-group body.database_setup .skip_to_form input[type=submit] + .btn, body.database_setup .skip_to_form .modal-footer .btn-group input[type=submit] + .btn, .modal-footer .btn-group body.database_setup .migrate_to_form input[type=submit] + .btn, body.database_setup .migrate_to_form .modal-footer .btn-group input[type=submit] + .btn, .modal-footer .btn-group .btn + .btn-xs, .modal-footer .btn-group .possible_aka_listings .btn + button, .possible_aka_listings .modal-footer .btn-group .btn + button, .modal-footer .btn-group .user_main_info_area .mod_options form .btn + button, .user_main_info_area .mod_options form .modal-footer .btn-group .btn + button, .modal-footer .btn-group .btn-xs + .btn-xs, .modal-footer .btn-group .possible_aka_listings button + .btn-xs, .possible_aka_listings .modal-footer .btn-group button + .btn-xs, .modal-footer .btn-group .possible_aka_listings .btn-xs + button, .possible_aka_listings .modal-footer .btn-group .btn-xs + button, .modal-footer .btn-group .possible_aka_listings button + button, .possible_aka_listings .modal-footer .btn-group button + button, .modal-footer .btn-group .user_main_info_area .mod_options form button + .btn-xs, .modal-footer .btn-group .user_main_info_area .mod_options form .possible_aka_listings button + button, .possible_aka_listings .modal-footer .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .btn-group button + .btn-xs, .user_main_info_area .mod_options form .modal-footer .btn-group .possible_aka_listings button + button, .possible_aka_listings .user_main_info_area .mod_options form .modal-footer .btn-group button + button, .modal-footer .btn-group .user_main_info_area .mod_options form .btn-xs + button, .modal-footer .btn-group .user_main_info_area .mod_options form .possible_aka_listings button + button, .possible_aka_listings .modal-footer .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .btn-group .btn-xs + button, .user_main_info_area .mod_options form .modal-footer .btn-group .possible_aka_listings button + button, .possible_aka_listings .user_main_info_area .mod_options form .modal-footer .btn-group button + button, .modal-footer .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .btn-group button + button, .modal-footer .btn-group .btn-sm + .btn-xs, .modal-footer .btn-group .possible_aka_listings .btn-sm + button, .possible_aka_listings .modal-footer .btn-group .btn-sm + button, .modal-footer .btn-group .user_main_info_area .mod_options form .btn-sm + button, .user_main_info_area .mod_options form .modal-footer .btn-group .btn-sm + button, .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + .btn-xs, .modal-footer .btn-group .request_list .challenge_request_hmm.removing .possible_aka_listings button + button, .possible_aka_listings .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + button, .modal-footer .btn-group .request_list .challenge_request_hmm.removing .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + .btn-xs, .request_list .challenge_request_hmm.removing .modal-footer .btn-group .possible_aka_listings button + button, .possible_aka_listings .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + button, .modal-footer .btn-group .stage_selectable .stage_options button + .btn-xs, .modal-footer .btn-group .stage_selectable .stage_options .possible_aka_listings button + button, .possible_aka_listings .modal-footer .btn-group .stage_selectable .stage_options button + button, .modal-footer .btn-group .stage_selectable .stage_options .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer .btn-group button + .btn-xs, .stage_selectable .stage_options .modal-footer .btn-group .possible_aka_listings button + button, .possible_aka_listings .stage_selectable .stage_options .modal-footer .btn-group button + button, .stage_selectable .stage_options .modal-footer .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .stage_selectable .stage_options .modal-footer .btn-group button + button, .modal-footer .btn-group body.database_setup input[type=submit] + .btn-xs, .modal-footer .btn-group body.database_setup .possible_aka_listings input[type=submit] + button, .possible_aka_listings .modal-footer .btn-group body.database_setup input[type=submit] + button, .modal-footer .btn-group body.database_setup .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form .modal-footer .btn-group body.database_setup input[type=submit] + button, body.database_setup .modal-footer .btn-group input[type=submit] + .btn-xs, body.database_setup .modal-footer .btn-group .possible_aka_listings input[type=submit] + button, .possible_aka_listings body.database_setup .modal-footer .btn-group input[type=submit] + button, body.database_setup .modal-footer .btn-group .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group body.database_setup button + .btn-xs, .modal-footer .btn-group body.database_setup .possible_aka_listings button + button, .possible_aka_listings .modal-footer .btn-group body.database_setup button + button, .modal-footer .btn-group body.database_setup .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .btn-group body.database_setup button + button, body.database_setup .modal-footer .btn-group button + .btn-xs, body.database_setup .modal-footer .btn-group .possible_aka_listings button + button, .possible_aka_listings body.database_setup .modal-footer .btn-group button + button, body.database_setup .modal-footer .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form body.database_setup .modal-footer .btn-group button + button, .modal-footer .btn-group body.database_setup .skip_to_form input[type=submit] + .btn-xs, .modal-footer .btn-group body.database_setup .skip_to_form .possible_aka_listings input[type=submit] + button, .possible_aka_listings .modal-footer .btn-group body.database_setup .skip_to_form input[type=submit] + button, .modal-footer .btn-group body.database_setup .skip_to_form .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form .modal-footer .btn-group body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .modal-footer .btn-group input[type=submit] + .btn-xs, body.database_setup .skip_to_form .modal-footer .btn-group .possible_aka_listings input[type=submit] + button, .possible_aka_listings body.database_setup .skip_to_form .modal-footer .btn-group input[type=submit] + button, body.database_setup .skip_to_form .modal-footer .btn-group .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .skip_to_form .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group body.database_setup .migrate_to_form input[type=submit] + .btn-xs, .modal-footer .btn-group body.database_setup .migrate_to_form .possible_aka_listings input[type=submit] + button, .possible_aka_listings .modal-footer .btn-group body.database_setup .migrate_to_form input[type=submit] + button, .modal-footer .btn-group body.database_setup .migrate_to_form .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form .modal-footer .btn-group body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .modal-footer .btn-group input[type=submit] + .btn-xs, body.database_setup .migrate_to_form .modal-footer .btn-group .possible_aka_listings input[type=submit] + button, .possible_aka_listings body.database_setup .migrate_to_form .modal-footer .btn-group input[type=submit] + button, body.database_setup .migrate_to_form .modal-footer .btn-group .user_main_info_area .mod_options form input[type=submit] + button, .user_main_info_area .mod_options form body.database_setup .migrate_to_form .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group .btn + .btn-sm, .modal-footer .btn-group .btn-xs + .btn-sm, .modal-footer .btn-group .possible_aka_listings button + .btn-sm, .possible_aka_listings .modal-footer .btn-group button + .btn-sm, .modal-footer .btn-group .user_main_info_area .mod_options form button + .btn-sm, .user_main_info_area .mod_options form .modal-footer .btn-group button + .btn-sm, .modal-footer .btn-group .btn-sm + .btn-sm, .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + .btn-sm, .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + .btn-sm, .modal-footer .btn-group .stage_selectable .stage_options button + .btn-sm, .stage_selectable .stage_options .modal-footer .btn-group button + .btn-sm, .modal-footer .btn-group body.database_setup input[type=submit] + .btn-sm, body.database_setup .modal-footer .btn-group input[type=submit] + .btn-sm, .modal-footer .btn-group body.database_setup button + .btn-sm, body.database_setup .modal-footer .btn-group button + .btn-sm, .modal-footer .btn-group body.database_setup .skip_to_form input[type=submit] + .btn-sm, body.database_setup .skip_to_form .modal-footer .btn-group input[type=submit] + .btn-sm, .modal-footer .btn-group body.database_setup .migrate_to_form input[type=submit] + .btn-sm, body.database_setup .migrate_to_form .modal-footer .btn-group input[type=submit] + .btn-sm, .modal-footer .btn-group .request_list .challenge_request_hmm.removing .btn + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group .btn + button, .modal-footer .btn-group .request_list .challenge_request_hmm.removing .btn-xs + button, .modal-footer .btn-group .request_list .challenge_request_hmm.removing .possible_aka_listings button + button, .possible_aka_listings .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + button, .modal-footer .btn-group .request_list .challenge_request_hmm.removing .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group .btn-xs + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group .possible_aka_listings button + button, .possible_aka_listings .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + button, .modal-footer .btn-group .request_list .challenge_request_hmm.removing .btn-sm + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group .btn-sm + button, .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + button, .modal-footer .btn-group .stage_selectable .stage_options .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .stage_selectable .stage_options .modal-footer .btn-group button + button, .modal-footer .btn-group body.database_setup .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group body.database_setup input[type=submit] + button, body.database_setup .modal-footer .btn-group .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group body.database_setup .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group body.database_setup button + button, body.database_setup .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing body.database_setup .modal-footer .btn-group button + button, .modal-footer .btn-group body.database_setup .skip_to_form .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .modal-footer .btn-group .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .skip_to_form .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group body.database_setup .migrate_to_form .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .modal-footer .btn-group .request_list .challenge_request_hmm.removing input[type=submit] + button, .request_list .challenge_request_hmm.removing body.database_setup .migrate_to_form .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group .stage_selectable .stage_options .btn + button, .stage_selectable .stage_options .modal-footer .btn-group .btn + button, .modal-footer .btn-group .stage_selectable .stage_options .btn-xs + button, .modal-footer .btn-group .stage_selectable .stage_options .possible_aka_listings button + button, .possible_aka_listings .modal-footer .btn-group .stage_selectable .stage_options button + button, .modal-footer .btn-group .stage_selectable .stage_options .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer .btn-group .btn-xs + button, .stage_selectable .stage_options .modal-footer .btn-group .possible_aka_listings button + button, .possible_aka_listings .stage_selectable .stage_options .modal-footer .btn-group button + button, .stage_selectable .stage_options .modal-footer .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .stage_selectable .stage_options .modal-footer .btn-group button + button, .modal-footer .btn-group .stage_selectable .stage_options .btn-sm + button, .stage_selectable .stage_options .modal-footer .btn-group .btn-sm + button, .modal-footer .btn-group .request_list .challenge_request_hmm.removing .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + button, .modal-footer .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer .btn-group button + button, .modal-footer .btn-group body.database_setup .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options .modal-footer .btn-group body.database_setup input[type=submit] + button, body.database_setup .modal-footer .btn-group .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options body.database_setup .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group body.database_setup .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer .btn-group body.database_setup button + button, body.database_setup .modal-footer .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options body.database_setup .modal-footer .btn-group button + button, .modal-footer .btn-group body.database_setup .skip_to_form .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options .modal-footer .btn-group body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .modal-footer .btn-group .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options body.database_setup .skip_to_form .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group body.database_setup .migrate_to_form .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options .modal-footer .btn-group body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .modal-footer .btn-group .stage_selectable .stage_options input[type=submit] + button, .stage_selectable .stage_options body.database_setup .migrate_to_form .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group body.database_setup .btn + input[type=submit], body.database_setup .modal-footer .btn-group .btn + input[type=submit], .modal-footer .btn-group body.database_setup .btn-xs + input[type=submit], .modal-footer .btn-group body.database_setup .possible_aka_listings button + input[type=submit], .possible_aka_listings .modal-footer .btn-group body.database_setup button + input[type=submit], .modal-footer .btn-group body.database_setup .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form .modal-footer .btn-group body.database_setup button + input[type=submit], body.database_setup .modal-footer .btn-group .btn-xs + input[type=submit], body.database_setup .modal-footer .btn-group .possible_aka_listings button + input[type=submit], .possible_aka_listings body.database_setup .modal-footer .btn-group button + input[type=submit], body.database_setup .modal-footer .btn-group .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group body.database_setup .btn-sm + input[type=submit], body.database_setup .modal-footer .btn-group .btn-sm + input[type=submit], .modal-footer .btn-group .request_list .challenge_request_hmm.removing body.database_setup button + input[type=submit], body.database_setup .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + input[type=submit], .request_list .challenge_request_hmm.removing .modal-footer .btn-group body.database_setup button + input[type=submit], body.database_setup .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group .stage_selectable .stage_options body.database_setup button + input[type=submit], body.database_setup .modal-footer .btn-group .stage_selectable .stage_options button + input[type=submit], .stage_selectable .stage_options .modal-footer .btn-group body.database_setup button + input[type=submit], body.database_setup .stage_selectable .stage_options .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group body.database_setup input[type=submit] + input[type=submit], body.database_setup .modal-footer .btn-group input[type=submit] + input[type=submit], .modal-footer .btn-group body.database_setup button + input[type=submit], body.database_setup .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group body.database_setup .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group input[type=submit] + input[type=submit], .modal-footer .btn-group body.database_setup .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group input[type=submit] + input[type=submit], .modal-footer .btn-group body.database_setup .btn + button, body.database_setup .modal-footer .btn-group .btn + button, .modal-footer .btn-group body.database_setup .btn-xs + button, .modal-footer .btn-group body.database_setup .possible_aka_listings button + button, .possible_aka_listings .modal-footer .btn-group body.database_setup button + button, .modal-footer .btn-group body.database_setup .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form .modal-footer .btn-group body.database_setup button + button, body.database_setup .modal-footer .btn-group .btn-xs + button, body.database_setup .modal-footer .btn-group .possible_aka_listings button + button, .possible_aka_listings body.database_setup .modal-footer .btn-group button + button, body.database_setup .modal-footer .btn-group .user_main_info_area .mod_options form button + button, .user_main_info_area .mod_options form body.database_setup .modal-footer .btn-group button + button, .modal-footer .btn-group body.database_setup .btn-sm + button, body.database_setup .modal-footer .btn-group .btn-sm + button, .modal-footer .btn-group .request_list .challenge_request_hmm.removing body.database_setup button + button, body.database_setup .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + button, .request_list .challenge_request_hmm.removing .modal-footer .btn-group body.database_setup button + button, body.database_setup .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + button, .modal-footer .btn-group .stage_selectable .stage_options body.database_setup button + button, body.database_setup .modal-footer .btn-group .stage_selectable .stage_options button + button, .stage_selectable .stage_options .modal-footer .btn-group body.database_setup button + button, body.database_setup .stage_selectable .stage_options .modal-footer .btn-group button + button, .modal-footer .btn-group body.database_setup input[type=submit] + button, body.database_setup .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group body.database_setup button + button, body.database_setup .modal-footer .btn-group button + button, .modal-footer .btn-group body.database_setup .skip_to_form input[type=submit] + button, body.database_setup .skip_to_form .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group body.database_setup .migrate_to_form input[type=submit] + button, body.database_setup .migrate_to_form .modal-footer .btn-group input[type=submit] + button, .modal-footer .btn-group body.database_setup .skip_to_form .btn + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group .btn + input[type=submit], .modal-footer .btn-group body.database_setup .skip_to_form .btn-xs + input[type=submit], .modal-footer .btn-group body.database_setup .skip_to_form .possible_aka_listings button + input[type=submit], .possible_aka_listings .modal-footer .btn-group body.database_setup .skip_to_form button + input[type=submit], .modal-footer .btn-group body.database_setup .skip_to_form .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form .modal-footer .btn-group body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group .btn-xs + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group .possible_aka_listings button + input[type=submit], .possible_aka_listings body.database_setup .skip_to_form .modal-footer .btn-group button + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .skip_to_form .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group body.database_setup .skip_to_form .btn-sm + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group .btn-sm + input[type=submit], .modal-footer .btn-group .request_list .challenge_request_hmm.removing body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + input[type=submit], .request_list .challenge_request_hmm.removing .modal-footer .btn-group body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group .stage_selectable .stage_options body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group .stage_selectable .stage_options button + input[type=submit], .stage_selectable .stage_options .modal-footer .btn-group body.database_setup .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .stage_selectable .stage_options .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group body.database_setup .skip_to_form input[type=submit] + input[type=submit], body.database_setup .modal-footer .btn-group .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group input[type=submit] + input[type=submit], .modal-footer .btn-group body.database_setup .skip_to_form button + input[type=submit], body.database_setup .modal-footer .btn-group .skip_to_form button + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group body.database_setup .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group input[type=submit] + input[type=submit], .modal-footer .btn-group body.database_setup .migrate_to_form .skip_to_form input[type=submit] + input[type=submit], .modal-footer .btn-group body.database_setup .skip_to_form .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .migrate_to_form .modal-footer .btn-group input[type=submit] + input[type=submit], .modal-footer .btn-group body.database_setup .migrate_to_form .btn + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group .btn + input[type=submit], .modal-footer .btn-group body.database_setup .migrate_to_form .btn-xs + input[type=submit], .modal-footer .btn-group body.database_setup .migrate_to_form .possible_aka_listings button + input[type=submit], .possible_aka_listings .modal-footer .btn-group body.database_setup .migrate_to_form button + input[type=submit], .modal-footer .btn-group body.database_setup .migrate_to_form .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form .modal-footer .btn-group body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group .btn-xs + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group .possible_aka_listings button + input[type=submit], .possible_aka_listings body.database_setup .migrate_to_form .modal-footer .btn-group button + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group .user_main_info_area .mod_options form button + input[type=submit], .user_main_info_area .mod_options form body.database_setup .migrate_to_form .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group body.database_setup .migrate_to_form .btn-sm + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group .btn-sm + input[type=submit], .modal-footer .btn-group .request_list .challenge_request_hmm.removing body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group .request_list .challenge_request_hmm.removing button + input[type=submit], .request_list .challenge_request_hmm.removing .modal-footer .btn-group body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .request_list .challenge_request_hmm.removing .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group .stage_selectable .stage_options body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group .stage_selectable .stage_options button + input[type=submit], .stage_selectable .stage_options .modal-footer .btn-group body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .stage_selectable .stage_options .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group body.database_setup .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .modal-footer .btn-group .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group input[type=submit] + input[type=submit], .modal-footer .btn-group body.database_setup .migrate_to_form button + input[type=submit], body.database_setup .modal-footer .btn-group .migrate_to_form button + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group button + input[type=submit], .modal-footer .btn-group body.database_setup .skip_to_form .migrate_to_form input[type=submit] + input[type=submit], .modal-footer .btn-group body.database_setup .migrate_to_form .skip_to_form input[type=submit] + input[type=submit], body.database_setup .skip_to_form .modal-footer .btn-group .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .skip_to_form .modal-footer .btn-group input[type=submit] + input[type=submit], .modal-footer .btn-group body.database_setup .migrate_to_form input[type=submit] + input[type=submit], body.database_setup .migrate_to_form .modal-footer .btn-group input[type=submit] + input[type=submit] {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  content: "";
  border-width: 10px;
}

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img, a .carousel-inner > .item > .location:hover > img, .link .carousel-inner > .item > .location:hover > img, .carousel-inner > .item > .link > img {
  line-height: 1;
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control:hover, a .carousel-control.location:hover, .link .carousel-control.location:hover, .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: 0.9;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: "‹";
}

.carousel-control .icon-next:before {
  content: "›";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9 ;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn, .carousel-caption .btn-xs, .carousel-caption .possible_aka_listings button, .possible_aka_listings .carousel-caption button, .carousel-caption .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .carousel-caption button, .carousel-caption .btn-sm, .carousel-caption .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .carousel-caption button, .carousel-caption .stage_selectable .stage_options button, .stage_selectable .stage_options .carousel-caption button, .carousel-caption body.database_setup input[type=submit], body.database_setup .carousel-caption input[type=submit], .carousel-caption body.database_setup button, body.database_setup .carousel-caption button {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, body.database_setup:before, .container:after, body.database_setup:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .extra_data:before, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .form-horizontal .extra_data:before, .form-horizontal .form-group:after, .form-horizontal #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .extra_data:after, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .form-horizontal .extra_data:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .bug_row:before, .panel-body:after, .bug_row:after, .modal-footer:before, .modal-footer:after {
  display: table;
  content: " ";
}

.clearfix:after, .dl-horizontal dd:after, .container:after, body.database_setup:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .form-horizontal #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .extra_data:after, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .form-horizontal .extra_data:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .bug_row:after, .modal-footer:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs, td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm, td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md, td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg, td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print, td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*anchor*/
a, a .location:hover, .link .location:hover, .link {
  color: #667fa0;
}

a:hover, a .location:hover, .link .location:hover, .link:hover {
  color: #2A3542;
}

/*panel*/
.panel, body.database_setup .section_content {
  border: none;
  box-shadow: none;
}

.panel-heading {
  border-color: #eff2f7;
  font-size: 16px;
  font-weight: 300;
}

.panel-title {
  color: #2A3542;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
  font-family: "Open Sans", sans-serif;
}

/*label*/
.label {
  padding: 0.5em 0.8em;
}

.label-default {
  background-color: #a1a1a1;
}

.label-primary {
  background-color: #59ace2;
}

.label-success {
  background-color: #A9D86E;
}

.label-info {
  background-color: #8175c7;
}

.label-warning {
  background-color: #FCB322;
}

.label-danger {
  background-color: #FF6C60;
}

.label-inverse {
  background-color: #344860;
}

/*text color*/
.text-danger {
  color: #FF6C60;
}

.text-muted {
  color: #a1a1a1;
}

.text-primary {
  color: #59ace2;
}

.text-warning {
  color: #FCB322;
}

.text-success {
  color: #A9D86E;
}

.text-info {
  color: #8175c7;
}

.form-control, .birthday .birthday-picker select, body.database_setup input[type=text] {
  color: #777;
}

/*text input*/
.form-control, .birthday .birthday-picker select, body.database_setup input[type=text] {
  border: 1px solid #e2e2e4;
  box-shadow: none;
  color: #777;
}

.form-control:focus, .birthday .birthday-picker select:focus, body.database_setup input[type=text]:focus, #focusedInput {
  border: 1px solid #517397;
  box-shadow: none;
}

.form-horizontal .control-label {
  font-weight: 300;
  font-size: 14px;
  text-align: left;
}

input, textarea, select, button {
  outline: none !important;
}

/*list*/
ul {
  padding-left: 0;
}

/*button*/
.btn-default, body.database_setup .skip_to_form input[type=submit], body.database_setup .migrate_to_form input[type=submit] {
  background-color: #bec3c7;
  border-color: #bec3c7;
  color: #fff;
}

.btn-default:hover, a .btn-default.location:hover, .link .btn-default.location:hover, body.database_setup .skip_to_form input[type=submit]:hover, body.database_setup .migrate_to_form input[type=submit]:hover, .btn-default:focus, body.database_setup .skip_to_form input[type=submit]:focus, body.database_setup .migrate_to_form input[type=submit]:focus, .btn-default:active, body.database_setup .skip_to_form input[type=submit]:active, body.database_setup .migrate_to_form input[type=submit]:active, .btn-default.active, body.database_setup .skip_to_form input.active[type=submit], body.database_setup .migrate_to_form input.active[type=submit], .open .dropdown-toggle.btn-default, .open body.database_setup .skip_to_form input.dropdown-toggle[type=submit], body.database_setup .skip_to_form .open input.dropdown-toggle[type=submit], .open body.database_setup .migrate_to_form input.dropdown-toggle[type=submit], body.database_setup .migrate_to_form .open input.dropdown-toggle[type=submit] {
  background-color: #b0b5b9;
  border-color: #b0b5b9;
  color: #fff;
}

.btn-primary {
  background-color: #41cac0;
  border-color: #41cac0;
  color: #FFFFFF;
}

.btn-primary:hover, a .btn-primary.location:hover, .link .btn-primary.location:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background-color: #39b2a9;
  border-color: #39b2a9;
  color: #FFFFFF;
}

.btn-success, .btn-on, .stage_selectable .stage_options button.active {
  background-color: #78CD51;
  border-color: #78CD51;
  color: #FFFFFF;
}

.btn-success:hover, a .btn-success.location:hover, .link .btn-success.location:hover, .btn-on:hover, a .btn-on.location:hover, .link .btn-on.location:hover, .btn-success:focus, .btn-on:focus, .btn-success:active, .btn-on:active, .btn-success.active, .active.btn-on, .stage_selectable .stage_options button.active, .open .dropdown-toggle.btn-success, .open .dropdown-toggle.btn-on {
  background-color: #6dbb4a;
  border-color: #6dbb4a;
  color: #FFFFFF;
}

.btn-info {
  background-color: #58c9f3;
  border-color: #58c9f3;
  color: #FFFFFF;
}

.btn-info:hover, a .btn-info.location:hover, .link .btn-info.location:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  background-color: #53bee6;
  border-color: #53BEE6;
  color: #FFFFFF;
}

.btn-warning {
  background-color: #f1c500;
  border-color: #f1c500;
  color: #FFFFFF;
}

.btn-warning:hover, a .btn-warning.location:hover, .link .btn-warning.location:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  background-color: #e4ba00;
  border-color: #e4ba00;
  color: #FFFFFF;
}

.btn-danger, .btn-off, .stage_selectable .stage_options button {
  background-color: #ff6c60;
  border-color: #ff6c60;
  color: #FFFFFF;
}

.btn-danger:hover, a .btn-danger.location:hover, .link .btn-danger.location:hover, .btn-off:hover, a .btn-off.location:hover, .link .btn-off.location:hover, .stage_selectable .stage_options button:hover, .btn-danger:focus, .btn-off:focus, .stage_selectable .stage_options button:focus, .btn-danger:active, .btn-off:active, .stage_selectable .stage_options button:active, .btn-danger.active, .active.btn-off, .stage_selectable .stage_options button.active, .open .dropdown-toggle.btn-danger, .open .dropdown-toggle.btn-off, .open .stage_selectable .stage_options button.dropdown-toggle, .stage_selectable .stage_options .open button.dropdown-toggle {
  background-color: #ec6459;
  border-color: #ec6459;
  color: #FFFFFF;
}

.btn-white {
  box-shadow: none !important;
}

/*Rounded Button*/
.btn-round {
  border-radius: 30px;
  -webkit-border-radius: 30px;
}

/*shadow button*/
.btn-shadow.btn-default, body.database_setup .skip_to_form input.btn-shadow[type=submit], body.database_setup .migrate_to_form input.btn-shadow[type=submit] {
  box-shadow: 0 4px #9c9c9c;
}

.btn-shadow.btn-primary {
  box-shadow: 0 4px #29b392;
}

.btn-shadow.btn-success, .btn-shadow.btn-on, .stage_selectable .stage_options button.btn-shadow.active {
  box-shadow: 0 4px #61a642;
}

.btn-shadow.btn-info {
  box-shadow: 0 4px #1caadc;
}

.btn-shadow.btn-warning {
  box-shadow: 0 4px #cab03f;
}

.btn-shadow.btn-danger, .btn-shadow.btn-off, .stage_selectable .stage_options button.btn-shadow {
  box-shadow: 0 4px #d1595a;
}

/*dropdown shadow*/
.btn-group.open .dropdown-toggle, .btn-white.active, .btn:active, .btn-xs:active, .possible_aka_listings button:active, .user_main_info_area .mod_options form button:active, .btn-sm:active, .request_list .challenge_request_hmm.removing button:active, .stage_selectable .stage_options button:active, body.database_setup input[type=submit]:active, body.database_setup button:active, .btn.active, .active.btn-xs, .possible_aka_listings button.active, .user_main_info_area .mod_options form button.active, .active.btn-sm, .request_list .challenge_request_hmm.removing button.active, .stage_selectable .stage_options button.active, body.database_setup input.active[type=submit], body.database_setup button.active {
  box-shadow: none;
}

/*dropdown select bg*/
.dropdown-menu > li > a:hover, a .dropdown-menu > li > .location:hover, .link .dropdown-menu > li > .location:hover, .dropdown-menu > li > .link:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > .link:focus {
  background-color: #495d74;
  color: #FFFFFF;
  text-decoration: none;
}

/*split dropdown btn*/
.btn-white {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border-color: rgba(150, 160, 180, 0.3);
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05) inset;
}

/*breadcrumbs*/
.breadcrumb {
  background-color: #fff;
}

/*tab*/
.nav-tabs > li > a, a .nav-tabs > li > .location:hover, .link .nav-tabs > li > .location:hover, .nav-tabs > li > .link {
  margin-right: 1px;
}

/*collapse*/
.panel-default > .panel-heading {
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  color: #797979;
}

/*nav inverse*/
.navbar-inverse {
  background-color: #7087A3;
  border-color: #7087A3;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse a .navbar-nav > .active > .location:hover, a .navbar-inverse .navbar-nav > .active > .location:hover, .navbar-inverse .link .navbar-nav > .active > .location:hover, .link .navbar-inverse .navbar-nav > .active > .location:hover, .navbar-inverse .navbar-nav > .active > .link, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse a .navbar-nav > .open > .location:hover,
a .navbar-inverse .navbar-nav > .open > .location:hover,
.navbar-inverse .link .navbar-nav > .open > .location:hover,
.link .navbar-inverse .navbar-nav > .open > .location:hover,
.navbar-inverse .navbar-nav > .open > .link, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #61748d;
}

.navbar-inverse .navbar-nav > li a:hover, .navbar-inverse .navbar-nav > li a .location:hover, a .navbar-inverse .navbar-nav > li .location:hover, .navbar-inverse .navbar-nav > li .link .location:hover, .link .navbar-inverse .navbar-nav > li .location:hover, .navbar-inverse .navbar-nav > li .link:hover {
  color: #2A3542;
}

.navbar-inverse .navbar-nav > li > ul > li a:hover, .navbar-inverse .navbar-nav > li > ul > li a .location:hover, a .navbar-inverse .navbar-nav > li > ul > li .location:hover, .navbar-inverse .navbar-nav > li > ul > li .link .location:hover, .link .navbar-inverse .navbar-nav > li > ul > li .location:hover, .navbar-inverse .navbar-nav > li > ul > li .link:hover {
  color: #fff;
}

.navbar-inverse .navbar-brand {
  color: #FFFFFF;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse a .navbar-nav > li > .location:hover, a .navbar-inverse .navbar-nav > li > .location:hover, .navbar-inverse .link .navbar-nav > li > .location:hover, .link .navbar-inverse .navbar-nav > li > .location:hover, .navbar-inverse .navbar-nav > li > .link {
  color: #fff;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret, .navbar-inverse a .navbar-nav > .dropdown > .location:hover .caret, a .navbar-inverse .navbar-nav > .dropdown > .location:hover .caret, .navbar-inverse .link .navbar-nav > .dropdown > .location:hover .caret, .link .navbar-inverse .navbar-nav > .dropdown > .location:hover .caret, .navbar-inverse .navbar-nav > .dropdown > .link .caret {
  border-bottom-color: #fff;
  border-top-color: #fff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a, .navbar-inverse .navbar-nav .open a .dropdown-menu > li > .location:hover, a .navbar-inverse .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-inverse .navbar-nav .open .link .dropdown-menu > li > .location:hover, .link .navbar-inverse .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > .link {
  color: #000;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open a .dropdown-menu > li > .location:hover, a .navbar-inverse .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-inverse .navbar-nav .open .link .dropdown-menu > li > .location:hover, .link .navbar-inverse .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > .link:hover {
  color: #fff;
}

/*nav justified*/
.nav-justified {
  width: auto !important;
}

.nav-justified li:last-child > a:hover, .nav-justified a li:last-child > .location:hover, a .nav-justified li:last-child > .location:hover, .nav-justified .link li:last-child > .location:hover, .link .nav-justified li:last-child > .location:hover, .nav-justified li:last-child > .link:hover, .nav-justified li.active:last-child > a, .nav-justified li.active:last-child > .link {
  border-radius: 0 4px 0 0 !important;
  -webkit-border-radius: 0 4px 0 0 !important;
}

/*list group*/
.list-group-item.active, .entrant_list .active.entrant, .list-group-item.active:hover, .list-group-item.active:focus {
  background-color: #00A8B3;
  border-color: #00A8B3;
  color: #FFFFFF;
  z-index: 2;
}

.list-group-item-heading {
  font-weight: 300;
}

/*progress*/
.progress {
  box-shadow: none;
  background: #f0f2f7;
}

/*alert*/
.alert-success, .alert-danger, .alert-info, .alert-warning {
  border: none;
}

/*table*/
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
  padding: 10px;
  border-color: var(--ui-table-line);
}

hr {
  border-color: var(--ui-hairline);
}

.header, .footer {
  min-height: 60px;
  padding: 0 5px;
}

.header {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1002;
  min-height: 60px;
  height: 60px;
  background-color: var(--ui-header);
  border-bottom: 1px solid var(--ui-header-line);
}

.header_content, .wrapper > .row {
  max-width: 1400px;
  margin: 0 auto;
}

@media (max-width: 425px) {
  .wrapper > .row {
    margin: 0;
    padding: 0;
  }
}
.wrapper {
  padding: 15px 0 0 0;
  width: 100%;
}

.find_opponents {
  display: flex;
  position: relative;
  justify-content: center;
}
.find_opponents.hovered .find_opponents_text {
  color: #F66;
}
.find_opponents.hovered .clickable-logo {
  filter: drop-shadow(1px 1px 1px #F66) drop-shadow(-1px 1px 1px #F66) drop-shadow(0 -0.5px 1px #F66);
}
.find_opponents .find_opponents_text:hover {
  color: #F66;
}
.find_opponents .clickable-logo:hover {
  filter: drop-shadow(1px 1px 1px #F66) drop-shadow(-1px 1px 1px #F66) drop-shadow(0 -0.5px 1px #F66);
}
.find_opponents .logo {
  height: 400px;
}
.find_opponents .find_opponents_text {
  position: absolute;
  display: block;
  text-align: center;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 49px;
  color: white;
}
.find_opponents .find_opponents_text.bottom {
  bottom: 0;
}

a.logo, a .logo.location:hover, .link .logo.location:hover, .logo.link {
  font-size: 24px;
  color: var(--ui-wordmark);
  float: left;
  text-transform: uppercase;
  margin-right: 4px;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

a.logo:hover, a .logo.location:hover, .link .logo.location:hover, .logo.link:hover, a.logo:focus, .logo.link:focus {
  text-decoration: none;
  outline: none;
}

a.logo .accent, a .logo.location:hover .accent, .link .logo.location:hover .accent, .accent {
  color: #FF6C60;
}

[data-theme=light] a.logo .accent, [data-theme=light] a .logo.location:hover .accent, a [data-theme=light] .logo.location:hover .accent, [data-theme=light] .link .logo.location:hover .accent, .link [data-theme=light] .logo.location:hover .accent, [data-theme=light] .logo.link .accent {
  color: var(--ui-accent);
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  display: block;
}

.nav.nav-tabs {
  padding-bottom: 0;
}

.tab-content > .tab-pane {
  margin-top: 14px;
}

.tab-pane.loading-content {
  min-height: 120px;
  text-align: center;
}

.nav-tabs > li.active > a:focus, a .nav-tabs > li.active > .location:focus:hover, .link .nav-tabs > li.active > .location:focus:hover, .nav-tabs > li.active > .link:focus, .nav > li > a:focus, a .nav > li > .location:focus:hover, .link .nav > li > .location:focus:hover, .nav > li > .link:focus {
  background-color: #05D8FF;
}

.nav-tabs > li.active > a, a .nav-tabs > li.active > .location:hover, .link .nav-tabs > li.active > .location:hover, .nav-tabs > li.active > .link, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: white;
  cursor: default;
  background-color: #3A4059;
  border: 1px solid black;
  border-bottom-width: 2px;
  border-bottom-color: #05D8FF;
}

.nav-tabs > li > a, a .nav-tabs > li > .location:hover, .link .nav-tabs > li > .location:hover, .nav-tabs > li > .link {
  color: white;
  background-color: #3A4059;
  border: 1px solid black;
  border-bottom-width: 2px;
  border-bottom-color: transparent;
}

.nav > li > a:hover, a .nav > li > .location:hover, .link .nav > li > .location:hover, .nav > li > .link:hover {
  text-decoration: none;
  background-color: #00CBD0;
  border-color: black;
  border-bottom-width: 2px;
  border-bottom-color: transparent;
}

.nav-tabs > li {
  margin-right: 2px;
  margin-bottom: 0px;
}

.top-nav {
  float: right;
  margin-top: 16px;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#top_main_nav {
  font-size: 16px;
  font-weight: 600;
  float: left;
  margin-top: 11px;
}

#top_main_nav .main_menu_items > li {
  float: left;
  margin: 0 2px;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#top_main_nav .main_menu_items > li > a, #top_main_nav a .main_menu_items > li > .location:hover, a #top_main_nav .main_menu_items > li > .location:hover, #top_main_nav .link .main_menu_items > li > .location:hover, .link #top_main_nav .main_menu_items > li > .location:hover, #top_main_nav .main_menu_items > li > .link {
  display: block;
  padding: 8px 12px;
  color: var(--ui-header-ink);
  background-color: inherit;
  text-decoration: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
  #top_main_nav .main_menu_items > li {
    margin: 0 1px;
  }
  #top_main_nav .main_menu_items > li > a, #top_main_nav a .main_menu_items > li > .location:hover, a #top_main_nav .main_menu_items > li > .location:hover, #top_main_nav .link .main_menu_items > li > .location:hover, .link #top_main_nav .main_menu_items > li > .location:hover, #top_main_nav .main_menu_items > li > .link {
    padding: 8px 9px;
  }
}
#top_main_nav .main_menu_items > li > .active, #top_main_nav .main_menu_items > li.open > a, #top_main_nav .main_menu_items > li.open > .link, #top_main_nav .main_menu_items > li > a:hover, #top_main_nav a .main_menu_items > li > .location:hover, a #top_main_nav .main_menu_items > li > .location:hover, #top_main_nav .link .main_menu_items > li > .location:hover, .link #top_main_nav .main_menu_items > li > .location:hover, #top_main_nav .main_menu_items > li > .link:hover, #top_main_nav .main_menu_items > li > a.active {
  color: var(--ui-nav-active-ink);
  border-radius: 13px;
  background: var(--ui-nav-active-bg);
  text-decoration: none;
}

#top_main_nav .main_menu_items > .emphasized_bright .link, #top_main_nav .latest_subscribers .latest_sub .main_menu_items > .sub_stat .link, .latest_subscribers .latest_sub #top_main_nav .main_menu_items > .sub_stat .link {
  color: #0F0;
}

.header .nav .open > a, .header .nav a .open > .location:hover, a .header .nav .open > .location:hover, .header .nav .link .open > .location:hover, .link .header .nav .open > .location:hover, .header .nav .open > .link,
.header .nav .open > a:hover,
.header .nav .open > a:focus,
.header .top-nav ul.top-menu > li.dropdown.open > a.dropdown-toggle,
.header .top-nav ul.top-menu > li.dropdown.open > .dropdown-toggle.link,
.header .top-nav ul.top-menu > li.dropdown > a.dropdown-toggle:hover,
.header .top-nav a ul.top-menu > li.dropdown > .dropdown-toggle.location:hover,
a .header .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.location:hover,
.header .top-nav .link ul.top-menu > li.dropdown > .dropdown-toggle.location:hover,
.link .header .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.location:hover,
.header .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.link:hover,
.header .top-nav ul.top-menu > li.dropdown > a.dropdown-toggle:focus,
.header .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.link:focus {
  background-color: #3A4059;
  color: #FFD700;
  border-color: #3A4059;
  border-radius: 20px;
}

[data-theme=light] .header .nav .open > a, [data-theme=light] .header .nav a .open > .location:hover, a [data-theme=light] .header .nav .open > .location:hover, [data-theme=light] .header .nav .link .open > .location:hover, .link [data-theme=light] .header .nav .open > .location:hover, [data-theme=light] .header .nav .open > .link,
[data-theme=light] .header .nav .open > a:hover,
[data-theme=light] .header .nav .open > a:focus,
[data-theme=light] .header .top-nav ul.top-menu > li.dropdown.open > a.dropdown-toggle,
[data-theme=light] .header .top-nav ul.top-menu > li.dropdown.open > .dropdown-toggle.link,
[data-theme=light] .header .top-nav ul.top-menu > li.dropdown > a.dropdown-toggle:hover,
[data-theme=light] .header .top-nav a ul.top-menu > li.dropdown > .dropdown-toggle.location:hover,
a [data-theme=light] .header .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.location:hover,
[data-theme=light] .header .top-nav .link ul.top-menu > li.dropdown > .dropdown-toggle.location:hover,
.link [data-theme=light] .header .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.location:hover,
[data-theme=light] .header .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.link:hover,
[data-theme=light] .header .top-nav ul.top-menu > li.dropdown > a.dropdown-toggle:focus,
[data-theme=light] .header .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.link:focus {
  background-color: var(--ui-nav-active-bg);
  color: var(--ui-nav-active-ink);
  border-color: var(--ui-header-line);
}

[data-theme=light] ul.top-menu > li > a:hover, [data-theme=light] a ul.top-menu > li > .location:hover, a [data-theme=light] ul.top-menu > li > .location:hover, [data-theme=light] .link ul.top-menu > li > .location:hover, .link [data-theme=light] ul.top-menu > li > .location:hover, [data-theme=light] ul.top-menu > li > .link:hover,
[data-theme=light] ul.top-menu > li > a:focus,
[data-theme=light] ul.top-menu > li > .link:focus,
[data-theme=light] .sidebar-toggle-box .fa-bars:hover,
[data-theme=light] .sidebar-opened .fa-bars {
  background-color: var(--ui-nav-active-bg);
  border-color: var(--ui-header-line);
  color: var(--ui-nav-active-ink);
}

.header .dropdown-menu {
  background-color: #12141C;
  border: 1px solid #3A4059;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.55);
  padding: 4px 0;
}
.header .dropdown-menu li > a, .header .dropdown-menu a li > .location:hover, a .header .dropdown-menu li > .location:hover, .header .dropdown-menu .link li > .location:hover, .link .header .dropdown-menu li > .location:hover, .header .dropdown-menu li > .link,
.header .dropdown-menu li .locale-switcher-option {
  color: white;
  padding: 6px 16px;
}
.header .dropdown-menu li > a:hover, .header .dropdown-menu a li > .location:hover, a .header .dropdown-menu li > .location:hover, .header .dropdown-menu .link li > .location:hover, .link .header .dropdown-menu li > .location:hover, .header .dropdown-menu li > .link:hover,
.header .dropdown-menu li > a:focus,
.header .dropdown-menu li > .link:focus,
.header .dropdown-menu li .locale-switcher-option:hover,
.header .dropdown-menu li .locale-switcher-option:focus {
  background-color: #3A4059;
  color: #FFD700;
  outline: none;
}
.header .dropdown-menu li.active > a, .header .dropdown-menu a li.active > .location:hover, a .header .dropdown-menu li.active > .location:hover, .header .dropdown-menu .link li.active > .location:hover, .link .header .dropdown-menu li.active > .location:hover, .header .dropdown-menu li.active > .link,
.header .dropdown-menu li.active .locale-switcher-option,
.header .dropdown-menu li.active > a:hover,
.header .dropdown-menu li.active .locale-switcher-option:hover {
  color: white;
}
.header .dropdown-menu > li.divided {
  border-top: 1px solid #3A4059;
  margin-top: 4px;
  padding-top: 4px;
}
.header .dropdown-menu > li.divider {
  background-color: #3A4059;
}

[data-theme=light] .header .dropdown-menu {
  background-color: var(--ui-panel);
  border-color: var(--ui-line-2);
  box-shadow: 0 6px 14px rgba(31, 39, 51, 0.16);
}
[data-theme=light] .header .dropdown-menu li > a, [data-theme=light] .header .dropdown-menu a li > .location:hover, a [data-theme=light] .header .dropdown-menu li > .location:hover, [data-theme=light] .header .dropdown-menu .link li > .location:hover, .link [data-theme=light] .header .dropdown-menu li > .location:hover, [data-theme=light] .header .dropdown-menu li > .link,
[data-theme=light] .header .dropdown-menu li .locale-switcher-option,
[data-theme=light] .header .dropdown-menu li.active > a,
[data-theme=light] .header .dropdown-menu li.active .locale-switcher-option {
  color: var(--ui-ink);
}
[data-theme=light] .header .dropdown-menu li > a:hover, [data-theme=light] .header .dropdown-menu a li > .location:hover, a [data-theme=light] .header .dropdown-menu li > .location:hover, [data-theme=light] .header .dropdown-menu .link li > .location:hover, .link [data-theme=light] .header .dropdown-menu li > .location:hover, [data-theme=light] .header .dropdown-menu li > .link:hover,
[data-theme=light] .header .dropdown-menu li > a:focus,
[data-theme=light] .header .dropdown-menu li > .link:focus,
[data-theme=light] .header .dropdown-menu li .locale-switcher-option:hover,
[data-theme=light] .header .dropdown-menu li .locale-switcher-option:focus {
  background-color: var(--ui-panel-2);
  color: var(--ui-ink);
}
[data-theme=light] .header .dropdown-menu > li.divided {
  border-top-color: var(--ui-line-2);
}
[data-theme=light] .header .dropdown-menu > li.divider {
  background-color: var(--ui-line-2);
}

.locale-switcher-form {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.locale-switcher-option {
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font: inherit;
  line-height: 1.42857;
}

/* Import fonts */
body {
  color: var(--ui-body-ink);
  background: var(--ui-page);
  font-family: "Roboto", "Open Sans", "Arial", sans-serif;
  font-size: 14px;
}

body:not(#tinymce) {
  padding: 0 !important;
  margin: 0 !important;
}

.ui-pnotify-container {
  border-radius: 0;
  margin-bottom: 0;
  background-color: var(--ui-toast-bg);
  color: var(--ui-toast-ink);
  border: 1px solid var(--ui-hairline);
}

.alert-danger a, .alert-danger a .location:hover, a .alert-danger .location:hover, .alert-danger .link .location:hover, .link .alert-danger .location:hover, .alert-danger .link {
  color: black;
}

.alert-success a, .alert-success a .location:hover, a .alert-success .location:hover, .alert-success .link .location:hover, .link .alert-success .location:hover, .alert-success .link {
  color: gray;
}

.btn.disabled, .disabled.btn-xs, .possible_aka_listings button.disabled, .user_main_info_area .mod_options form button.disabled, .disabled.btn-sm, .stage_selectable .stage_options button.disabled, body.database_setup input.disabled[type=submit], body.database_setup button.disabled, .request_list .challenge_request_hmm.removing button, .btn[disabled], [disabled].btn-xs, .possible_aka_listings button[disabled], .user_main_info_area .mod_options form button[disabled], [disabled].btn-sm, .stage_selectable .stage_options button[disabled], body.database_setup input[disabled][type=submit], body.database_setup button[disabled], .btn-default[disabled] {
  opacity: 0.6;
}

.btn, .btn-xs, .possible_aka_listings button, .user_main_info_area .mod_options form button, .btn-sm, .request_list .challenge_request_hmm.removing button, .stage_selectable .stage_options button, body.database_setup input[type=submit], body.database_setup button, body.database_setup .skip_to_form input[type=submit], body.database_setup .migrate_to_form input[type=submit] {
  text-decoration: none;
  color: white;
  text-align: center;
  letter-spacing: 0.5px;
  transition: 0.2s ease-out;
  cursor: pointer;
  border: none;
  border-radius: 0px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.btn:focus, .btn-xs:focus, .possible_aka_listings button:focus, .user_main_info_area .mod_options form button:focus, .btn-sm:focus, .request_list .challenge_request_hmm.removing button:focus, .stage_selectable .stage_options button:focus, body.database_setup input[type=submit]:focus, body.database_setup button:focus {
  color: white;
}
.btn:hover, a .btn.location:hover, .link .btn.location:hover, .btn-xs:hover, .possible_aka_listings button:hover, .user_main_info_area .mod_options form button:hover, a .btn-xs.location:hover, .link .btn-xs.location:hover, .btn-sm:hover, a .btn-sm.location:hover, .link .btn-sm.location:hover, .request_list .challenge_request_hmm.removing button:hover, .stage_selectable .stage_options button:hover, body.database_setup input[type=submit]:hover, body.database_setup button:hover {
  background-color: #05D8FF;
  color: #1C1F2B;
}

.btn-success, .btn-on, .stage_selectable .stage_options button.active, .bg-success, .bug_category, .bug_summary_description .confirmed, .normal_list .no_tags.active, .btn-success:focus, .btn-success.active, .open .dropdown-toggle.btn-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  color: #FFF;
  background-color: #0A6EBD;
  border-color: #05D8FF;
}

.btn-default, body.database_setup .skip_to_form input[type=submit], body.database_setup .migrate_to_form input[type=submit] {
  background-color: #3A4059;
  border-color: #3A4059;
  color: white;
}

.btn-default:hover, a .btn-default.location:hover, .link .btn-default.location:hover, body.database_setup .skip_to_form input[type=submit]:hover, body.database_setup .migrate_to_form input[type=submit]:hover {
  background-color: #05D8FF;
  border-color: #05D8FF;
  color: #1C1F2B;
}

:where([data-theme=light]) .btn-default, :where([data-theme=light]) body.database_setup .skip_to_form input[type=submit], body.database_setup .skip_to_form :where([data-theme=light]) input[type=submit], :where([data-theme=light]) body.database_setup .migrate_to_form input[type=submit], body.database_setup .migrate_to_form :where([data-theme=light]) input[type=submit] {
  background-color: var(--ui-panel-2);
  border-color: var(--ui-line-3);
  color: var(--ui-ink);
}

:where([data-theme=light]) .btn-default:hover, :where([data-theme=light]) a .btn-default.location:hover, a :where([data-theme=light]) .btn-default.location:hover, :where([data-theme=light]) .link .btn-default.location:hover, .link :where([data-theme=light]) .btn-default.location:hover, :where([data-theme=light]) body.database_setup .skip_to_form input[type=submit]:hover, body.database_setup .skip_to_form :where([data-theme=light]) input[type=submit]:hover, :where([data-theme=light]) body.database_setup .migrate_to_form input[type=submit]:hover, body.database_setup .migrate_to_form :where([data-theme=light]) input[type=submit]:hover {
  background-color: #d3dae4;
  border-color: var(--ui-line-3);
  color: var(--ui-ink);
}

.btn-success:hover, a .btn-success.location:hover, .link .btn-success.location:hover, .btn-on:hover, a .btn-on.location:hover, .link .btn-on.location:hover, .stage_selectable .stage_options button.active:hover, .btn-success:active, .btn-on:active, .stage_selectable .stage_options button.active:active {
  background-color: #05D8FF;
  border-color: #05D8FF;
}

.btn-sexy {
  background-color: #12141C;
}

.btn-group > .btn:hover, .btn-group > .btn-xs:hover, .possible_aka_listings .btn-group > button:hover, .user_main_info_area .mod_options form .btn-group > button:hover, .btn-group > .btn-sm:hover, .request_list .challenge_request_hmm.removing .btn-group > button:hover, .stage_selectable .stage_options .btn-group > button:hover, body.database_setup .btn-group > input[type=submit]:hover, body.database_setup .btn-group > button:hover, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn-xs:hover, .possible_aka_listings .btn-group-vertical > button:hover, .user_main_info_area .mod_options form .btn-group-vertical > button:hover, .btn-group-vertical > .btn-sm:hover, .request_list .challenge_request_hmm.removing .btn-group-vertical > button:hover, .stage_selectable .stage_options .btn-group-vertical > button:hover, body.database_setup .btn-group-vertical > input[type=submit]:hover, body.database_setup .btn-group-vertical > button:hover, .btn-group > .btn:focus, .btn-group > .btn-xs:focus, .possible_aka_listings .btn-group > button:focus, .user_main_info_area .mod_options form .btn-group > button:focus, .btn-group > .btn-sm:focus, .request_list .challenge_request_hmm.removing .btn-group > button:focus, .stage_selectable .stage_options .btn-group > button:focus, body.database_setup .btn-group > input[type=submit]:focus, body.database_setup .btn-group > button:focus, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn-xs:focus, .possible_aka_listings .btn-group-vertical > button:focus, .user_main_info_area .mod_options form .btn-group-vertical > button:focus, .btn-group-vertical > .btn-sm:focus, .request_list .challenge_request_hmm.removing .btn-group-vertical > button:focus, .stage_selectable .stage_options .btn-group-vertical > button:focus, body.database_setup .btn-group-vertical > input[type=submit]:focus, body.database_setup .btn-group-vertical > button:focus, .btn-group > .btn:active, .btn-group > .btn-xs:active, .possible_aka_listings .btn-group > button:active, .user_main_info_area .mod_options form .btn-group > button:active, .btn-group > .btn-sm:active, .request_list .challenge_request_hmm.removing .btn-group > button:active, .stage_selectable .stage_options .btn-group > button:active, body.database_setup .btn-group > input[type=submit]:active, body.database_setup .btn-group > button:active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn-xs:active, .possible_aka_listings .btn-group-vertical > button:active, .user_main_info_area .mod_options form .btn-group-vertical > button:active, .btn-group-vertical > .btn-sm:active, .request_list .challenge_request_hmm.removing .btn-group-vertical > button:active, .stage_selectable .stage_options .btn-group-vertical > button:active, body.database_setup .btn-group-vertical > input[type=submit]:active, body.database_setup .btn-group-vertical > button:active, .btn-group > .btn.active, .btn-group > .active.btn-xs, .possible_aka_listings .btn-group > button.active, .user_main_info_area .mod_options form .btn-group > button.active, .btn-group > .active.btn-sm, .request_list .challenge_request_hmm.removing .btn-group > button.active, .stage_selectable .stage_options .btn-group > button.active, body.database_setup .btn-group > input.active[type=submit], body.database_setup .btn-group > button.active, .btn-group-vertical > .btn.active, .btn-group-vertical > .active.btn-xs, .possible_aka_listings .btn-group-vertical > button.active, .user_main_info_area .mod_options form .btn-group-vertical > button.active, .btn-group-vertical > .active.btn-sm, .request_list .challenge_request_hmm.removing .btn-group-vertical > button.active, .stage_selectable .stage_options .btn-group-vertical > button.active, body.database_setup .btn-group-vertical > input.active[type=submit], body.database_setup .btn-group-vertical > button.active {
  z-index: 0;
}

.btn-danger, .btn-off, .stage_selectable .stage_options button {
  border-color: #EA5849;
  background-color: #EA5849;
}

.btn-danger:hover, a .btn-danger.location:hover, .link .btn-danger.location:hover, .btn-off:hover, a .btn-off.location:hover, .link .btn-off.location:hover, .stage_selectable .stage_options button:hover {
  border-color: #FF8E86;
  background-color: #FF8E86;
}

.has-error .help-block {
  color: #FF7F7D;
}

.has-success .help-block {
  color: #76FF78;
}

.connection_status .panel, .connection_status body.database_setup .section_content, body.database_setup .connection_status .section_content {
  background-color: white;
}

.pagination li a.disabled, .pagination li a .disabled.location:hover, a .pagination li .disabled.location:hover, .pagination li .link .disabled.location:hover, .link .pagination li .disabled.location:hover, .pagination li .disabled.link {
  background-color: rgba(0, 0, 0, 0.61);
}

.match_summary h1, .match_summary h2, .match_summary h3, .panel h1, body.database_setup .section_content h1, .panel h2, body.database_setup .section_content h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.panel-body h1, .bug_row h1 {
  margin-bottom: 8px;
  font-size: 30px;
}

.panel-body h2, .bug_row h2 {
  margin-bottom: 8px;
  font-size: 26px;
}

.pricing-table {
  color: #797979;
}

h2 .small, .small {
  color: var(--ui-body-ink);
}

a, a .location:hover, .link .location:hover, .link {
  color: var(--ui-anchor);
}

.profile_links .link {
  display: inline-block;
  padding: 12px 0;
}

.panel-heading {
  color: var(--ui-body-ink);
  background-color: var(--ui-panel-head);
  border-color: var(--ui-hairline);
  border-radius: 0;
}

.admin_count {
  font-size: 28px;
}

.admin_count .sub_amount {
  display: block;
  font-size: 12px;
}

.tooltips {
  color: #797979;
}

.login-wrap {
  background-color: #12141C;
}

.list-group-item, .entrant_list .entrant {
  background-color: inherit;
}

.panel-title {
  color: var(--ui-body-ink);
}

.panel-footer {
  background-color: var(--ui-box-footer);
  border-color: var(--ui-hairline);
}

.pagination > li > a:hover:not(.disabled), a .pagination > li > .location:hover:not(.disabled), .link .pagination > li > .location:hover:not(.disabled), .pagination > li > .link:hover:not(.disabled), .pagination > li > span:hover, .pagination > li > a:focus, a .pagination > li > .location:focus:hover, .link .pagination > li > .location:focus:hover, .pagination > li > .link:focus, .pagination > li > span:focus {
  color: var(--ui-body-ink);
  background-color: transparent;
  font-weight: bold;
  border-color: orange;
}

.pagination > li > a, a .pagination > li > .location:hover, .link .pagination > li > .location:hover, .pagination > li > .link, .pagination > li > span {
  color: var(--ui-body-ink);
  border-color: orange;
  background-color: transparent;
}

ul li {
  list-style: inherit;
}

a, a .location:hover, .link .location:hover, .link, a:hover, a:focus {
  text-decoration: none;
  outline: none;
}

a:hover, a .location:hover, .link .location:hover, .link:hover, a:focus, .link:focus {
  color: var(--ui-body-ink);
}

::selection, ::-moz-selection {
  background: #05D8FF;
  color: white;
}

#container {
  width: 100%;
  height: 100%;
}

label.form-control {
  height: auto;
}

textarea.form-control {
  min-width: 0;
}

/*login page*/
.login-body {
  background-color: #F1F2F7;
}

.form-signin {
  max-width: 440px;
  margin: 0 auto 50px auto;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.form-signin p {
  text-align: center;
  color: #B6B6B6;
  font-size: 16px;
  font-weight: 300;
}

.login-wrap {
  padding: 20px;
}

/*sidebar navigation*/
.sidebar-sidebar {
  background-color: #1C1F2B;
}

#sidebar.dragging {
  transition: none;
}

#page_netplay .swipe-area {
  position: absolute;
  height: 100%;
  width: 10px;
  display: block;
  background: transparent;
  z-index: 999;
  margin-top: 38px;
}

#page_netplay .dashboard-md .swipe-area {
  display: none;
}

body.sidebar-open #sidebar {
  display: block;
}

body.sidebar-open #sidebar {
  margin-left: 0;
}

#sidebar ul li {
  position: relative;
}

#sidebar .sub-menu > .sub li {
  padding-left: 32px;
}

#sidebar .sub-menu > .sub li:last-child {
  padding-bottom: 10px;
}

/*---*/
.nav-collapse.collapse {
  display: inline;
}

#sidebar > ul > li > ul.sub {
  display: none;
}

#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a, a #sidebar > ul > li > ul.sub > li > .location:hover, .link #sidebar > ul > li > ul.sub > li > .location:hover, #sidebar > ul > li > ul.sub > li > .link {
  display: block;
}

/*notification*/
#top_menu .nav > li, ul.top-menu > li {
  float: left;
}

.notify-row {
  float: right;
}

.notify-row .notification span.label {
  display: inline-block;
  height: 18px;
  width: 20px;
  padding: 5px;
}

ul.top-menu > li > a, a ul.top-menu > li > .location:hover, .link ul.top-menu > li > .location:hover, ul.top-menu > li > .link {
  color: #666666;
  font-size: 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 2px 3px;
  margin-right: 10px;
}

ul.top-menu > li > a:hover, a ul.top-menu > li > .location:hover, .link ul.top-menu > li > .location:hover, ul.top-menu > li > .link:hover, ul.top-menu > li > a:focus, ul.top-menu > li > .link:focus, .sidebar-toggle-box .fa-bars:hover, .sidebar-opened .fa-bars {
  border: 1px solid #3A4059;
  background-color: #3A4059;
  text-decoration: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #FFD700;
}

.notify-row .badge, .notify-row .event_listing .best_of_small, .event_listing .notify-row .best_of_small, .notify-row .bug_category, .notify-row .bug_summary_description .confirmed, .bug_summary_description .notify-row .confirmed, .notify-row .normal_list .no_tags.active, .normal_list .notify-row .no_tags.active {
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 100;
}

.dropdown-menu.extended {
  max-width: 300px !important;
  min-width: 160px !important;
  top: 42px;
  width: 235px !important;
  padding: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
  border: none !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome */
  .dropdown-menu.extended {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
  }
}
.dropdown-menu.extended p {
  background-color: #0A6EBD;
  color: white;
  margin: 0;
  padding: 10px;
  border-radius: 4px 4px 0 0;
}

.dropdown-menu.extended p.green {
  background-color: #A9D86E;
  color: #FFF;
}

.dropdown-menu.extended p.red {
  background-color: #FF6C60;
  color: #FFF;
}

.dropdown-menu.extended p.yellow {
  background-color: #FCB322;
  color: #FFF;
}

.dropdown-menu.extended li a, .dropdown-menu.extended li a .location:hover, a .dropdown-menu.extended li .location:hover, .dropdown-menu.extended li .link .location:hover, .link .dropdown-menu.extended li .location:hover, .dropdown-menu.extended li .link {
  border-bottom: 1px solid #EBEBEB;
  font-size: 12px;
  list-style: none;
}

.dropdown-menu.extended li a, .dropdown-menu.extended li a .location:hover, a .dropdown-menu.extended li .location:hover, .dropdown-menu.extended li .link .location:hover, .link .dropdown-menu.extended li .location:hover, .dropdown-menu.extended li .link {
  padding: 15px 10px;
  width: 100%;
  display: inline-block;
}

.dropdown-menu.extended li a:hover, .dropdown-menu.extended li a .location:hover, a .dropdown-menu.extended li .location:hover, .dropdown-menu.extended li .link .location:hover, .link .dropdown-menu.extended li .location:hover, .dropdown-menu.extended li .link:hover {
  background-color: #F7F8F9;
  color: #2E2E2E;
}

.dropdown-menu.tasks-bar .task-info .desc {
  font-size: 13px;
  font-weight: normal;
}

.dropdown-menu.tasks-bar .task-info .percent {
  display: inline-block;
  float: right;
  font-size: 13px;
  font-weight: 600;
  padding-left: 10px;
  margin-top: -4px;
}

.dropdown-menu.extended .progress {
  margin-bottom: 0 !important;
  height: 10px;
}

.dropdown-menu.inbox li a .photo img, a .dropdown-menu.inbox li .location:hover .photo img, .link .dropdown-menu.inbox li .location:hover .photo img, .dropdown-menu.inbox li .link .photo img {
  border-radius: 2px 2px 2px 2px;
  float: left;
  height: 40px;
  margin-right: 4px;
  width: 40px;
}

.dropdown-menu.inbox li a .subject, a .dropdown-menu.inbox li .location:hover .subject, .link .dropdown-menu.inbox li .location:hover .subject, .dropdown-menu.inbox li .link .subject {
  display: block;
}

.dropdown-menu.inbox li a .subject .from, a .dropdown-menu.inbox li .location:hover .subject .from, .link .dropdown-menu.inbox li .location:hover .subject .from, .dropdown-menu.inbox li .link .subject .from {
  font-size: 12px;
  font-weight: 600;
}

.dropdown-menu.inbox li a .subject .time, a .dropdown-menu.inbox li .location:hover .subject .time, .link .dropdown-menu.inbox li .location:hover .subject .time, .dropdown-menu.inbox li .link .subject .time {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  position: absolute;
  right: 5px;
  width: auto;
}

.dropdown-menu.inbox li a .message, a .dropdown-menu.inbox li .location:hover .message, .link .dropdown-menu.inbox li .location:hover .message, .dropdown-menu.inbox li .link .message {
  display: block !important;
  font-size: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.top-nav ul.top-menu > li .dropdown-menu.logout {
  width: 268px !important;
}

.header_content .dropdown .dropdown-menu {
  border: 2px solid #3A4059;
  border-radius: 4px;
  min-height: 50px;
  min-width: 50px;
  overflow: hidden;
  padding: 0;
}
.header_content .dropdown .dropdown-menu li {
  border-bottom: 2px solid #e5e5e5;
  cursor: pointer;
  min-width: 200px;
  padding: 1px;
}
.header_content .dropdown .dropdown-menu li.active {
  background-color: #3A4059;
}
.header_content .dropdown .dropdown-menu li a, .header_content .dropdown .dropdown-menu li a .location:hover, a .header_content .dropdown .dropdown-menu li .location:hover, .header_content .dropdown .dropdown-menu li .link .location:hover, .link .header_content .dropdown .dropdown-menu li .location:hover, .header_content .dropdown .dropdown-menu li .link {
  background-color: unset;
}
.header_content .dropdown .dropdown-menu li a:hover, .header_content .dropdown .dropdown-menu li a .location:hover, a .header_content .dropdown .dropdown-menu li .location:hover, .header_content .dropdown .dropdown-menu li .link .location:hover, .link .header_content .dropdown .dropdown-menu li .location:hover, .header_content .dropdown .dropdown-menu li .link:hover {
  background-color: unset;
}
.header_content .dropdown .dropdown-menu li:hover {
  background-color: #3A4059;
}
.header_content .dropdown .dropdown-menu li:last-child {
  border-bottom: none;
}
.header_content .dropdown .dropdown-menu .fa, .header_content .dropdown .dropdown-menu .chat_message.edited .edited, .chat_message.edited .header_content .dropdown .dropdown-menu .edited, .header_content .dropdown .dropdown-menu .feedback_thumbs .negative, .feedback_thumbs .header_content .dropdown .dropdown-menu .negative, .header_content .dropdown .dropdown-menu .feedback_thumbs .positive, .feedback_thumbs .header_content .dropdown .dropdown-menu .positive, .header_content .dropdown .dropdown-menu .feedback_thumbs .neutral, .feedback_thumbs .header_content .dropdown .dropdown-menu .neutral {
  color: #05D8FF;
}

.top-nav .dropdown .dropdown-menu {
  float: right;
  left: -78px;
}

.top-nav .dropdown .profile_menu.dropdown-menu {
  float: right;
  right: 10px;
  left: auto;
}

.dropdown-menu.extended.logout > li {
  float: left;
  text-align: center;
  width: 33.3%;
}

.dropdown-menu.extended.logout > li:last-child {
  float: left;
  text-align: center;
  width: 100%;
  background: #A9D96C;
  border-radius: 0 0 3px 3px;
}

.dropdown-menu.extended.logout > li:last-child > a, a .dropdown-menu.extended.logout > li:last-child > .location:hover, .link .dropdown-menu.extended.logout > li:last-child > .location:hover, .dropdown-menu.extended.logout > li:last-child > .link, .dropdown-menu.extended.logout > li:last-child > a:hover {
  color: #FFF;
  border-bottom: none !important;
  text-transform: uppercase;
}

.dropdown-menu.extended.logout > li:last-child > a:hover > i, a .dropdown-menu.extended.logout > li:last-child > .location:hover > i, .link .dropdown-menu.extended.logout > li:last-child > .location:hover > i, .dropdown-menu.extended.logout > li:last-child > .link:hover > i {
  color: #FFF;
}

.dropdown-menu.extended.logout > li > a, a .dropdown-menu.extended.logout > li > .location:hover, .link .dropdown-menu.extended.logout > li > .location:hover, .dropdown-menu.extended.logout > li > .link {
  color: #A4ABBB;
  border-bottom: none !important;
}

.full-width .dropdown-menu.extended.logout > li > a:hover, .full-width a .dropdown-menu.extended.logout > li > .location:hover, a .full-width .dropdown-menu.extended.logout > li > .location:hover, .full-width .link .dropdown-menu.extended.logout > li > .location:hover, .link .full-width .dropdown-menu.extended.logout > li > .location:hover, .full-width .dropdown-menu.extended.logout > li > .link:hover {
  background: none !important;
  color: #50C8EA !important;
}

.dropdown-menu.extended.logout > li > a:hover, a .dropdown-menu.extended.logout > li > .location:hover, .link .dropdown-menu.extended.logout > li > .location:hover, .dropdown-menu.extended.logout > li > .link:hover {
  background: none !important;
}

.dropdown-menu.extended.logout > li > a:hover i, a .dropdown-menu.extended.logout > li > .location:hover i, .link .dropdown-menu.extended.logout > li > .location:hover i, .dropdown-menu.extended.logout > li > .link:hover i {
  color: #50C8EA;
}

.dropdown-menu.extended.logout > li > a i, a .dropdown-menu.extended.logout > li > .location:hover i, .link .dropdown-menu.extended.logout > li > .location:hover i, .dropdown-menu.extended.logout > li > .link i {
  font-size: 17px;
}

.dropdown-menu.extended.logout > li > a > i, a .dropdown-menu.extended.logout > li > .location:hover > i, .link .dropdown-menu.extended.logout > li > .location:hover > i, .dropdown-menu.extended.logout > li > .link > i {
  display: block;
}

.top-nav ul.top-menu > li > a, .top-nav a ul.top-menu > li > .location:hover, a .top-nav ul.top-menu > li > .location:hover, .top-nav .link ul.top-menu > li > .location:hover, .link .top-nav ul.top-menu > li > .location:hover, .top-nav ul.top-menu > li > .link, .sidebar-toggle-box .fa-bars {
  color: var(--ui-header-ink);
  border: 1px solid transparent;
}

.top-nav ul.top-menu > li {
  margin-left: 2px;
}

.top-nav ul.top-menu > li.dropdown > a.dropdown-toggle, .top-nav a ul.top-menu > li.dropdown > .dropdown-toggle.location:hover, a .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.location:hover, .top-nav .link ul.top-menu > li.dropdown > .dropdown-toggle.location:hover, .link .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.location:hover, .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.link {
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 20px;
  padding: 5px 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.top-nav ul.top-menu > li.dropdown > a.dropdown-toggle:hover, .top-nav a ul.top-menu > li.dropdown > .dropdown-toggle.location:hover, a .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.location:hover, .top-nav .link ul.top-menu > li.dropdown > .dropdown-toggle.location:hover, .link .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.location:hover, .top-nav ul.top-menu > li.dropdown > .dropdown-toggle.link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.4);
}

.top-nav .dropdown-menu.extended.logout {
  top: 50px;
}

/*search*/
.search {
  margin-top: 6px;
  width: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid #FFF;
  box-shadow: none;
  padding: 0 5px 0 35px;
  color: #FFF;
}

.search:focus {
  margin-top: 5px;
  width: 180px;
  border: 1px solid #EAEAEA;
  box-shadow: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #C8C8C8;
  font-weight: 300;
}

/*--sidebar toggle---*/
.sidebar-toggle-box {
  float: left;
  padding-right: 15px;
  margin-top: 14px;
  margin-left: 8px;
}

.sidebar-toggle-box .fa-bars {
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  padding: 4px;
}

.sidebar-closed > #sidebar > ul {
  display: none;
}

.sidebar-closed #main-content {
  margin-left: 0;
}

.sidebar-closed #sidebar {
  margin-left: -260px;
}

.panel, body.database_setup .section_content {
  margin-bottom: 20px;
  background-color: var(--ui-box);
  border: 1px solid var(--ui-hairline);
  border-radius: 0;
}

/*badge*/
.badge.bg-warning, .event_listing .bg-warning.best_of_small, .bg-warning.bug_category, .bug_summary_description .bg-warning.confirmed, .normal_list .bg-warning.no_tags.active {
  background: #0A6EBD;
}

.badge.bg-important, .event_listing .bg-important.best_of_small, .bg-important.bug_category, .bug_summary_description .bg-important.confirmed, .normal_list .bg-important.no_tags.active {
  background: #0A6EBD;
}

/*profile*/
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .cmxform .form-group input.error, .cmxform #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .extra_data input.error, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .cmxform .extra_data input.error, .cmxform .form-group textarea.error, .cmxform #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .extra_data textarea.error, #dashboard .matchmaking_tab_content #tab-pane-matchmaking .battle-profile .connected-fields .cmxform .extra_data textarea.error {
  border-color: #B94A48 !important;
}

/*date picker*/
.add-on {
  float: right;
  margin-top: -37px;
  padding: 3px;
  text-align: center;
}

.add-on .btn, .add-on .btn-xs, .add-on .possible_aka_listings button, .possible_aka_listings .add-on button, .add-on .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .add-on button, .add-on .btn-sm, .add-on .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .add-on button, .add-on .stage_selectable .stage_options button, .stage_selectable .stage_options .add-on button, .add-on body.database_setup input[type=submit], body.database_setup .add-on input[type=submit], .add-on body.database_setup button, body.database_setup .add-on button {
  padding: 9px;
}

.daterangepicker .ranges .range_inputs > div:nth-child(2) {
  margin-bottom: 10px;
  padding-left: 0px;
}

.daterangepicker .ranges label {
  padding-bottom: 0;
  padding-top: 8px;
}

.daterangepicker td.active, .daterangepicker td.active:hover,
.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover,
.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled],
.datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.active:hover, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled.disabled:hover, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active[disabled]:hover, .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled[disabled]:hover {
  background: #41CAC0;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
}

.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active {
  text-shadow: none;
}

.datepicker th.switch {
  width: 125px;
}

.datepicker td span {
  height: 40px;
  line-height: 40px;
}

.bootstrap-timepicker table td input {
  border: 1px solid #CCC;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

td.details {
  background-color: #EEE;
}

/*pricing table*/
.feature-head {
  padding: 10px 0 50px;
}

.feature-head h1 {
  font-size: 25px;
  font-weight: normal;
}

.pricing-table {
  background: #FFF;
  text-align: center;
  padding: 0 0 25px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.pricing-table.most-popular {
  top: -20px;
  position: relative;
}

.most-popular {
  background: #F77B6F;
  color: #FFF;
}

.most-popular h1 {
  font-size: 25px !important;
  padding-bottom: 10px;
  padding-top: 17px !important;
}

.most-popular h2 {
  background: #D76B61 !important;
  margin-top: 20px !important;
}

.most-popular ul li {
  border-bottom: 1px dotted #D76B61 !important;
}

.most-popular .price-actions .btn, .most-popular .price-actions .btn-xs, .most-popular .price-actions .possible_aka_listings button, .possible_aka_listings .most-popular .price-actions button, .most-popular .price-actions .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .most-popular .price-actions button, .most-popular .price-actions .btn-sm, .most-popular .price-actions .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .most-popular .price-actions button, .most-popular .price-actions .stage_selectable .stage_options button, .stage_selectable .stage_options .most-popular .price-actions button, .most-popular .price-actions body.database_setup input[type=submit], body.database_setup .most-popular .price-actions input[type=submit], .most-popular .price-actions body.database_setup button, body.database_setup .most-popular .price-actions button {
  background: #D76B61 !important;
  margin: 10px 0;
  cursor: pointer;
}

.pricing-table .price-actions .btn, .pricing-table .price-actions .btn-xs, .pricing-table .price-actions .possible_aka_listings button, .possible_aka_listings .pricing-table .price-actions button, .pricing-table .price-actions .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .pricing-table .price-actions button, .pricing-table .price-actions .btn-sm, .pricing-table .price-actions .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .pricing-table .price-actions button, .pricing-table .price-actions .stage_selectable .stage_options button, .stage_selectable .stage_options .pricing-table .price-actions button, .pricing-table .price-actions body.database_setup input[type=submit], body.database_setup .pricing-table .price-actions input[type=submit], .pricing-table .price-actions body.database_setup button, body.database_setup .pricing-table .price-actions button {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #ACACAC;
  color: #FFF;
  border: none;
  box-shadow: none;
  text-shadow: none;
  padding: 10px 20px;
  cursor: pointer;
}

.pricing-head h1 {
  font-size: 18px;
  font-weight: 300;
  padding-top: 15px;
}

.pricing-head h2 {
  padding: 30px 0;
  background: #777777;
  color: #FFF;
  font-size: 50px;
  font-weight: 100;
}

.pricing-table ul {
  margin: 15px 0;
  padding: 0;
}

.pricing-table ul li {
  border-bottom: 1px dotted #CCCCCC;
  margin: 0 2em;
  padding: 1em 0;
  text-align: center;
  font-weight: 300;
}

.pricing-head span.note {
  display: inline;
  font-size: 25px;
  line-height: 0.8em;
  position: relative;
  top: -18px;
}

.pricing-quotation, .team-info {
  background: #EEEEEE;
  padding: 20px 20px 35px 20px;
  margin-bottom: 100px;
  display: inline-block;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.pricing-quotation h3, .team-info h3 {
  font-weight: 300;
}

.pricing-quotation p, .team-info p {
  margin-bottom: 0px;
}

.pricing-plan, .team-info-wrap {
  position: relative;
}

.pricing-quotation:before, .team-info:before {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  border-image: none;
  border-right: 1px solid #EEEEEE;
  border-style: none;
  top: -7px;
  content: "";
  display: block;
  height: 14px;
  left: 48%;
  position: absolute;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 15px;
}

/*dragable portlet*/
.sortable .panel .panel-heading, .sortable body.database_setup .section_content .panel-heading, body.database_setup .sortable .section_content .panel-heading {
  cursor: move;
}

.table > tbody > tr.active > td {
  background-color: var(--ui-page);
}

.directory-info-row .thumb {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  height: auto;
  width: 175px;
  margin-right: 10px;
}

.popover {
  background-color: #30354A;
}

.popover.bottom > .arrow:after {
  border-bottom-color: #30354A;
}
.popover.top > .arrow:after {
  border-top-color: #30354A;
}
.popover.left > .arrow:after {
  border-left-color: #30354A;
}
.popover.right > .arrow:after {
  border-right-color: #30354A;
}

body button {
  background-color: #0A6EBD;
  border-color: #0A6EBD;
  color: white;
}

body button:hover, body a button.location:hover, a body button.location:hover, body .link button.location:hover, .link body button.location:hover {
  background-color: #05D8FF;
  color: #05D8FF;
}

:where([data-theme=light]) body button:hover, :where([data-theme=light]) body a button.location:hover, a :where([data-theme=light]) body button.location:hover, :where([data-theme=light]) body .link button.location:hover, .link :where([data-theme=light]) body button.location:hover {
  background-color: var(--ui-panel-2);
  color: var(--ui-ink);
}

body .btn-info {
  background-color: #05D8FF;
}

body .btn-info:hover, body .btn-info:focus, body .btn-info:active {
  background-color: #05D8FF;
}

body:not(.dashboard-md) .unified-feed-view .unified-feed-view__tabs {
  display: block;
}

.netplay-nav-status-slot:empty {
  display: none;
}

.netplay-nav-status {
  display: inline-block;
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
  background: #f5c518;
  color: #1a1500;
}
.netplay-nav-status--live {
  background: #ef4565;
  color: #fff;
}
.netplay-nav-status--muted {
  background: #2b3042;
  color: #a3a8b8;
}
[data-theme=light] .netplay-nav-status--muted {
  background: var(--ui-panel-2);
  color: var(--ui-ink-2);
}
.netplay-nav-status--alert {
  background: #ffb020;
  color: #1a1200;
}
.netplay-nav-status--lobby {
  background: #1e2230;
  color: #18c5f0;
  box-shadow: inset 0 0 0 1px #2b3042;
}
[data-theme=light] .netplay-nav-status--lobby {
  background: var(--ui-panel-2);
  color: var(--ui-link);
  box-shadow: inset 0 0 0 1px var(--ui-line);
}

.unified-feed-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: calc(100dvh - 60px);
  background: var(--uv-bg);
  overflow: hidden;
  --uv-bg: #12141c;
  --uv-page-bg: #1c1f2b;
  --uv-sidebar-bg: #14161f;
  --uv-elevated-bg: #181b26;
  --uv-sunken-bg: #14161f;
  --uv-field-bg: #1e2230;
  --uv-border: #2b3042;
  --uv-border-strong: #3a4059;
  --uv-text: #e2e0e0;
  --uv-text-strong: #fff;
  --uv-text-dim: #a3a8b8;
  --uv-text-muted: #6b7185;
  --uv-gold: #f5c518;
  --uv-gold-dim: rgba(245, 197, 24, 0.14);
  --uv-gold-line: rgba(245, 197, 24, 0.45);
  --uv-live: #ef4565;
  --uv-on-gold: #1a1500;
  --uv-gold-soft: #f0c040;
  --uv-hover-bg: rgba(255, 255, 255, 0.04);
  --uv-press-bg: rgba(255, 255, 255, 0.05);
  --uv-hairline: rgba(255, 255, 255, 0.08);
  --uv-text-soft: #ddd;
  --uv-text-hover: #bbb;
  --uv-text-faint: #555;
  --uv-card-bg: #181828;
  --uv-card-hover-bg: #1e1e30;
  --uv-chip-bg: #14142a;
  --uv-chip-border: #3a3a55;
  --uv-mine-bg: #252520;
  --uv-mine-line: #7d6a1d;
  --uv-rooms-width: 236px;
  --uv-people-width: 232px;
  --uv-room-header-height: 61px;
}
body:not(.dashboard-lg):not(.dashboard-md) .unified-feed-view {
  height: 100dvh;
}
[data-theme=light] .unified-feed-view {
  --uv-bg: var(--ui-bg);
  --uv-page-bg: var(--ui-bg);
  --uv-sidebar-bg: var(--ui-panel-2);
  --uv-elevated-bg: #fff;
  --uv-sunken-bg: var(--ui-panel-2);
  --uv-field-bg: #fff;
  --uv-border: var(--ui-line-2);
  --uv-border-strong: var(--ui-line-3);
  --uv-text: var(--ui-ink);
  --uv-text-strong: var(--ui-ink);
  --uv-text-dim: var(--ui-ink-2);
  --uv-text-muted: #5f6a7b;
  --uv-gold: var(--ui-accent);
  --uv-gold-dim: color-mix(in srgb, var(--ui-accent) 10%, transparent);
  --uv-gold-line: color-mix(in srgb, var(--ui-accent) 40%, transparent);
  --uv-live: var(--ui-red);
  --uv-on-gold: var(--ui-on-accent);
  --uv-gold-soft: var(--ui-accent);
  --uv-hover-bg: rgba(31, 39, 51, 0.05);
  --uv-press-bg: rgba(31, 39, 51, 0.07);
  --uv-hairline: var(--ui-line-2);
  --uv-text-soft: var(--ui-ink);
  --uv-text-hover: var(--ui-ink);
  --uv-text-faint: var(--ui-ink-3);
  --uv-card-bg: #fff;
  --uv-card-hover-bg: var(--ui-panel);
  --uv-chip-bg: var(--ui-panel-2);
  --uv-chip-border: var(--ui-line-2);
  --uv-mine-bg: color-mix(in srgb, var(--ui-accent) 6%, var(--ui-bg));
  --uv-mine-line: color-mix(in srgb, var(--ui-accent) 55%, transparent);
}
.unified-feed-view .unified-feed-view__panes {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  min-width: 0;
}
.unified-feed-view .unified-feed-view__tabs {
  display: none;
  flex: 0 0 auto;
  border-bottom: 1px solid var(--uv-border);
  background: var(--uv-sidebar-bg);
}
.unified-feed-view .unified-feed-view__tabs .mobile_view_tabs {
  margin: 0;
}
[data-theme=light] .unified-feed-view .unified-feed-view__tabs .mobile_view_tabs .tab_list .tab_button {
  color: var(--ui-ink-2);
}
[data-theme=light] .unified-feed-view .unified-feed-view__tabs .mobile_view_tabs .tab_list .tab_button:hover, [data-theme=light] .unified-feed-view .unified-feed-view__tabs .mobile_view_tabs .tab_list .tab_button.active {
  color: var(--ui-link);
}
.unified-feed-view .unified-feed-view__tabs .mobile_view_tabs .tab_button .badge.active, .unified-feed-view .unified-feed-view__tabs .mobile_view_tabs .tab_button .event_listing .active.best_of_small, .event_listing .unified-feed-view .unified-feed-view__tabs .mobile_view_tabs .tab_button .active.best_of_small, .unified-feed-view .unified-feed-view__tabs .mobile_view_tabs .tab_button .active.bug_category, .unified-feed-view .unified-feed-view__tabs .mobile_view_tabs .tab_button .bug_summary_description .active.confirmed, .bug_summary_description .unified-feed-view .unified-feed-view__tabs .mobile_view_tabs .tab_button .active.confirmed, .unified-feed-view .unified-feed-view__tabs .mobile_view_tabs .tab_button .normal_list .active.no_tags, .normal_list .unified-feed-view .unified-feed-view__tabs .mobile_view_tabs .tab_button .active.no_tags {
  top: 4px;
  left: calc(50% + 6px);
  right: auto;
  margin-left: 0;
}
.unified-feed-view .unified-feed-view__tabs .unified-feed-tab-icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.unified-feed-view .unified-feed-view__tabs .unified-feed-tab-icon .netplay-nav-status {
  margin-left: 0;
  padding: 3px 6px;
  font-size: 11px;
}
.unified-feed-view .unified-feed__match-area {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
  background: var(--uv-page-bg);
}
.unified-feed-view .unified-feed__header {
  flex-shrink: 0;
  padding: 10px 16px 8px;
  border-bottom: 1px solid var(--uv-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.unified-feed-view .unified-feed__settings-toggle {
  flex-shrink: 0;
  background: none;
  border: 1px solid var(--uv-border);
  border-radius: 6px;
  color: var(--uv-text-dim);
  cursor: pointer;
  padding: 6px 10px;
  font-size: 18px;
  line-height: 1;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.unified-feed-view .unified-feed__settings-toggle:hover {
  color: var(--uv-text-strong);
  border-color: var(--uv-text-dim);
}
.unified-feed-view .unified-feed__settings-toggle--active {
  color: var(--uv-text-strong);
  border-color: var(--uv-gold);
  background: rgba(245, 197, 24, 0.12);
}
[data-theme=light] .unified-feed-view .unified-feed__settings-toggle--active {
  background: var(--uv-gold-dim);
}
.unified-feed-view .unified-feed__feed-zone--settings {
  overflow-y: auto;
}
.unified-feed-view .unified-feed__header--has-challenge {
  position: relative;
  border-bottom-color: rgba(245, 197, 24, 0.6);
  animation: unified-feed-header-challenge-pulse 1.4s ease-in-out infinite;
}
.unified-feed-view .unified-feed__header--has-challenge .unified-feed__title {
  color: var(--uv-gold);
}
@keyframes unified-feed-header-challenge-pulse {
  0%, 100% {
    box-shadow: inset 0 -2px 0 rgba(245, 197, 24, 0.35);
    background: rgba(245, 197, 24, 0.04);
  }
  50% {
    box-shadow: inset 0 -2px 0 rgba(245, 197, 24, 0.85);
    background: rgba(245, 197, 24, 0.12);
  }
}
.unified-feed-view .unified-feed__title {
  margin: 0;
  font-size: 28px;
  font-weight: 800;
  color: var(--uv-text-strong);
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.unified-feed-view .unified-feed__profile-link {
  font-size: 12px;
  color: var(--uv-text-dim);
  text-decoration: none;
  white-space: nowrap;
}
.unified-feed-view .unified-feed__profile-link:hover {
  color: #ccc;
}
[data-theme=light] .unified-feed-view .unified-feed__profile-link:hover {
  color: var(--ui-ink);
}
.unified-feed-view .unified-feed__feed-zone {
  flex: 1;
  min-height: 120px;
  overflow-y: auto;
  overflow-x: visible;
  display: flex;
  flex-direction: column;
}
.unified-feed-view .netplay-chat-view,
.unified-feed-view .netplay-play-view {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: row;
}
.unified-feed-view .netplay-play-view__rooms {
  flex: 0 0 var(--uv-rooms-width);
  min-height: 0;
  display: flex;
}
.unified-feed-view .netplay-play-view__rooms .bottom-chat-panel__unified-sidebar {
  flex: 1;
}
.unified-feed-view .unified-search-feed .request .active_selectable_button.btn-danger, .unified-feed-view .unified-search-feed .request .active_selectable_button.btn-off, .unified-feed-view .unified-search-feed .request .stage_selectable .stage_options button.active_selectable_button, .stage_selectable .stage_options .unified-feed-view .unified-search-feed .request button.active_selectable_button {
  background-color: transparent;
  border-color: #EA5849;
  color: #EA5849;
  border-radius: 6px;
}
.unified-feed-view .unified-search-feed .request .active_selectable_button.btn-danger:hover, .unified-feed-view .unified-search-feed .request .active_selectable_button.btn-off:hover, .unified-feed-view .unified-search-feed .request .stage_selectable .stage_options button.active_selectable_button:hover, .stage_selectable .stage_options .unified-feed-view .unified-search-feed .request button.active_selectable_button:hover {
  background-color: rgba(234, 88, 73, 0.15);
  color: #EA5849;
}
.unified-feed-view .unified-search-feed .request .active_selectable_button:not(.btn-danger):not(.btn-off) {
  background-color: transparent;
  border-radius: 6px;
  border-width: 1px;
}
.unified-feed-view .unified-search-feed .request .active_selectable_button.bright {
  border-color: #0A6EBD;
  color: #0A6EBD;
}
.unified-feed-view .unified-search-feed .request .active_selectable_button.bright:hover {
  background-color: rgba(10, 110, 189, 0.18);
  color: #0A6EBD;
}
.unified-feed-view .unified-search-feed .request .active_selectable_button:not(.btn-danger):not(.btn-off):not(.bright) {
  border-color: rgba(255, 255, 255, 0.45);
  color: rgba(255, 255, 255, 0.85);
}
.unified-feed-view .unified-search-feed .request .active_selectable_button:not(.btn-danger):not(.btn-off):not(.bright):hover {
  background-color: var(--uv-hairline);
  color: var(--uv-text-strong);
}
[data-theme=light] .unified-feed-view .unified-search-feed .request .active_selectable_button:not(.btn-danger):not(.btn-off):not(.bright) {
  border-color: var(--ui-line-3);
  color: var(--ui-ink-2);
}
.unified-feed-view .unified-search-feed {
  padding: 12px 16px;
  flex: 1;
  width: 100%;
  margin: 0 auto;
  align-self: center;
  box-sizing: border-box;
}
.unified-feed-view .unified-search-feed .missed_challenges_activated_thingy {
  position: static;
  display: inline-block;
  margin-top: 12px;
  padding: 4px 10px;
  border-radius: 12px;
  border: 1px solid var(--uv-border-strong);
  background: var(--uv-elevated-bg);
  font-size: 12px;
}
.unified-feed-view .unified-search-feed .recent_match_searcher {
  background: var(--uv-card-bg);
  border: 1px solid var(--uv-border);
  border-radius: 8px;
  padding: 8px 12px;
  min-height: 48px;
  margin-bottom: 6px;
  position: relative;
}
.unified-feed-view .unified-search-feed .recent_match_searcher.is_my_search {
  background: var(--uv-mine-bg);
  border-color: var(--uv-mine-line);
}
.unified-feed-view .unified-search-feed .recent_match_searcher:hover {
  background: var(--uv-card-hover-bg);
}
.unified-feed-view .unified-search-feed .recent_match_searcher .main_challenge_info {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}
.unified-feed-view .unified-search-feed .recent_match_searcher.match_found_active {
  border-color: var(--uv-gold);
  box-shadow: 0 0 0 1px rgba(245, 197, 24, 0.35), 0 4px 16px rgba(245, 197, 24, 0.2);
}
.unified-feed-view .unified-search-feed .recent_match_searcher .match-found-badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(135deg, #f5c518 0%, #e0a800 100%);
  color: #1a1a0a;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 6px 14px;
  border-radius: 6px;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(245, 197, 24, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.2);
  z-index: 5;
  pointer-events: none;
  animation: match-found-pulse 1.4s ease-in-out infinite;
}
.unified-feed-view .unified-search-feed .recent_match_searcher .match-found-badge::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background: #e0a800;
}
@keyframes match-found-pulse {
  0%, 100% {
    box-shadow: 0 4px 16px rgba(245, 197, 24, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0 4px 24px rgba(245, 197, 24, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.2);
  }
}
.unified-feed-view .unified-search-feed .default_information {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.unified-feed-view .unified-search-feed .default_information .game_type_holder {
  flex-shrink: 0;
}
.unified-feed-view .unified-search-feed .default_information .between_buttons {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.unified-feed-view .unified-search-feed .default_information .lobby_information {
  flex: 1;
  min-width: 0;
}
.unified-feed-view .unified-search-feed .default_information .lobby_information .user_data {
  min-width: 80px;
  overflow: hidden;
}
.unified-feed-view .unified-search-feed .default_information .factual_data {
  flex: 0 0 auto;
  min-width: 0;
}
@media (max-width: 600px) {
  .unified-feed-view .unified-search-feed .default_information .between_buttons {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 2px;
  }
  .unified-feed-view .unified-search-feed .default_information .game_type_holder {
    grid-row: 1/span 2;
  }
  .unified-feed-view .unified-search-feed .default_information .lobby_information,
  .unified-feed-view .unified-search-feed .default_information .factual_data {
    grid-column: 2;
  }
  .unified-feed-view .unified-search-feed .default_information .factual_data {
    gap: 0 8px;
  }
}
.unified-feed-view .unified-search-feed .lobby_information .user_data {
  display: flex;
  align-items: center;
  gap: 6px;
}
.unified-feed-view .unified-search-feed .lobby_information .user_data .game_logo_holder {
  flex: none;
}
.unified-feed-view .unified-search-feed .lobby_information .user_data .game_logo {
  display: block;
  width: auto;
  max-height: 20px;
}
.unified-feed-view .unified-search-feed .game_type_holder > div:not(.circular-countdown-timer) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #27ae60;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}
.unified-feed-view .unified-search-feed .factual_data {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  align-items: baseline;
}
.unified-feed-view .unified-search-feed .factual_data > * {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 4px;
  border: 1px solid var(--uv-chip-border);
  background: var(--uv-chip-bg);
  font-size: 11px;
  white-space: nowrap;
}
.unified-feed-view .unified-search-feed .factual_data > *:not(.location) {
  color: var(--uv-text-hover);
}
.unified-feed-view .unified-search-feed .factual_data .auto_queued,
.unified-feed-view .unified-search-feed .factual_data .location {
  background: none;
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.unified-feed-view .unified-search-feed__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.unified-feed-view .unified-search-feed__list .recent_match_searcher {
  margin-bottom: 0;
}
.unified-feed-view .unified-search-feed__list .recent_match_searcher.has_extra_information .main_challenge_info {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.unified-feed-view .unified-search-feed__list .recent_match_searcher.has_extra_information .default_information {
  opacity: 1 !important;
  pointer-events: auto !important;
  flex: 1;
  min-width: 0;
}
.unified-feed-view .unified-search-feed__list .recent_match_searcher.has_extra_information .extra_information {
  position: static !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  height: auto !important;
  width: auto !important;
  align-items: center;
}
.unified-feed-view .unified-search-feed__list .recent_match_searcher.has_extra_information .extra_information > .between_buttons {
  display: none !important;
}
.unified-feed-view .unified-search-feed__list .recent_match_searcher.has_extra_information:hover .default_information {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.unified-feed-view .unified-search-feed__section {
  margin-bottom: 16px;
}
.unified-feed-view .section-label {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--uv-text-muted);
  margin: 16px 0 8px;
}
.unified-feed-view .section-label span {
  color: var(--uv-gold-soft);
  margin-left: 6px;
}
.unified-feed-view .section-label--divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0 12px;
  color: var(--uv-text-faint);
  font-weight: 600;
}
.unified-feed-view .section-label--divider::before, .unified-feed-view .section-label--divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--uv-hairline);
}
.unified-feed-view .section-label--divider .section-label__text {
  color: inherit;
  margin: 0;
  white-space: nowrap;
}
.unified-feed-view .unified-search-feed__section--mine .match-search-listing {
  background: var(--uv-mine-bg);
  border-left: 3px solid var(--uv-mine-line);
}
.unified-feed-view .empty-feed-explainer {
  padding: 8px 0 4px;
}
.unified-feed-view .empty-feed-explainer__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.unified-feed-view .empty-feed-explainer__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid rgba(240, 192, 64, 0.5);
  color: var(--uv-gold-soft);
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}
[data-theme=light] .unified-feed-view .empty-feed-explainer__chip {
  border-color: var(--uv-gold-line);
}
.unified-feed-view .empty-feed-explainer__heading {
  color: var(--uv-text-soft);
  font-size: 13px;
  font-weight: 700;
}
.unified-feed-view .empty-feed-explainer__cards {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
}
.unified-feed-view .empty-feed-explainer__card {
  flex: 1 1 220px;
  min-width: 0;
  background: var(--uv-elevated-bg);
  border: 1px solid var(--uv-border);
  border-radius: 8px;
  padding: 14px 16px;
}
.unified-feed-view .empty-feed-explainer__card-number {
  font-family: "Roboto", "Open Sans", "Arial", sans-serif;
  font-size: 11px;
  color: var(--uv-gold-soft);
  letter-spacing: 0.08em;
  margin-bottom: 6px;
}
.unified-feed-view .empty-feed-explainer__card-title {
  color: var(--uv-text-strong);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}
.unified-feed-view .empty-feed-explainer__card-body {
  color: var(--uv-text-dim);
  font-size: 12.5px;
  line-height: 1.5;
}
.unified-feed-view .circular-countdown-timer {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.unified-feed-view .circular-countdown-timer__ring-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
}
.unified-feed-view .circular-countdown-timer__svg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 52px;
  height: 52px;
}
.unified-feed-view .circular-countdown-timer__track {
  fill: none;
  stroke: var(--uv-hairline);
}
.unified-feed-view .circular-countdown-timer__arc {
  fill: none;
  stroke: var(--uv-gold-soft);
  stroke-linecap: round;
  transition: stroke-dashoffset 0.9s linear;
}
.unified-feed-view .circular-countdown-timer__icon {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 40px;
  overflow: hidden;
}
.unified-feed-view .circular-countdown-timer__icon .game_logo {
  max-width: 28px;
  max-height: 28px;
  object-fit: contain;
}
.unified-feed-view .circular-countdown-timer__icon .match_count_text {
  font-size: 9px;
  font-weight: 700;
  color: var(--uv-text-strong);
  text-align: center;
  line-height: 1.1;
  white-space: nowrap;
}
.unified-feed-view .circular-countdown-timer__label {
  font-size: 10px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--uv-gold-soft);
  letter-spacing: 0.02em;
  line-height: 1;
}
.unified-feed-view .bottom-chat-panel {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
  background: var(--uv-bg);
}
.unified-feed-view .bottom-chat-panel--tiny {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}
.unified-feed-view .bottom-chat-panel--tiny .sidebar-sidebar {
  background: var(--uv-sunken-bg);
}
.unified-feed-view .bottom-chat-panel--tiny .bottom-chat-panel__main {
  width: 100%;
  flex: 1 1 100%;
  height: 100%;
}
.unified-feed-view .bottom-chat-panel--tiny .bottom-chat-panel__unified-sidebar {
  width: 100%;
  height: 100%;
  border-right: none;
}
.unified-feed-view .bottom-chat-panel.collapsed .bottom-chat-panel__unified-sidebar .channel-list,
.unified-feed-view .bottom-chat-panel.collapsed .bottom-chat-panel__unified-sidebar .unified-sidebar-tabs,
.unified-feed-view .bottom-chat-panel.collapsed .bottom-chat-panel__unified-sidebar .channel-filter,
.unified-feed-view .bottom-chat-panel.collapsed .bottom-chat-panel__unified-sidebar .sidebar-footer,
.unified-feed-view .bottom-chat-panel.collapsed .bottom-chat-panel__unified-sidebar .channel-list,
.unified-feed-view .bottom-chat-panel.collapsed .bottom-chat-panel__main {
  display: none;
}
.unified-feed-view .bottom-chat-panel .chat_container_outer_holder,
.unified-feed-view .bottom-chat-panel .chat_container {
  background-color: var(--uv-bg);
}
.unified-feed-view .bottom-chat-panel .chat_container_outer_holder {
  border-color: var(--uv-border);
}
.unified-feed-view .bottom-chat-panel #main_chat_area .chat_room_title_banner {
  background: var(--uv-elevated-bg);
  border-bottom: 1px solid var(--uv-border);
}
.unified-feed-view .bottom-chat-panel .chat_room_description {
  background-color: var(--uv-elevated-bg);
  border-color: var(--uv-border);
}
.unified-feed-view .bottom-chat-panel .chat_input_group {
  background-color: var(--uv-sunken-bg);
  border-color: var(--uv-border);
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.unified-feed-view .bottom-chat-panel__main .chat_input_group .input_beauty_wrapper {
  background-color: var(--uv-elevated-bg);
}
.unified-feed-view .bottom-chat-panel .chat_option.active, .unified-feed-view .bottom-chat-panel .chat_option:hover {
  color: var(--uv-gold);
}
.unified-feed-view .bottom-chat-panel .chat_input {
  font-size: 12px;
  color: var(--uv-text-soft);
}
[data-theme=light] .unified-feed-view .bottom-chat-panel .chat_input::placeholder {
  color: var(--ui-ink-3);
  font-weight: 400;
}
.unified-feed-view .bottom-chat-panel .chat_message {
  font-size: 12px;
}
.unified-feed-view .bottom-chat-panel .time {
  font-size: 10px;
  color: var(--uv-text-muted);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar {
  width: var(--uv-rooms-width);
  flex-shrink: 0;
  border-right: 1px solid var(--uv-border);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--uv-sunken-bg);
  padding: 0 8px;
  min-height: 0;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar-tabs-wrap {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--uv-text-dim);
  flex-shrink: 0;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .sidebar-header button {
  background: none !important;
  border: none !important;
  color: var(--uv-text-dim);
  cursor: pointer;
  padding: 0 4px;
  font-size: 11px;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .sidebar-header button:hover {
  color: var(--uv-text-strong);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .unified-sidebar-tabs {
  display: flex;
  padding-top: 4px;
  flex-shrink: 0;
  border-bottom: 1px solid var(--uv-border);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .unified-sidebar-tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: none !important;
  border: none !important;
  border-radius: 0;
  box-shadow: none !important;
  color: var(--uv-text-muted);
  font-size: 12px;
  font-weight: 700;
  padding: 14px 4px 12px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .unified-sidebar-tab:hover {
  color: var(--uv-text-hover);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .unified-sidebar-tab.active {
  color: var(--uv-text-strong);
  border-bottom: 3px solid var(--uv-gold) !important;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .unified-sidebar-tab.has-unread:not(.active) {
  color: var(--uv-text-strong);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .unified-sidebar-tab__badge {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
  border-radius: 8px;
  padding: 0 5px;
  min-width: 16px;
  text-align: center;
  line-height: 16px;
  background: #c0392b;
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
}
[data-theme=light] .unified-feed-view .bottom-chat-panel__unified-sidebar .unified-sidebar-tab__badge {
  background: var(--ui-red);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-filter {
  padding: 4px 0;
  flex-shrink: 0;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-filter__input {
  width: 100%;
  box-sizing: border-box;
  background: var(--uv-sunken-bg);
  border: 1px solid var(--uv-border-strong);
  border-radius: 4px;
  color: var(--uv-text);
  font-size: 13px;
  padding: 7px 8px;
  outline: none;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-filter__input::placeholder {
  color: var(--uv-text-muted);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-filter__input:focus {
  border-color: var(--uv-chip-border);
  color: var(--uv-text-soft);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-list {
  list-style: none;
  margin: 0;
  padding: 4px 0 12px;
  overflow-y: auto;
  min-height: 0;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item {
  padding: 7px 8px;
  margin: 2px 0;
  cursor: pointer;
  font-size: 14px;
  color: var(--uv-text-dim);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item:hover {
  background: var(--uv-hover-bg);
  color: var(--uv-text);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item.active {
  color: var(--uv-gold);
  background: var(--uv-gold-dim);
}
[data-theme=light] .unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item.active {
  background: var(--uv-card-bg);
  box-shadow: 0 1px 2px rgba(31, 39, 51, 0.1);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item.has-unread {
  font-weight: 500;
  color: var(--uv-text-strong);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item[draggable=true] {
  cursor: pointer;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item.dragging {
  cursor: grabbing;
  opacity: 0.5;
  background: var(--uv-card-hover-bg);
  outline: 1px dashed var(--uv-gold);
  outline-offset: -1px;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item .channel-icon {
  width: 26px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 3px;
  object-fit: contain;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item .channel-hash {
  width: 26px;
  flex-shrink: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: var(--uv-gold);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item .channel-info {
  flex: 1;
  min-width: 0;
  line-height: 1.3;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item .channel-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item .channel-counts {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 400;
  color: var(--uv-text-muted);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item .channel-counts__looking {
  font-style: normal;
  color: var(--uv-gold);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item .channel-badge {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
  border-radius: 8px;
  padding: 0 4px;
  min-width: 16px;
  text-align: center;
  line-height: 16px;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item .channel-badge.unread {
  background: var(--uv-border-strong);
  color: var(--uv-text-strong);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .channel-item .channel-badge.mention {
  background: var(--uv-live);
  color: #fff;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing {
  box-sizing: border-box;
  min-height: 0;
  margin: 0;
  padding: 5px 8px;
  border: 0;
  border-radius: 6px;
  background: none;
  font-style: normal;
  opacity: 1;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing:hover {
  background: var(--uv-hover-bg);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing.active {
  background: var(--uv-gold-dim);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .summary_user .username, .unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .summary_user .user_info .subscription_streak, .user_info .unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .summary_user .subscription_streak, .unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .summary_user .subscriber_glowish, .unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .summary_user .subscribe_link {
  margin-bottom: 1px;
  font-size: 14px;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .message_summary {
  font-size: 12px;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .message_summary .username, .unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .message_summary .user_info .subscription_streak, .user_info .unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .message_summary .subscription_streak, .unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .message_summary .subscriber_glowish, .unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .message_summary .subscribe_link {
  font-size: 11px;
  color: var(--uv-text-muted);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .message_summary .preview_text {
  margin-left: 6px;
  width: auto;
  color: var(--uv-text-dim);
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing .message_summary.no_messages::after {
  color: var(--uv-text-muted);
  font-style: normal;
  font-size: 11px;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .online_user.private_chat_listing.has_new_messages .message_summary .preview_text {
  color: var(--uv-text-strong);
  font-weight: 600;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .dm-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 12px 16px;
  color: var(--uv-text-muted);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .dm-empty-state svg {
  width: 36px;
  height: 36px;
  margin-bottom: 10px;
  opacity: 0.5;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .dm-empty-state__title {
  font-size: 12px;
  font-weight: 600;
  color: #666;
  margin: 0 0 4px;
  text-align: center;
}
[data-theme=light] .unified-feed-view .bottom-chat-panel__unified-sidebar .dm-empty-state__title {
  color: var(--ui-ink-2);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .dm-empty-state__subtitle {
  font-size: 11px;
  color: #444;
  margin: 0;
  text-align: center;
  line-height: 1.4;
}
[data-theme=light] .unified-feed-view .bottom-chat-panel__unified-sidebar .dm-empty-state__subtitle {
  color: var(--ui-ink-3);
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .sidebar-footer {
  margin-top: auto;
  padding: 8px 0 12px;
  flex-shrink: 0;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .sidebar-footer .add-channel-btn {
  width: 100%;
  background: none !important;
  border: 1px solid var(--uv-border-strong) !important;
  border-radius: 4px;
  color: var(--uv-text-dim);
  font-size: 12px;
  padding: 7px 10px;
  cursor: pointer;
  text-align: left;
}
.unified-feed-view .bottom-chat-panel__unified-sidebar .sidebar-footer .add-channel-btn:hover {
  border-color: #5a5a7a !important;
  color: #eee;
}
[data-theme=light] .unified-feed-view .bottom-chat-panel__unified-sidebar .sidebar-footer .add-channel-btn:hover {
  border-color: var(--ui-ink-3) !important;
  color: var(--ui-ink);
}
.unified-feed-view .bottom-chat-panel__main {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: var(--uv-bg);
}
.unified-feed-view .bottom-chat-panel__main #main_chat_area {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.unified-feed-view .bottom-chat-panel__main #main_chat_area #main_chat_holder {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.unified-feed-view .bottom-chat-panel__main #main_chat_area .chat_room_title_banner .name::before {
  content: none;
}
.unified-feed-view .bottom-chat-panel__main #main_chat_area .chat_room_title_banner {
  padding: 4px 8px;
  border-bottom: 1px solid var(--ui-line);
  font-size: inherit;
}
.unified-feed-view .bottom-chat-panel__main .chat-header__hash {
  font-size: 18px;
  font-weight: 800;
  color: var(--ui-warn);
  letter-spacing: -0.02em;
  margin-right: 4px;
  line-height: 1;
}
.unified-feed-view .bottom-chat-panel__main .chat-header__name {
  font-size: 16px;
  font-weight: 700;
}
.unified-feed-view .bottom-chat-panel__main .chat-header__online {
  font-family: "Roboto", "Open Sans", "Arial", sans-serif;
  font-size: 10px;
  color: var(--ui-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-left: 6px;
}
.unified-feed-view .bottom-chat-panel__main .chat_holder.active {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.unified-feed-view .chat-header--page {
  flex: none;
  min-height: 60px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px 8px 20px;
  border-bottom: 1px solid var(--uv-border);
  background: var(--uv-bg);
}
.unified-feed-view .chat-header--page .chat-header__title {
  margin: 0;
  min-width: 0;
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 1.2;
  color: var(--uv-text-strong);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unified-feed-view .chat-header--page .chat-header__hash {
  color: var(--uv-gold);
  font-size: inherit;
  margin-right: 2px;
}
.unified-feed-view .chat-header--page .chat-header__name {
  font-size: inherit;
}
.unified-feed-view .chat-header--page .chat-header__rooms-button {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 4px 6px;
  margin-left: -6px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: inherit;
  font: inherit;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.unified-feed-view .chat-header--page .chat-header__rooms-button:hover {
  background: var(--uv-press-bg);
}
.unified-feed-view .chat-header--page .chat-header__rooms-button .chat-header__name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.unified-feed-view .chat-header--page .chat-header__rooms-caret {
  margin-left: 6px;
  color: var(--uv-text-dim);
  font-size: 16px;
}
.unified-feed-view .chat-header--page .chat-header__topic {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding-top: 3px;
  color: var(--uv-text-dim);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unified-feed-view .chat-header__actions {
  margin-left: auto;
  display: flex;
  gap: 2px;
  flex: none;
}
.unified-feed-view .chat-header-action {
  display: grid;
  justify-items: center;
  gap: 3px;
  width: 50px;
  padding: 6px 0;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--uv-text-dim);
  font-size: 10px;
  line-height: 1.2;
  cursor: pointer;
}
.unified-feed-view .chat-header-action .fa, .unified-feed-view .chat-header-action .chat_message.edited .edited, .chat_message.edited .unified-feed-view .chat-header-action .edited, .unified-feed-view .chat-header-action .feedback_thumbs .negative, .feedback_thumbs .unified-feed-view .chat-header-action .negative, .unified-feed-view .chat-header-action .feedback_thumbs .positive, .feedback_thumbs .unified-feed-view .chat-header-action .positive, .unified-feed-view .chat-header-action .feedback_thumbs .neutral, .feedback_thumbs .unified-feed-view .chat-header-action .neutral {
  font-size: 17px;
}
.unified-feed-view .chat-header-action:hover {
  background: var(--uv-press-bg);
  color: var(--uv-text-strong);
}
.unified-feed-view .chat-header-action[aria-pressed=true] {
  color: var(--uv-gold);
}
.unified-feed-view .chat-header-action:focus-visible {
  outline: 2px solid var(--uv-gold);
  outline-offset: 2px;
}
.unified-feed-view .chat-people {
  flex: 0 0 var(--uv-people-width);
  width: var(--uv-people-width);
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 12px 8px 0;
  background: var(--uv-sidebar-bg);
  border-left: 1px solid var(--uv-border);
  overflow: hidden;
}
.unified-feed-view .chat-people__list {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.unified-feed-view .chat-people__list > * {
  flex: 1;
  min-height: 0;
}
.unified-feed-view .right-now {
  flex: none;
  display: grid;
  gap: 8px;
  margin: 0 4px 12px;
  padding: 12px;
  border-radius: 8px;
  background: var(--uv-elevated-bg);
  border: 1px solid var(--uv-border);
}
.unified-feed-view .right-now__label,
.unified-feed-view .chat-people__group-label {
  font: 700 11px/1 "Roboto Condensed", "Roboto", Arial, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--uv-text-muted);
}
.unified-feed-view .right-now__numbers {
  display: flex;
  gap: 14px;
  font-size: 13px;
  color: var(--uv-text-dim);
}
.unified-feed-view .right-now__numbers b {
  display: block;
  font-size: 20px;
  line-height: 1.1;
  color: var(--uv-text-strong);
  font-variant-numeric: tabular-nums;
}
.unified-feed-view .right-now__number--looking b {
  color: var(--uv-gold);
}
.unified-feed-view .right-now__number--playing b {
  color: var(--uv-live);
}
.unified-feed-view .right-now__go {
  padding: 8px 18px;
  border: 0;
  border-radius: 18px;
  background: var(--uv-gold);
  color: var(--uv-on-gold);
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
}
.unified-feed-view .right-now__go:hover {
  filter: brightness(1.08);
}
.unified-feed-view .right-now__searching {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.unified-feed-view .right-now__clock {
  font-size: 13px;
  color: var(--uv-gold);
  font-variant-numeric: tabular-nums;
}
.unified-feed-view .right-now__stop {
  padding: 5px 14px;
  border: 1px solid var(--uv-border-strong);
  border-radius: 18px;
  background: none;
  color: var(--uv-text);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.unified-feed-view .right-now__stop:hover {
  border-color: var(--uv-text-muted);
}
.unified-feed-view .chat-people__group-label {
  display: flex;
  align-items: flex-end;
  padding: 0 6px 6px;
  cursor: pointer;
  user-select: none;
}
.unified-feed-view .chat-people__group-label--collapsed {
  opacity: 0.6;
}
.unified-feed-view .chat-person {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  border-radius: 6px;
  cursor: pointer;
  box-sizing: border-box;
}
.unified-feed-view .chat-person:hover {
  background: var(--uv-hover-bg);
}
.unified-feed-view .chat-person .chat-stock-icon {
  margin-right: 0;
  flex: none;
}
.unified-feed-view .chat-person__who {
  flex: 1;
  min-width: 0;
  line-height: 1.25;
}
.unified-feed-view .chat-person__name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.unified-feed-view .chat-person__detail {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
}
.unified-feed-view .chat-person__detail--playing {
  color: var(--uv-live);
}
.unified-feed-view .chat-person__detail--looking {
  color: var(--uv-gold);
}
.unified-feed-view .chat-people__scrim {
  display: none;
}
@media (max-width: 1179px) {
  .unified-feed-view .chat-header--page {
    position: relative;
    z-index: 11;
  }
  .unified-feed-view .chat-people {
    position: absolute;
    top: var(--uv-room-header-height);
    right: 0;
    bottom: 0;
    z-index: 10;
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.45);
  }
  [data-theme=light] .unified-feed-view .chat-people {
    box-shadow: -8px 0 24px rgba(31, 39, 51, 0.18);
  }
  .unified-feed-view .chat-people__scrim {
    display: block;
    position: absolute;
    inset: 0 0 0 var(--uv-rooms-width);
    z-index: 9;
    background: rgba(0, 0, 0, 0.35);
  }
  [data-theme=light] .unified-feed-view .chat-people__scrim {
    background: rgba(31, 39, 51, 0.2);
  }
}
.unified-feed-view .bottom-chat-panel--tiny .chat-people__scrim {
  left: 0;
}
@media (max-width: 767px) {
  .unified-feed-view .chat-header--page {
    padding-left: 8px;
    gap: 6px;
  }
  .unified-feed-view .chat-header--page .chat-header__topic {
    display: none;
  }
  .unified-feed-view .chat-header-action {
    width: 42px;
  }
}
.unified-feed-view .chat-stock-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  vertical-align: middle;
  object-fit: contain;
  image-rendering: pixelated;
}
.unified-feed-view .chat-stock-icon--portrait {
  image-rendering: auto;
  border-radius: 3px;
  object-fit: cover;
  object-position: 55% 40%;
}
.unified-feed-view .bottom-chat-panel__main .chat_message.normal_message {
  position: relative;
  overflow: visible;
}
.unified-feed-view .chat-message-toolbar {
  display: none;
  position: absolute;
  top: -12px;
  right: 96px;
  z-index: 2;
  gap: 2px;
  padding: 2px;
  border-radius: 6px;
  background: var(--uv-elevated-bg);
  border: 1px solid var(--uv-border-strong);
}
.unified-feed-view .chat_message:hover > .chat-message-toolbar,
.unified-feed-view .chat-message-toolbar:focus-within {
  display: flex;
}
.unified-feed-view .chat-message-toolbar__button {
  display: grid;
  place-items: center;
  min-width: 30px;
  height: 24px;
  padding: 0 6px;
  border: 0;
  border-radius: 4px;
  background: none;
  color: var(--uv-text-dim);
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}
.unified-feed-view .chat-message-toolbar__button:hover {
  background: var(--uv-border-strong);
  color: var(--uv-text-strong);
}
.unified-feed-view .chat-message-toolbar__button:focus-visible {
  outline: 2px solid var(--uv-gold);
  outline-offset: 1px;
}
body.chat_style_modern .unified-feed-view .bottom-chat-panel__main .chat_message.normal_message .chat_message_reactions {
  display: flex;
  margin: 1px 0 3px;
}
body.chat_style_modern .unified-feed-view .bottom-chat-panel__main .chat_message.error {
  padding-left: 54px;
}
body:not(.chat_style_modern) .unified-feed-view .bottom-chat-panel__main .chat-stock-icon {
  width: 16px;
  height: 16px;
  margin: 0 4px 0 2px;
}
body:not(.chat_style_modern) .unified-feed-view .bottom-chat-panel__main .chat-message-toolbar {
  top: -14px;
  right: 12px;
}
.unified-feed-view .unified-dm-view {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.unified-feed-view .unified-dm-view .chat-header--page.unified-dm-view__header {
  gap: 10px;
  padding-left: 12px;
}
.unified-feed-view .unified-dm-view .chat-header--page.unified-dm-view__header .chat-stock-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.unified-feed-view .unified-dm-view .chat-header--page.unified-dm-view__header .online_indicator {
  margin-left: 8px;
  font-size: 9px;
}
.unified-feed-view .unified-dm-view__back {
  flex: none;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--uv-text-dim);
  cursor: pointer;
}
.unified-feed-view .unified-dm-view__back:hover {
  background: var(--uv-press-bg);
  color: var(--uv-text-strong);
}
.unified-feed-view .unified-dm-view .chat_holder {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

.unified-feed-view,
.filter-chip__dropdown {
  --fb-ink-faint: #666;
  --fb-ink-hover: #bbb;
  --fb-ink-bright: #eee;
  --fb-ink-strong: #fff;
  --fb-ink: #ccc;
  --fb-ink-dim: #aaa;
  --fb-ink-edit: #9aa0c0;
  --fb-ink-muted: #888;
  --fb-gold: #f5c518;
  --fb-gold-hover: #ffd000;
  --fb-on-gold: #0a0a18;
  --fb-gold-line: rgba(245, 197, 24, 0.35);
  --fb-mode-active-bg: rgba(245, 197, 24, 0.06);
  --fb-chip-active-bg: rgba(245, 197, 24, 0.10);
  --fb-tier-pending-bg: rgba(245, 197, 24, 0.08);
  --fb-card-bg: #161626;
  --fb-card-line: #2a2a40;
  --fb-line: #3a3a55;
  --fb-line-hover: #5a5a7a;
  --fb-field-bg: #14142a;
  --fb-dot: #555;
  --fb-dropdown-bg: #1a1a2e;
  --fb-shadow: rgba(0, 0, 0, 0.6);
  --fb-option-hover-bg: #2a2a48;
  --fb-tier-hover-bg: #1e1e38;
  --fb-cool: #4a9eff;
  --fb-cool-tint: rgba(74, 158, 255, 0.08);
  --fb-scroll-line: #2a2a45;
  --fb-scroll-bg: #10101e;
}

[data-theme=light] .unified-feed-view,
[data-theme=light] .filter-chip__dropdown,
[data-theme=light] .search-refusal {
  --fb-ink-faint: var(--ui-ink-3);
  --fb-ink-hover: var(--ui-ink);
  --fb-ink-bright: var(--ui-ink);
  --fb-ink-strong: var(--ui-ink);
  --fb-ink: var(--ui-ink);
  --fb-ink-dim: var(--ui-ink-2);
  --fb-ink-edit: var(--ui-ink-2);
  --fb-ink-muted: var(--ui-ink-3);
  --fb-gold: var(--ui-accent);
  --fb-gold-hover: var(--ui-accent-hover);
  --fb-on-gold: var(--ui-on-accent);
  --fb-gold-line: color-mix(in srgb, var(--ui-accent) 40%, transparent);
  --fb-mode-active-bg: color-mix(in srgb, var(--ui-accent) 8%, transparent);
  --fb-chip-active-bg: color-mix(in srgb, var(--ui-accent) 10%, transparent);
  --fb-tier-pending-bg: color-mix(in srgb, var(--ui-accent) 8%, transparent);
  --fb-card-bg: var(--ui-bg);
  --fb-card-line: var(--ui-line-2);
  --fb-line: var(--ui-line-2);
  --fb-line-hover: var(--ui-line-3);
  --fb-field-bg: var(--ui-panel);
  --fb-dot: var(--ui-ink-4);
  --fb-dropdown-bg: var(--ui-bg);
  --fb-shadow: rgba(31, 39, 51, 0.18);
  --fb-option-hover-bg: var(--ui-panel-2);
  --fb-tier-hover-bg: var(--ui-panel-2);
  --fb-cool: var(--ui-cool);
  --fb-cool-tint: color-mix(in srgb, var(--ui-cool) 8%, transparent);
  --fb-scroll-line: var(--ui-line-2);
  --fb-scroll-bg: var(--ui-panel-2);
}

[data-theme=light] .search-refusal {
  --uv-gold: var(--ui-accent);
  --uv-text-strong: var(--ui-ink);
  --uv-text-dim: var(--ui-ink-2);
  --uv-text-muted: var(--ui-ink-3);
  --uv-sunken-bg: var(--ui-panel-2);
}

.unified-feed-view .filter-bar {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 16px 10px;
  flex-shrink: 0;
}
.unified-feed-view .filter-bar__mode-tabs {
  display: flex;
  gap: 4px;
  flex-wrap: nowrap;
  flex-shrink: 0;
}
.unified-feed-view .filter-bar__mode-tab {
  padding: 4px 14px;
  border-radius: 6px;
  border: 1px solid transparent !important;
  background: none !important;
  color: var(--fb-ink-faint) !important;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none !important;
  transition: color 0.12s, border-color 0.12s;
}
.unified-feed-view .filter-bar__mode-tab:hover {
  color: var(--fb-ink-hover) !important;
}
.unified-feed-view .filter-bar__mode-tab--active {
  color: var(--fb-gold) !important;
  border-color: var(--fb-gold-line) !important;
  background: var(--fb-mode-active-bg) !important;
}
.unified-feed-view .filter-bar__options-card {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  row-gap: 6px;
  flex: 1;
  min-width: 0;
  background: var(--fb-card-bg);
  border: 1px solid var(--fb-card-line);
  border-radius: 10px;
  padding: 6px 10px;
}
.unified-feed-view .filter-bar__chip-group {
  display: flex;
  align-items: center;
  gap: 4px;
  row-gap: 4px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}
.unified-feed-view .filter-bar__start-btn {
  position: relative;
  margin-left: auto;
  align-self: center;
  flex-shrink: 0;
  padding: 5px 18px;
  border-radius: 20px;
  border: none !important;
  background: var(--fb-gold) !important;
  color: var(--fb-on-gold) !important;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none !important;
  transition: background 0.15s;
}
.unified-feed-view .filter-bar__start-btn:hover {
  background: var(--fb-gold-hover) !important;
}
.unified-feed-view .filter-bar__start-btn:disabled {
  opacity: 0.45;
  pointer-events: none;
}
.unified-feed-view .filter-bar__start-btn--loading:disabled {
  opacity: 1;
}
.unified-feed-view .filter-bar__start-btn--loading .filter-bar__start-btn-label {
  visibility: hidden;
}
.unified-feed-view .filter-bar__start-btn .filter-bar__start-btn-spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fb-on-gold);
}
.unified-feed-view .filter-bar__start-btn-wrapper--disabled {
  cursor: not-allowed;
}
.unified-feed-view .filter-chip {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid var(--fb-line) !important;
  background: var(--fb-field-bg) !important;
  color: var(--fb-ink) !important;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.15s, background 0.15s;
  box-shadow: none !important;
  line-height: 1.2;
}
.unified-feed-view .filter-chip:hover {
  border-color: var(--fb-line-hover) !important;
  color: var(--fb-ink-bright) !important;
}
.unified-feed-view .filter-chip--active {
  border-color: var(--fb-gold) !important;
  background: var(--fb-chip-active-bg) !important;
  color: var(--fb-ink-strong) !important;
}
.unified-feed-view .filter-chip__label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--fb-ink-faint);
}
.unified-feed-view .filter-chip__value {
  font-size: 12px;
  color: inherit;
}
.unified-feed-view .filter-chip__distance-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--fb-dot);
  vertical-align: middle;
  flex-shrink: 0;
  margin-right: 6px;
}
.unified-feed-view .filter-chip__dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 200;
  background: var(--fb-dropdown-bg);
  border: 1px solid var(--fb-line);
  border-radius: 8px;
  padding: 8px;
  min-width: 150px;
  box-shadow: 0 4px 20px var(--fb-shadow);
}
.unified-feed-view .filter-chip__dropdown-option {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px 10px;
  text-align: left;
  background: none !important;
  border: none !important;
  border-radius: 4px;
  color: var(--fb-ink) !important;
  cursor: pointer;
  font-size: 13px;
  box-shadow: none !important;
}
.unified-feed-view .filter-chip__dropdown-option:hover {
  background: var(--fb-option-hover-bg) !important;
  color: var(--fb-ink-strong) !important;
}
.unified-feed-view .filter-chip__dropdown-option--selected {
  color: var(--fb-gold) !important;
  font-weight: bold;
}

.filter-chip__dropdown {
  background: var(--fb-dropdown-bg);
  border: 1px solid var(--fb-line);
  border-radius: 8px;
  padding: 8px;
  min-width: 150px;
  box-shadow: 0 4px 20px var(--fb-shadow);
}
.filter-chip__dropdown .filter-chip__dropdown-option {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px 10px;
  text-align: left;
  background: none !important;
  border: none !important;
  border-radius: 4px;
  color: var(--fb-ink) !important;
  cursor: pointer;
  font-size: 13px;
  box-shadow: none !important;
}
.filter-chip__dropdown .filter-chip__dropdown-option:hover {
  background: var(--fb-option-hover-bg) !important;
  color: var(--fb-ink-strong) !important;
}
.filter-chip__dropdown .filter-chip__dropdown-option--selected {
  color: var(--fb-gold) !important;
  font-weight: bold;
}
.filter-chip__dropdown .filter-chip__dropdown-option--edit {
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px solid var(--fb-line) !important;
  color: var(--fb-ink-edit) !important;
}
.filter-chip__dropdown .filter-chip__dropdown-option--edit .fa, .filter-chip__dropdown .filter-chip__dropdown-option--edit .chat_message.edited .edited, .chat_message.edited .filter-chip__dropdown .filter-chip__dropdown-option--edit .edited, .filter-chip__dropdown .filter-chip__dropdown-option--edit .feedback_thumbs .negative, .feedback_thumbs .filter-chip__dropdown .filter-chip__dropdown-option--edit .negative, .filter-chip__dropdown .filter-chip__dropdown-option--edit .feedback_thumbs .positive, .feedback_thumbs .filter-chip__dropdown .filter-chip__dropdown-option--edit .positive, .filter-chip__dropdown .filter-chip__dropdown-option--edit .feedback_thumbs .neutral, .feedback_thumbs .filter-chip__dropdown .filter-chip__dropdown-option--edit .neutral {
  margin-right: 8px;
  font-size: 12px;
}
.filter-chip__dropdown .filter-chip__distance-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--fb-dot);
  flex-shrink: 0;
  margin-right: 6px;
}
.filter-chip__dropdown .filter-chip__rank-hint {
  font-size: 11px;
  color: var(--fb-ink-muted);
  margin: 0 0 10px;
}
.filter-chip__dropdown .filter-chip__rank-no-game {
  font-size: 12px;
  color: var(--fb-ink-muted);
  padding: 4px 2px;
}
.filter-chip__dropdown .filter-chip__rank-tier-row {
  display: flex;
  flex-direction: row;
  gap: 4px;
  margin-bottom: 8px;
}
.filter-chip__dropdown .filter-chip__rank-tier {
  background: none !important;
  border: 2px solid transparent !important;
  border-radius: 6px;
  cursor: pointer;
  padding: 4px;
  box-shadow: none !important;
  transition: border-color 0.15s, background 0.15s;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.filter-chip__dropdown .filter-chip__rank-tier .tier_logo {
  height: 40px;
  width: auto;
  display: block;
}
.filter-chip__dropdown .filter-chip__rank-tier .tier_name {
  font-size: 10px;
  color: var(--fb-ink-dim);
  white-space: nowrap;
}
.filter-chip__dropdown .filter-chip__rank-tier:hover {
  border-color: var(--fb-line-hover) !important;
  background: var(--fb-tier-hover-bg) !important;
}
.filter-chip__dropdown .filter-chip__rank-tier--pending {
  border-color: var(--fb-gold) !important;
  background: var(--fb-tier-pending-bg) !important;
}
.filter-chip__dropdown .filter-chip__rank-tier--active {
  border-color: var(--fb-cool) !important;
  background: var(--fb-cool-tint) !important;
}
.filter-chip__dropdown .filter-chip__rank-direction-row {
  display: flex;
  gap: 6px;
  margin-bottom: 4px;
}
.filter-chip__dropdown .filter-chip__rank-direction {
  flex: 1;
  padding: 6px 10px;
  background: var(--fb-field-bg) !important;
  border: 1px solid var(--fb-line) !important;
  border-radius: 6px;
  color: var(--fb-ink) !important;
  cursor: pointer;
  font-size: 13px;
  box-shadow: none !important;
  transition: border-color 0.15s, background 0.15s;
}
.filter-chip__dropdown .filter-chip__rank-direction:hover:not(:disabled) {
  border-color: var(--fb-line-hover) !important;
  color: var(--fb-ink-strong) !important;
}
.filter-chip__dropdown .filter-chip__rank-direction:disabled {
  opacity: 0.35;
  cursor: default;
}
.filter-chip__dropdown .filter-chip__rank-direction--selected {
  border-color: var(--fb-gold) !important;
  color: var(--fb-gold) !important;
  font-weight: bold;
}
.filter-chip__dropdown .filter-chip__rank-no-restrictions {
  margin-top: 4px;
  width: 100%;
  justify-content: center;
}
.filter-chip__dropdown--wide {
  width: 480px;
  max-height: 70vh;
  padding: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.filter-chip__dropdown--wide .mains_edit {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
}
.filter-chip__dropdown--wide .mains_edit .panel-body, .filter-chip__dropdown--wide .mains_edit .bug_row {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  padding: 0;
}
.filter-chip__dropdown--wide .mains_edit .characters {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  justify-content: flex-start;
}
.filter-chip__dropdown--wide .mains_edit__search {
  position: relative;
  margin-bottom: 8px;
  flex-shrink: 0;
}
.filter-chip__dropdown--wide .mains_edit__search-input {
  width: 100%;
  padding: 6px 28px 6px 10px;
  background: var(--fb-field-bg);
  border: 1px solid var(--fb-line);
  border-radius: 6px;
  color: var(--fb-ink-bright);
  font-size: 13px;
}
.filter-chip__dropdown--wide .mains_edit__search-input:focus {
  outline: none;
  border-color: var(--fb-line-hover);
}
.filter-chip__dropdown--wide .mains_edit__search-clear {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: none !important;
  border: none !important;
  color: var(--fb-ink-muted) !important;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  padding: 2px 8px;
  box-shadow: none !important;
}
.filter-chip__dropdown--wide .mains_edit__search-clear:hover {
  color: var(--fb-ink-bright) !important;
}
.filter-chip__dropdown--wide .mains_edit__characters-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2px;
  border: 1px solid var(--fb-scroll-line);
  border-radius: 6px;
  background: var(--fb-scroll-bg);
}
.filter-chip__dropdown--wide .mains_edit__characters-scroll .characters .character_selection_holder {
  border-width: 3px;
}
.filter-chip__dropdown--wide .mains_edit__no-results {
  padding: 12px;
  color: var(--fb-ink-muted);
  font-size: 12px;
  font-style: italic;
  text-align: center;
  width: 100%;
}
.filter-chip__dropdown--wide .mains_edit__selections {
  flex-shrink: 0;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--fb-line);
}
.filter-chip__dropdown--wide .mains_edit__selections h5 {
  margin: 0 0 6px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--fb-ink-muted);
}
.filter-chip__dropdown--wide .mains_edit__selections .character_order {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.game-filter__pill-icon {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  object-fit: cover;
  vertical-align: middle;
  margin-right: 4px;
}

.search-refusal .search-refusal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.search-refusal .search-refusal__title {
  color: var(--uv-gold, #f5c518);
  font-size: 13px;
  font-weight: 700;
}
.search-refusal .search-refusal__close {
  padding: 2px 4px;
  border: none;
  background: none;
  color: var(--uv-text-muted, #6b7185);
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
}
.search-refusal .search-refusal__close:hover {
  color: var(--uv-text-strong, #fff);
}
.search-refusal .search-refusal__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-refusal .search-refusal__row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border-radius: 8px;
  background: var(--uv-sunken-bg, #14161f);
}
.search-refusal .search-refusal__logo {
  flex: none;
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.search-refusal .search-refusal__text {
  min-width: 0;
}
.search-refusal .search-refusal__game {
  color: var(--uv-text-strong, #fff);
  font-size: 13px;
  font-weight: 600;
}
.search-refusal .search-refusal__detail {
  color: var(--uv-text-dim, #a3a8b8);
  font-size: 12px;
}
.search-refusal .search-refusal__hint {
  margin: 8px 0 0;
  color: var(--uv-text-muted, #6b7185);
  font-size: 11px;
  line-height: 1.4;
}

body:not(.dashboard-lg):not(.dashboard-md) .unified-feed-view.netplay-skeleton,
.unified-feed-view.netplay-skeleton {
  height: calc(100dvh - 60px);
}
@media (max-width: 991px) {
  body:not(.dashboard-lg):not(.dashboard-md) .unified-feed-view.netplay-skeleton,
  .unified-feed-view.netplay-skeleton {
    height: 100dvh;
  }
}

@media (max-width: 991px) {
  #page_netplay:has(.netplay-skeleton) .header {
    display: none;
  }
  #page_netplay:has(.netplay-skeleton) #main-content {
    padding-top: 0;
  }
}
.unified-feed-view.netplay-skeleton {
  position: relative;
  width: 100%;
}

.unified-feed-view .netplay-skeleton__bone {
  display: block;
  flex-shrink: 0;
  max-width: 100%;
  border-radius: 6px;
  background: var(--ui-line);
  animation: netplay-skeleton-pulse 1.1s ease-in-out infinite alternate;
}
[data-theme=light] .unified-feed-view .netplay-skeleton__bone {
  background: var(--ui-line-2);
}
@media (prefers-reduced-motion: reduce) {
  .unified-feed-view .netplay-skeleton__bone {
    animation: none;
  }
}
.unified-feed-view .netplay-skeleton__bone--round {
  border-radius: 50%;
}
.unified-feed-view .netplay-skeleton__lines {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.unified-feed-view .netplay-skeleton__tabs {
  display: none;
  flex: 0 0 auto;
  justify-content: space-around;
  align-items: center;
  height: 64px;
  border-bottom: 1px solid var(--uv-border);
  background: var(--uv-sidebar-bg);
}
@media (max-width: 991px) {
  .unified-feed-view .netplay-skeleton__tabs {
    display: flex;
  }
}
.unified-feed-view .netplay-view-skeleton .unified-feed__header,
.unified-feed-view .netplay-view-skeleton .chat-header--page {
  min-height: var(--uv-room-header-height);
}
.unified-feed-view .netplay-skeleton__rooms {
  gap: 10px;
  padding-top: 12px;
}
.unified-feed-view .netplay-skeleton__rooms-tabs {
  display: flex;
  gap: 22px;
  padding: 2px 6px 10px;
  border-bottom: 1px solid var(--uv-border);
}
.unified-feed-view .netplay-skeleton__section-label {
  padding-top: 6px;
}
.unified-feed-view .netplay-skeleton__room {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px;
}
.unified-feed-view .netplay-skeleton__rooms-footer {
  margin-top: auto;
  padding-bottom: 12px;
}
.unified-feed-view .netplay-skeleton__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--uv-border);
}
.unified-feed-view .netplay-skeleton__feed {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  overflow: hidden;
}
.unified-feed-view .netplay-skeleton__card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--uv-border);
  border-radius: 8px;
  background: var(--uv-elevated-bg);
}
.unified-feed-view .netplay-skeleton__header-actions {
  display: flex;
  gap: 16px;
  margin-left: auto;
}
.unified-feed-view .netplay-skeleton__messages {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px;
  overflow: hidden;
}
.unified-feed-view .netplay-skeleton__message {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.unified-feed-view .netplay-skeleton__composer {
  padding: 12px;
  border-top: 1px solid var(--uv-border);
}
.unified-feed-view .netplay-skeleton__people {
  display: none;
  gap: 10px;
}
.unified-feed-view .netplay-skeleton__person {
  flex: none;
  padding: 4px 6px;
}
@media (min-width: 1180px) {
  .unified-feed-view .netplay-skeleton__people {
    display: flex;
  }
}
@media (max-width: 767px) {
  .unified-feed-view .netplay-view-skeleton .netplay-play-view__rooms,
  .unified-feed-view .netplay-view-skeleton .netplay-skeleton__rooms {
    display: none;
  }
  .unified-feed-view .netplay-skeleton__topic {
    display: none;
  }
}
.unified-feed-view .netplay-skeleton__help {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  padding: 8px 14px;
  border-radius: 6px;
  background: var(--uv-elevated-bg);
  border: 1px solid var(--uv-border);
  color: var(--uv-text-dim);
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  animation: netplay-skeleton-help-reveal 0.3s ease-out 10s forwards;
}

@keyframes netplay-skeleton-pulse {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.45;
  }
}
@keyframes netplay-skeleton-help-reveal {
  to {
    visibility: visible;
    opacity: 1;
  }
}
.anchored-popover {
  position: fixed;
  z-index: 600;
  width: max-content;
  max-width: min(320px, 100vw - 16px);
  padding: 10px 12px;
  border: 1px solid var(--uv-border-strong, #3a4059);
  border-radius: 10px;
  background: var(--uv-elevated-bg, #181b26);
  color: var(--uv-text, #e2e0e0);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
  animation: anchored-popover-in 0.14s ease-out;
}

.anchored-popover__arrow {
  position: absolute;
  top: -6px;
  width: 10px;
  height: 10px;
  margin-right: -5px;
  border-top: 1px solid var(--uv-border-strong, #3a4059);
  border-left: 1px solid var(--uv-border-strong, #3a4059);
  background: var(--uv-elevated-bg, #181b26);
  transform: rotate(45deg);
}

@keyframes anchored-popover-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .anchored-popover {
    animation: none;
  }
}
.match-request-error .match-request-error__body {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.match-request-error .match-request-error__icon {
  flex: none;
  margin-top: 2px;
  color: var(--uv-gold, #f5c518);
  font-size: 13px;
}
.match-request-error .match-request-error__message {
  min-width: 0;
  color: var(--uv-text-strong, #fff);
  font-size: 13px;
  line-height: 1.4;
}
.match-request-error .match-request-error__close {
  flex: none;
  padding: 2px 4px;
  border: none;
  background: none;
  color: var(--uv-text-muted, #6b7185);
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
}
.match-request-error .match-request-error__close:hover {
  color: var(--uv-text-strong, #fff);
}

.bracket-slot {
  flex: none;
  overflow: hidden;
  border: 1px solid var(--uv-border-strong, #3a4059);
  border-radius: 4px;
  background: var(--uv-elevated-bg, #181b26);
}
.bracket-slot__row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 8px;
  color: var(--uv-text, #e2e0e0);
  font-size: 13px;
}
.bracket-slot__row + .bracket-slot__row {
  border-top: 1px solid var(--uv-border, #2b3042);
}
.bracket-slot__row--winner {
  color: var(--uv-text-strong, #fff);
}
.bracket-slot--decided .bracket-slot__row:not(.bracket-slot__row--winner) {
  color: var(--uv-text-muted, #6b7185);
}
.bracket-slot__icons {
  display: inline-flex;
  flex: none;
  gap: 2px;
  padding: 4px 0;
}
.bracket-slot__icons .chat-stock-icon {
  margin: 0;
}
.bracket-slot__name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bracket-slot__score {
  display: grid;
  place-items: center;
  align-self: stretch;
  width: 30px;
  background: var(--uv-field-bg, #1e2230);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.bracket-slot__row--winner .bracket-slot__score {
  background: var(--uv-gold, #f5c518);
  color: #1a1500;
}
.bracket-slot--large .bracket-slot__row {
  padding-left: 10px;
  font-size: 14px;
}
.bracket-slot--large .bracket-slot__icons {
  padding: 8px 0;
}
.bracket-slot--large .bracket-slot__score {
  width: 40px;
}
.bracket-slot--compact .bracket-slot__row {
  padding-left: 6px;
  font-size: 12px;
}
.bracket-slot--compact .bracket-slot__icons {
  padding: 1px 0;
}
.bracket-slot--compact .chat-stock-icon {
  width: 16px;
  height: 16px;
}

.unified-feed-view {
  --match-room-positive: #3fbf6a;
}
[data-theme=light] .unified-feed-view {
  --match-room-positive: var(--ui-good);
}
.unified-feed-view .your-match {
  display: grid;
  gap: 2px;
  padding: 4px 0 2px;
}
.unified-feed-view .your-match__label {
  padding: 8px 6px 4px;
  font: 700 11px/1 "Roboto Condensed", "Roboto", Arial, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--uv-live);
}
.unified-feed-view .channel-item.your-match__entry {
  width: 100%;
  margin: 0;
  border: 0;
  text-align: left;
  font: inherit;
  font-size: 14px;
  color: var(--uv-text-strong);
  background: color-mix(in srgb, var(--uv-live) 10%, transparent);
}
.unified-feed-view .channel-item.your-match__entry:hover {
  background: color-mix(in srgb, var(--uv-live) 16%, transparent);
  color: var(--uv-text-strong);
}
.unified-feed-view .channel-item.your-match__entry.active {
  color: var(--uv-text-strong);
  background: color-mix(in srgb, var(--uv-live) 20%, transparent);
}
.unified-feed-view .channel-item.your-match__entry:focus-visible {
  outline: 2px solid var(--uv-gold);
  outline-offset: 2px;
}
[data-theme=light] .unified-feed-view .channel-item.your-match__entry {
  background: var(--uv-card-bg);
  box-shadow: 0 1px 2px rgba(31, 39, 51, 0.1);
}
[data-theme=light] .unified-feed-view .channel-item.your-match__entry:hover {
  background: var(--uv-card-bg);
}
.unified-feed-view .your-match__stock {
  width: 26px;
  height: 24px;
  object-fit: contain;
}
.unified-feed-view .your-match__live-dot,
.unified-feed-view .match-room__live-dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--uv-live);
  animation: match-room-live-blink 1.2s ease-in-out infinite;
}
.unified-feed-view .match-room {
  container: match-room/inline-size;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: var(--uv-bg);
}
.unified-feed-view .match-room__rooms-button {
  flex: none;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--uv-text-dim);
  font-size: 18px;
  cursor: pointer;
}
.unified-feed-view .match-room__rooms-button:hover {
  background: var(--uv-press-bg);
  color: var(--uv-text-strong);
}
.unified-feed-view .match-room__status {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: var(--uv-text-dim);
  background: var(--uv-field-bg);
}
.unified-feed-view .match-room__status--live {
  color: var(--uv-live);
  background: color-mix(in srgb, var(--uv-live) 12%, transparent);
}
.unified-feed-view .match-room__status--disputed {
  color: #ffb020;
  background: rgba(255, 176, 32, 0.12);
}
.unified-feed-view .match-room__status--lobby {
  color: var(--ui-link);
  background: var(--uv-field-bg);
  box-shadow: inset 0 0 0 1px var(--uv-border);
}
.unified-feed-view .match-room__title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.unified-feed-view .match-room__title .chat-header__rooms-button {
  max-width: 100%;
  min-width: 0;
}
.unified-feed-view .match-room__title .chat-header__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.unified-feed-view .match-room__columns {
  flex: 1;
  min-height: 0;
  display: flex;
}
.unified-feed-view .match-room__panel {
  flex: none;
  width: 480px;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px;
}
.unified-feed-view .match-room__panel > .ranked-panel {
  flex: none;
  margin: 0;
}
.unified-feed-view .match-room__chat {
  order: -1;
  flex: 1;
  min-width: 360px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--uv-border);
}
.unified-feed-view .match-room__lobby {
  display: grid;
  gap: 10px;
  justify-items: start;
}
.unified-feed-view .match-room .chat_container_outer_holder,
.unified-feed-view .match-room .chat_container {
  background-color: var(--uv-bg);
}
.unified-feed-view .match-room .chat_container_outer_holder {
  border-color: var(--uv-border-strong);
}
.unified-feed-view .match-room .chat_input_group {
  background-color: var(--uv-bg);
  border-color: var(--uv-border-strong);
}
.unified-feed-view .match-room .chat_input_group .input_beauty_wrapper {
  background-color: var(--uv-page-bg);
}
[data-theme=light] .unified-feed-view .match-room .chat_input_group .input_beauty_wrapper {
  background-color: var(--uv-field-bg);
}
[data-theme=light] .unified-feed-view .match-room .chat_input::placeholder {
  color: var(--uv-text-muted);
}
.unified-feed-view .match-room .chat_message {
  font-size: 12px;
}
.unified-feed-view .match-room .chat_message.normal_message {
  position: relative;
  overflow: visible;
}
.unified-feed-view .match-room .time {
  font-size: 10px;
  color: var(--uv-text-muted);
}
.unified-feed-view .match-room .chat_input_group {
  padding: 10px 12px;
  background-color: var(--uv-sunken-bg);
  border-color: var(--uv-border);
}
.unified-feed-view .match-room .chat_input_group .input_beauty_wrapper {
  background-color: var(--uv-elevated-bg);
}
.unified-feed-view .match-room .chat_input {
  font-size: 12px;
  color: #ddd;
}
.unified-feed-view .match-room-info-line {
  flex: none;
  min-width: 0;
  padding: 8px 20px;
  border-bottom: 1px solid var(--uv-border);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
  font-size: 13px;
  color: var(--uv-text-dim);
}
.unified-feed-view .match-room-info-line > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.unified-feed-view .match-room-info-line > span + span::before {
  content: "·";
  margin: 0 8px;
  color: var(--uv-text-muted);
}
.unified-feed-view .match-room-info-line .match-room-info-line__game {
  color: var(--uv-text-strong);
}
.unified-feed-view .match-room-info-line__detail {
  color: var(--uv-text-dim);
  font-size: 12px;
}
.unified-feed-view .match-room-info-line__detail::before {
  content: "·";
  margin: 0 8px;
  color: var(--uv-text-muted);
}
.unified-feed-view .match-room-field__distance-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.unified-feed-view .match-room-field__code {
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.unified-feed-view .match-room-field__pending {
  color: var(--uv-text-dim);
  font-style: italic;
}
.unified-feed-view .match-player-code {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.unified-feed-view .match-player-code .match-room-field__code {
  color: var(--uv-text-strong);
}
.unified-feed-view .match-player-code .match-room-card__error {
  flex-basis: 100%;
}
.unified-feed-view .match-player-code__icon-button {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: var(--uv-text-dim);
  font-size: 12px;
  cursor: pointer;
}
.unified-feed-view .match-player-code__icon-button:hover {
  border-color: var(--uv-border-strong);
  color: var(--uv-text);
}
.unified-feed-view .match-player-code__icon-button svg {
  width: 12px;
  height: 12px;
}
.unified-feed-view .match-player-code__form {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.unified-feed-view .match-player-code__input {
  width: 130px;
  height: auto;
  margin: 0;
  padding: 4px 8px;
  border: 1px solid var(--uv-border-strong);
  border-radius: 4px;
  background: var(--uv-field-bg);
  color: var(--uv-text-strong);
  font: 700 13px ui-monospace, Menlo, Consolas, monospace;
}
[data-theme=light] .unified-feed-view .match-player-code__input::placeholder {
  color: var(--uv-text-muted);
}
.unified-feed-view .match-room-button.match-player-code__save {
  padding: 4px 12px;
}
.unified-feed-view .match-room-card__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.unified-feed-view .match-room-button {
  padding: 7px 14px;
  border-radius: 18px;
  border: 1px solid var(--uv-border-strong);
  background: transparent;
  color: var(--uv-text);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.unified-feed-view .match-room-button:hover {
  border-color: var(--uv-text-muted);
}
.unified-feed-view .match-room-button--quiet {
  border-color: transparent;
  color: var(--uv-text-dim);
}
.unified-feed-view .match-room-button--quiet:hover {
  border-color: var(--uv-border-strong);
  color: var(--uv-text);
}
.unified-feed-view .match-room-button--quiet[disabled] {
  cursor: default;
}
.unified-feed-view .match-room-button--primary {
  padding: 8px 18px;
  border-color: var(--uv-gold);
  background: var(--uv-gold);
  color: var(--uv-on-gold);
  font-weight: 700;
}
.unified-feed-view .match-room-button--primary:hover {
  border-color: var(--uv-gold);
  filter: brightness(1.08);
}
.unified-feed-view .match-room-button--primary[disabled] {
  border-color: var(--uv-border-strong);
  background: var(--uv-border-strong);
  color: var(--uv-text-dim);
  cursor: default;
  filter: none;
}
.unified-feed-view .match-room-card__error {
  margin: 0;
  font-size: 13px;
  color: var(--uv-live);
}
.unified-feed-view .match-found-strip {
  flex: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 10px 16px;
  background: var(--uv-gold);
  color: var(--uv-on-gold);
  font-weight: 500;
}
.unified-feed-view .match-found-strip .chat-stock-icon {
  vertical-align: middle;
}
.unified-feed-view .match-found-strip__text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.unified-feed-view .match-found-strip__lead {
  font-weight: 700;
}
.unified-feed-view .match-found-strip__details {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  white-space: pre;
}
.unified-feed-view .match-found-strip__details::before {
  content: "·";
}
.unified-feed-view .match-found-strip__distance-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--uv-on-gold) 50%, transparent);
}
.unified-feed-view .match-found-strip__more {
  padding: 2px 8px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--uv-on-gold) 12%, transparent);
  font-size: 12px;
  font-weight: 700;
}
.unified-feed-view .match-found-strip__buttons {
  display: flex;
  gap: 8px;
}
.unified-feed-view .match-found-strip__accept,
.unified-feed-view .match-found-strip__decline {
  padding: 7px 16px;
  border-radius: 18px;
  font-weight: 700;
  cursor: pointer;
}
.unified-feed-view .match-found-strip__accept {
  border: 1.5px solid var(--uv-on-gold);
  background: var(--uv-on-gold);
  color: var(--uv-gold);
}
.unified-feed-view .match-found-strip__decline {
  border: 1.5px solid var(--uv-on-gold);
  background: transparent;
  color: var(--uv-on-gold);
}
.unified-feed-view .match-found-strip__dismiss {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--uv-on-gold);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.unified-feed-view .match-found-strip__dismiss:hover, .unified-feed-view .match-found-strip__dismiss:focus-visible {
  background: color-mix(in srgb, var(--uv-on-gold) 12%, transparent);
}
@media (max-width: 767px) {
  .unified-feed-view .match-found-strip__text {
    flex-basis: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 8px;
  }
  .unified-feed-view .match-found-strip__text .chat-stock-icon {
    grid-row: 1/span 2;
  }
  .unified-feed-view .match-found-strip__more {
    grid-column: 2;
    justify-self: start;
  }
  .unified-feed-view .match-found-strip__details {
    white-space: normal;
  }
  .unified-feed-view .match-found-strip__details::before {
    content: none;
  }
  .unified-feed-view .match-found-strip__buttons {
    flex: 1;
    justify-content: flex-end;
  }
}
@container match-room (max-width: 860px) {
  .unified-feed-view .match-room__columns {
    flex-direction: column;
    overflow-y: auto;
  }
  .unified-feed-view .match-room__panel {
    width: auto;
    overflow: visible;
    padding: 12px;
  }
  .unified-feed-view .match-room__chat {
    order: 0;
    flex: none;
    min-width: 0;
    min-height: 420px;
    border-right: 0;
    border-top: 1px solid var(--uv-border);
  }
  .unified-feed-view .match-room-info-line {
    padding: 8px 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .unified-feed-view .your-match__live-dot,
  .unified-feed-view .match-room__live-dot {
    animation: none;
  }
}

@keyframes match-room-live-blink {
  50% {
    opacity: 0.35;
  }
}
.ranked-panel {
  --rp-link: var(--ui-link);
  --rp-alert: var(--ui-warn);
  --rp-good: var(--ui-good);
  --rp-bad: #f0566a;
  --rp-gold: var(--uv-gold, #f5c518);
  --rp-line: var(--uv-border, #2b3042);
  --rp-surface: var(--uv-field-bg, #1e2230);
  --rp-ink: var(--uv-text, #e2e0e0);
  --rp-ink-strong: var(--uv-text-strong, #fff);
  --rp-ink-dim: var(--uv-text-dim, #a3a8b8);
  --rp-ink-muted: var(--uv-text-muted, #6b7185);
  --rp-art-bg: #10131a;
  --rp-slot-bg: rgba(10, 13, 18, 0.35);
  --rp-slot-art-bg: #0b0d13;
  --rp-tile-edge: rgba(255, 255, 255, 0.06);
  --rp-empty-portrait: rgba(255, 255, 255, 0.06);
  --rp-portrait-bg: rgba(10, 13, 18, 0.6);
  --rp-on-link: #061218;
  --rp-link-hover: #46d3f5;
  --rp-on-art-ink: #e2e0e0;
  --rp-on-art-ink-strong: #fff;
  --rp-on-art-ink-dim: #a3a8b8;
  --rp-on-art-link: #18c5f0;
  container: step/inline-size;
  display: flex;
  flex-direction: column;
  margin: 0 0 12px;
  border: 1px solid var(--rp-line);
  border-radius: 6px;
  background: var(--uv-elevated-bg, #181b26);
  color: var(--rp-ink);
  overflow: hidden;
  font-size: 14px;
}
[data-theme=light] .ranked-panel {
  --rp-bad: var(--ui-red);
  --rp-art-bg: var(--ui-panel-2);
  --rp-slot-bg: var(--ui-panel);
  --rp-slot-art-bg: var(--ui-panel-2);
  --rp-tile-edge: var(--ui-line);
  --rp-empty-portrait: var(--ui-line-2);
  --rp-on-link: var(--ui-on-accent);
  --rp-link-hover: color-mix(in srgb, var(--ui-link) 85%, #000);
}

.ranked-panel__score {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--rp-line);
}

.ranked-panel__name {
  color: var(--rp-ink-strong);
  font-weight: 500;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ranked-panel__wins {
  display: inline-flex;
  gap: 6px;
  font-weight: 900;
  font-size: 18px;
  color: var(--rp-ink-strong);
}

.ranked-panel__dash {
  color: var(--rp-ink-muted);
  font-weight: 400;
}

.ranked-panel__format {
  margin-left: auto;
  color: var(--rp-ink-muted);
  font-size: 12px;
  white-space: nowrap;
}

.ranked-strip {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 6px;
  margin: 0;
  padding: 8px;
  list-style: none;
  border-bottom: 1px solid var(--rp-line);
}

.ranked-strip__game {
  position: relative;
  min-width: 0;
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 4px;
  overflow: hidden;
  background-color: var(--rp-art-bg);
  background-size: cover;
  background-position: center;
}
.ranked-strip__game::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 13, 18, 0.15), rgba(10, 13, 18, 0.85));
}
.ranked-strip__game > * {
  position: relative;
}
.ranked-strip__game.is-current {
  outline: 2px solid var(--rp-link);
  outline-offset: -2px;
}
.ranked-strip__game.is-current .ranked-strip__label {
  color: var(--rp-link);
}

.ranked-strip__game.is-blank {
  justify-content: center;
  align-items: center;
  gap: 2px;
  background-color: var(--rp-surface);
}
.ranked-strip__game.is-blank::before {
  content: none;
}
.ranked-strip__game.is-blank.is-current {
  background-color: color-mix(in srgb, var(--rp-link) 8%, transparent);
}
.ranked-strip__game.is-blank.is-current .ranked-strip__number {
  color: var(--rp-link);
}
.ranked-strip__game.is-blank.is-current .ranked-strip__status {
  color: var(--rp-ink);
}
.ranked-strip__game.is-blank.is-current .ranked-strip__status::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-radius: 50%;
  background: var(--rp-link);
  vertical-align: 1px;
  animation: ranked-strip-pulse 1.4s ease-in-out infinite;
}
.ranked-strip__game.is-blank.is-upcoming {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--rp-line);
}
.ranked-strip__game.is-blank.is-if-needed {
  box-shadow: none;
  outline: 1px dashed var(--rp-line);
  outline-offset: -1px;
}
.ranked-strip__game.is-blank.is-skipped {
  background: repeating-linear-gradient(135deg, var(--rp-surface) 0 6px, var(--rp-art-bg) 6px 12px);
}
.ranked-strip__game.is-blank.is-skipped .ranked-strip__number {
  text-decoration: line-through;
}

@keyframes ranked-strip-pulse {
  50% {
    opacity: 0.3;
  }
}
.ranked-strip__number {
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  color: var(--rp-ink-muted);
}

.ranked-strip__status {
  max-width: 100%;
  padding: 0 4px;
  box-sizing: border-box;
  font-size: 11px;
  color: var(--rp-ink-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-theme=light] .ranked-strip__game:not(.is-blank) {
  --rp-ink: var(--rp-on-art-ink);
  --rp-ink-dim: var(--rp-on-art-ink-dim);
  --rp-link: var(--rp-on-art-link);
}

.ranked-strip__label,
.ranked-strip__result {
  position: absolute;
  top: 4px;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
}

.ranked-strip__label {
  left: 4px;
  background: rgba(10, 13, 18, 0.8);
  color: var(--rp-ink-dim);
}

.ranked-strip__result {
  right: 4px;
  font-weight: 900;
  color: #0b0d12;
}
.ranked-strip__result.is-won {
  background: var(--rp-good);
}
.ranked-strip__result.is-lost {
  background: var(--rp-bad);
}

.ranked-strip__portraits {
  display: flex;
  justify-content: center;
  gap: 4px;
  padding-bottom: 2px;
}

.ranked-strip__portrait {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 3px;
  border: 1px solid transparent;
  background: var(--rp-portrait-bg);
}
.ranked-strip__portrait.is-winner {
  border-color: var(--rp-gold);
}
.ranked-strip__portrait.is-empty {
  display: inline-block;
  background: var(--rp-empty-portrait);
}

.ranked-strip__game.is-done .ranked-strip__portrait:not(.is-winner) {
  filter: grayscale(1);
  opacity: 0.55;
}

.ranked-strip__stage {
  padding: 0 4px 4px;
  font-size: 10px;
  color: var(--rp-ink);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ranked-strip__stage.is-pending {
  color: var(--rp-link);
}

.ranked-panel__step {
  display: flex;
  gap: 8px;
  align-items: baseline;
  padding: 10px 12px 8px;
}
.ranked-panel__step.is-nudged .ranked-panel__step-title {
  color: var(--rp-alert);
}

.ranked-panel__dot {
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rp-link);
  transform: translateY(-1px);
}
[data-turn=theirs] > .ranked-panel__dot {
  background: var(--rp-ink-muted);
  animation: ranked-panel-pulse 1.4s infinite;
}
[data-turn=alert] > .ranked-panel__dot {
  background: var(--rp-alert);
}
[data-turn=done] > .ranked-panel__dot {
  background: var(--rp-gold);
}

@keyframes ranked-panel-pulse {
  50% {
    opacity: 0.3;
  }
}
.ranked-panel__step-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.ranked-panel__step-title {
  font-size: 15px;
  font-weight: 500;
  color: var(--rp-ink-strong);
}

.ranked-panel__step-detail {
  font-size: 12px;
  color: var(--rp-ink-muted);
}

.ranked-panel__controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 12px 12px;
}

.ranked-panel__again {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 4px;
  border: 1px solid var(--rp-line);
  border-radius: 6px;
  background: var(--rp-surface);
  color: var(--rp-ink);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.ranked-panel__again img {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 3px;
}
.ranked-panel__again:hover, a .ranked-panel__again.location:hover, .link .ranked-panel__again.location:hover {
  background: var(--rp-surface);
  color: var(--rp-ink);
}
.ranked-panel__again:hover:not(:disabled) {
  border-color: var(--rp-link);
}

.ranked-stages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
[data-theme=light] .ranked-stages {
  --rp-ink: var(--rp-on-art-ink);
  --rp-ink-strong: var(--rp-on-art-ink-strong);
  --rp-ink-dim: var(--rp-on-art-ink-dim);
}

.ranked-stages__tile {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 72px;
  padding: 0;
  border: 1px solid var(--rp-line);
  border-radius: 4px;
  overflow: hidden;
  background-color: var(--rp-art-bg);
  background-size: cover;
  background-position: center;
  color: var(--rp-ink-strong);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.ranked-stages__tile::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 13, 18, 0) 45%, rgba(10, 13, 18, 0.85));
}
.ranked-stages__tile > * {
  position: relative;
}
.ranked-stages__tile:hover:not(:disabled) {
  border-color: var(--rp-link);
}
.ranked-stages__tile.is-struck {
  cursor: default;
}
.ranked-stages__tile.is-struck::before {
  background: rgba(10, 13, 18, 0.78);
}
.ranked-stages__tile.is-pending {
  border-color: var(--rp-link);
  opacity: 0.7;
}

.ranked-stages__struck {
  padding: 5px 7px 0;
  font-size: 11px;
  font-weight: 500;
  color: var(--rp-ink);
}

.ranked-stages__name {
  margin-top: auto;
  padding: 0 7px 5px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.is-struck .ranked-stages__name {
  color: var(--rp-ink-dim);
}

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

.ranked-panel__winner {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 6px;
  border: 1px solid var(--rp-line);
  border-radius: 6px;
  background: var(--rp-surface);
  color: var(--rp-ink);
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.ranked-panel__winner:hover, a .ranked-panel__winner.location:hover, .link .ranked-panel__winner.location:hover {
  background: var(--rp-surface);
  color: var(--rp-ink);
}
.ranked-panel__winner:hover:not(:disabled) {
  border-color: var(--rp-link);
}
.ranked-panel__winner:disabled {
  cursor: default;
  opacity: 0.7;
}
.ranked-panel__winner.is-mine {
  border-color: var(--rp-good);
  background: color-mix(in srgb, var(--rp-good) 6%, transparent);
}
.ranked-panel__winner.is-theirs {
  border-color: var(--rp-alert);
  background: color-mix(in srgb, var(--rp-alert) 6%, transparent);
}

.ranked-panel__winner-character {
  flex: none;
  width: 38px;
  height: 38px;
  object-fit: cover;
  border-radius: 3px;
}

.ranked-panel__winner-label {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.ranked-panel__winner-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ranked-panel__winner-tag {
  font-size: 11px;
  color: var(--rp-alert);
  white-space: nowrap;
}

.ranked-panel__conflict-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  font-size: 12px;
}

.ranked-panel__hint {
  color: var(--rp-ink-muted);
}

.ranked-panel__link-button {
  padding: 0;
  border: 0;
  background: none;
  color: var(--rp-link);
  font: inherit;
  cursor: pointer;
}
.ranked-panel__link-button:hover, a .ranked-panel__link-button.location:hover, .link .ranked-panel__link-button.location:hover {
  background: none;
  color: var(--rp-link);
  text-decoration: underline;
}

.ranked-panel__connect {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 14px;
  padding: 7px 12px;
  border-bottom: 1px solid var(--rp-line);
  font-size: 12px;
  color: var(--rp-ink-dim);
}
.ranked-panel__connect > span {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.ranked-panel__connect .match-room-field__code {
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--rp-ink-strong);
}
.ranked-panel__connect .match-room-field__pending {
  font-style: italic;
  color: var(--rp-ink-muted);
}
.ranked-panel__connect .ranked-panel__link-button {
  font-size: 12px;
}
.ranked-panel__connect .match-player-code__label {
  color: var(--rp-ink-muted);
}
.ranked-panel__connect .match-player-code__icon-button {
  display: inline-flex;
  align-items: center;
  padding: 0 2px;
  border: 0;
  background: none;
  color: var(--rp-link);
  font-size: 12px;
  cursor: pointer;
}
.ranked-panel__connect .match-player-code__icon-button:hover {
  background: none;
  color: var(--rp-link-hover);
}
.ranked-panel__connect .match-player-code__icon-button svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}
.ranked-panel__connect .match-player-code__form {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ranked-panel__connect .match-player-code__input {
  width: 130px;
  height: auto;
  margin: 0;
  padding: 4px 8px;
  box-sizing: border-box;
  border: 1px solid var(--rp-line);
  border-radius: 4px;
  background: var(--rp-art-bg);
  color: var(--rp-ink-strong);
  font: 700 12px ui-monospace, Menlo, Consolas, monospace;
}
.ranked-panel__connect .match-player-code__input:focus {
  outline: none;
  border-color: var(--rp-link);
  box-shadow: none;
}
.ranked-panel__connect .match-player-code__save {
  padding: 4px 10px;
  border: 1px solid var(--rp-link);
  border-radius: 4px;
  background: var(--rp-link);
  color: var(--rp-on-link);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.ranked-panel__connect .match-player-code__save:hover {
  background: var(--rp-link-hover);
  color: var(--rp-on-link);
}
.ranked-panel__connect .match-room-card__error {
  flex-basis: 100%;
  color: var(--rp-bad);
}

.ranked-panel__vs {
  font-size: 12px;
  color: var(--rp-ink-muted);
}

.ranked-panel__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ranked-panel__secondary {
  padding: 7px 16px;
  border: 1px solid var(--rp-line);
  border-radius: 999px;
  background: none;
  color: var(--rp-ink-strong);
  font: inherit;
  cursor: pointer;
}
.ranked-panel__secondary:hover, a .ranked-panel__secondary.location:hover, .link .ranked-panel__secondary.location:hover {
  background: none;
  color: var(--rp-ink-strong);
}
.ranked-panel__secondary:hover:not(:disabled) {
  border-color: var(--rp-ink-dim);
}
.ranked-panel__secondary:disabled {
  cursor: default;
  opacity: 0.6;
}

.ranked-panel__end {
  gap: 12px;
}
.ranked-panel__end .match-room-card__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ranked-panel__end .match-room-button {
  padding: 7px 16px;
  border: 1px solid var(--rp-line);
  border-radius: 999px;
  background: none;
  color: var(--rp-ink-strong);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.ranked-panel__end .match-room-button:hover {
  background: none;
  color: var(--rp-ink-strong);
  border-color: var(--rp-ink-dim);
}
.ranked-panel__end .match-room-button[disabled] {
  cursor: default;
  opacity: 0.6;
}
.ranked-panel__end .match-room-button--primary {
  border-color: var(--ui-accent);
  background: var(--ui-accent);
  color: var(--ui-on-accent);
  font-weight: 700;
}
.ranked-panel__end .match-room-button--primary:hover {
  border-color: var(--ui-accent-hover);
  background: var(--ui-accent-hover);
  color: var(--ui-on-accent);
}
.ranked-panel__end .match-room-button--quiet {
  border-color: transparent;
  color: var(--rp-ink-muted);
}
.ranked-panel__end .match-room-button--quiet:hover {
  border-color: var(--rp-line);
  color: var(--rp-ink);
}
.ranked-panel__end .match-room-card__error {
  margin: 0;
  font-size: 13px;
  color: var(--rp-bad);
}

.ranked-panel__feedback .match_ended {
  padding: 0;
  background: none;
}
.ranked-panel__feedback .feedback_toggles {
  display: grid;
  gap: 8px;
  margin: 0;
}
.ranked-panel__feedback .feedback_toggle {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--rp-line);
  border-radius: 8px;
  background: var(--rp-surface);
}
.ranked-panel__feedback .feedback_toggle .heading {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rp-ink-muted);
}
.ranked-panel__feedback .rating_container {
  padding: 0;
  background: none;
}
.ranked-panel__feedback .feedback_thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ranked-panel__feedback .selection_area {
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid var(--rp-line);
  border-radius: 16px;
  color: var(--rp-ink);
  font-size: 12px;
  cursor: pointer;
}
.ranked-panel__feedback .selection_area:hover {
  border-color: var(--rp-ink-dim);
}
.ranked-panel__feedback .selection_area.selected.positive_area {
  border-color: var(--rp-good);
  background: color-mix(in srgb, var(--rp-good) 14%, transparent);
}
.ranked-panel__feedback .selection_area.selected.negative_area {
  border-color: var(--rp-bad);
  background: color-mix(in srgb, var(--rp-bad) 14%, transparent);
}
.ranked-panel__feedback .feedback_thumbs .selection_area .description {
  display: inline;
  min-height: 0;
}
.ranked-panel__feedback .feedback_thumbs i {
  font-size: 15px;
}

.ranked-panel__footer {
  margin-top: auto;
  border-top: 1px solid var(--rp-line);
}

.ranked-panel__problem-toggle {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: none;
  color: var(--rp-ink-dim);
  font: inherit;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}
.ranked-panel__problem-toggle:hover, a .ranked-panel__problem-toggle.location:hover, .link .ranked-panel__problem-toggle.location:hover, .ranked-panel__problem-toggle[aria-expanded=true] {
  background: none;
  color: var(--rp-ink-strong);
}

.ranked-panel__problem-menu {
  padding: 0 6px 6px;
}

.ranked-panel__problem-options {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ranked-panel__problem-option {
  display: block;
  width: 100%;
  padding: 7px 8px;
  border: 0;
  border-radius: 5px;
  background: none;
  color: var(--rp-ink);
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.ranked-panel__problem-option:hover, a .ranked-panel__problem-option.location:hover, .link .ranked-panel__problem-option.location:hover {
  color: var(--rp-ink);
}
.ranked-panel__problem-option:hover:not(:disabled) {
  background: var(--rp-surface);
}
.ranked-panel__problem-option.is-primary {
  width: auto;
  padding: 5px 10px;
  border: 1px solid var(--rp-alert);
  color: var(--rp-ink-strong);
}

.ranked-panel__lag-tip {
  margin: 2px 6px 4px;
  padding: 8px 10px;
  border-left: 3px solid var(--rp-alert);
  background: color-mix(in srgb, var(--rp-alert) 6%, transparent);
  font-size: 12px;
  color: var(--rp-ink-dim);
}
.ranked-panel__lag-tip p {
  margin: 0 0 8px;
}

.ranked-panel__problem-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.character-picker {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.character-picker__versus {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.character-picker__vs {
  font-size: 12px;
  font-weight: 900;
  color: var(--rp-ink-muted);
}

.character-picker__slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 10px 6px 8px;
  border: 1px solid var(--rp-line);
  border-radius: 6px;
  background: var(--rp-slot-bg);
}

.character-picker__slot-art {
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 116px;
  aspect-ratio: 3/2;
  border-radius: 4px;
  overflow: hidden;
  background: var(--rp-slot-art-bg);
}
.character-picker__slot-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.character-picker__slot-art.is-empty {
  border: 1px dashed var(--rp-line);
  color: var(--rp-ink-dim);
  font-size: 12px;
}

.character-picker__waiting-dots span {
  animation: character-picker-waiting 1.2s infinite;
}
.character-picker__waiting-dots span:nth-child(2) {
  animation-delay: 0.2s;
}
.character-picker__waiting-dots span:nth-child(3) {
  animation-delay: 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  .character-picker__waiting-dots span {
    animation: none;
  }
}

@keyframes character-picker-waiting {
  0%, 60%, 100% {
    opacity: 0.25;
  }
  30% {
    opacity: 1;
  }
}
.character-picker__slot-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}
.character-picker__slot-name.is-me {
  color: var(--rp-ink-strong);
}
.character-picker__slot-name.is-them {
  color: var(--rp-ink-dim);
}

.character-picker__slot-character {
  min-height: 15px;
  font-size: 12px;
  color: var(--rp-ink-dim);
}

.character-picker__change {
  align-self: center;
  padding: 0;
  border: 0;
  background: none;
  color: var(--rp-link);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.character-picker__change:hover, a .character-picker__change.location:hover, .link .character-picker__change.location:hover {
  background: none;
  color: var(--rp-link);
}

.character-picker__choose {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--rp-line);
  border-radius: 6px;
  background: var(--rp-surface);
  color: var(--rp-ink);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.character-picker__choose:hover, a .character-picker__choose.location:hover, .link .character-picker__choose.location:hover, .character-picker__choose.is-open {
  border-color: var(--rp-link);
  background: var(--rp-surface);
  color: var(--rp-ink-strong);
}

.character-picker__choose-caret {
  font-size: 11px;
  color: var(--rp-ink-dim);
}

.character-picker__lock {
  padding: 9px;
  border: 1px solid var(--rp-link);
  border-radius: 6px;
  background: var(--rp-link);
  color: var(--rp-on-link);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.character-picker__lock:hover:not(:disabled) {
  background: var(--rp-link-hover);
  color: var(--rp-on-link);
}
.character-picker__lock:disabled {
  border-color: var(--rp-line);
  background: var(--rp-surface);
  color: var(--rp-ink-muted);
  cursor: default;
}

.ranked-panel__score--teams {
  display: block;
  padding: 10px 12px 12px;
}
.ranked-panel__score--teams .ranked-panel__format {
  margin: 0 0 6px;
}
.ranked-panel__score--teams .ranked-panel__vs {
  font-size: 12px;
  color: var(--rp-ink-muted);
}

.ranked-panel__teams {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.ranked-panel__team {
  min-width: 0;
}
.ranked-panel__team ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ranked-panel__team li {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--rp-ink-strong);
}
.ranked-panel__team:not(.is-mine) {
  text-align: right;
}
.ranked-panel__team:not(.is-mine) li {
  flex-direction: row-reverse;
}

.ranked-panel__team-label {
  display: block;
  margin-bottom: 3px;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rp-ink-muted);
}
.ranked-panel__team.is-mine .ranked-panel__team-label {
  color: var(--rp-link);
}

.ranked-panel__team-character {
  flex: none;
  width: 22px;
  height: 22px;
  object-fit: cover;
  border-radius: 4px;
}

.ranked-panel__team-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ranked-panel__team-you {
  flex: none;
  font-size: 11px;
  color: var(--rp-ink-muted);
}

.ranked-strip__portraits--teams {
  align-items: center;
  gap: 2px;
}
.ranked-strip__portraits--teams .ranked-strip__portrait {
  width: 20px;
  height: 20px;
}

.ranked-strip__versus {
  margin: 0 2px;
  font-size: 9px;
  color: var(--rp-ink-dim);
}

.ranked-stages__tile.is-struck.is-ours {
  border-color: color-mix(in srgb, var(--rp-link) 45%, var(--rp-line));
}

.ranked-panel__winner--team {
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 8px 6px;
  text-align: center;
}
.ranked-panel__winner--team .ranked-panel__winner-label {
  align-items: center;
  max-width: 100%;
}
.ranked-panel__winner--team .ranked-panel__winner-name {
  white-space: normal;
  overflow-wrap: anywhere;
}

.ranked-panel__winner-pair {
  display: inline-flex;
  flex: none;
}
.ranked-panel__winner-pair .ranked-panel__winner-character {
  width: 34px;
  height: 34px;
  box-shadow: 0 0 0 2px var(--rp-surface);
}
.ranked-panel__winner-pair .ranked-panel__winner-character + .ranked-panel__winner-character {
  margin-left: -8px;
}
.ranked-panel__winner-pair:empty {
  display: none;
}

.ranked-panel__winner-players {
  display: flex;
  flex-direction: column;
  font-size: 11px;
  line-height: 1.4;
  color: var(--rp-ink-dim);
}
.ranked-panel__winner-players > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ranked-panel__winner-tag.is-ours {
  color: var(--rp-good);
}

.character-picker__versus--teams {
  align-items: start;
}

.character-picker__team {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.character-picker__team-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rp-ink-muted);
}

.character-picker__versus--teams .character-picker__vs {
  align-self: center;
}

.ranked-panel__connect--room .ranked-panel__room-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  flex: 1 1 220px;
  min-width: 0;
}
.ranked-panel__connect--room .match-player-code__input {
  flex: 1 1 140px;
  min-width: 0;
}

.ranked-panel__connect-label {
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rp-ink-muted);
}

.ranked-panel__connect-by {
  color: var(--rp-ink-muted);
}

.lobby-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lobby-panel__head .ranked-panel__vs {
  font-size: 12px;
  color: var(--rp-ink-dim);
  white-space: nowrap;
}

.lobby-panel__rows {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lobby-panel__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "who actions" "teams teams";
  gap: 6px 8px;
  align-items: center;
  padding: 8px 10px;
  border-radius: 6px;
  background: var(--rp-surface);
}
.lobby-panel__row.is-pending {
  box-shadow: inset 3px 0 var(--rp-good);
}
.lobby-panel__row.is-invited, .lobby-panel__row.is-local {
  opacity: 0.75;
}
.lobby-panel__row.is-local {
  grid-template-areas: "who";
  grid-template-columns: minmax(0, 1fr);
}
.lobby-panel__row.is-pending, .lobby-panel__row.is-invited {
  grid-template-areas: "who actions";
}

.lobby-panel__who {
  grid-area: who;
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
}

.lobby-panel__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: var(--rp-ink-strong);
}

.lobby-panel__muted {
  font-size: 12px;
  font-style: normal;
  color: var(--rp-ink-muted);
}

.lobby-panel__tag {
  padding: 1px 5px;
  border-radius: 3px;
  background: var(--rp-surface);
  box-shadow: inset 0 0 0 1px var(--rp-line);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  color: var(--rp-ink-dim);
}

.lobby-panel__teams {
  grid-area: teams;
  justify-self: start;
  display: inline-flex;
  border: 1px solid var(--rp-line);
  border-radius: 6px;
  overflow: hidden;
}

.lobby-panel__team {
  padding: 3px 10px;
  border: 0;
  background: none;
  color: var(--rp-ink-dim);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.lobby-panel__team:hover:not(:disabled) {
  background: var(--rp-line);
  color: var(--rp-ink);
}
.lobby-panel__team.is-on, .lobby-panel__team.is-on:hover {
  background: var(--rp-link);
  color: var(--rp-on-link);
  font-weight: 600;
}
.lobby-panel__team:disabled {
  cursor: default;
}
.lobby-panel__teams.is-fixed .lobby-panel__team:not(.is-on) {
  color: var(--rp-ink-muted);
}

.lobby-panel__actions {
  grid-area: actions;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}

.lobby-panel__hint {
  grid-column: 1/-1;
  font-size: 12px;
  color: var(--rp-ink-muted);
}

.lobby-panel__button {
  padding: 4px 12px;
  border: 1px solid var(--rp-line);
  border-radius: 999px;
  background: var(--rp-surface);
  color: var(--rp-ink);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.lobby-panel__button:hover:not(:disabled) {
  border-color: var(--rp-link);
  background: var(--rp-surface);
  color: var(--rp-ink-strong);
}
.lobby-panel__button:disabled {
  opacity: 0.45;
  cursor: default;
}

.lobby-panel__button--go,
.lobby-panel__button--go:hover:not(:disabled) {
  border-color: var(--rp-link);
  background: var(--rp-link);
  color: var(--rp-on-link);
}

.lobby-panel__button--go:hover:not(:disabled) {
  border-color: var(--rp-link-hover);
  background: var(--rp-link-hover);
}

.lobby-panel__button--danger,
.lobby-panel__button--danger:hover:not(:disabled) {
  border-color: var(--rp-bad);
  color: var(--rp-bad);
}

.lobby-panel__button--big {
  padding: 8px 20px;
  font-size: 14px;
}

.lobby-panel__quiet {
  padding: 0;
  border: 0;
  background: none;
  color: var(--rp-link);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.lobby-panel__quiet:hover:not(:disabled) {
  background: none;
  color: var(--rp-link-hover);
  text-decoration: underline;
}
.lobby-panel__quiet:disabled {
  opacity: 0.45;
  cursor: default;
}

.lobby-panel__tools {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lobby-panel__invite {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lobby-panel__invite-form {
  display: flex;
  gap: 6px;
  margin: 0;
}

.lobby-panel__input.browser-default {
  flex: 1 1 auto;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid var(--rp-line);
  border-radius: 6px;
  background: var(--rp-surface);
  color: var(--rp-ink);
  font: inherit;
  font-size: 13px;
}
.lobby-panel__input.browser-default:focus {
  outline: none;
  border-color: var(--rp-link);
}

.lobby-panel__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lobby-panel__local {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--rp-ink-dim);
}
.lobby-panel__local select.browser-default {
  width: auto;
  height: auto;
  padding: 2px 6px;
  border: 1px solid var(--rp-line);
  border-radius: 5px;
  background: var(--rp-surface);
  color: var(--rp-ink);
  font: inherit;
  font-size: 12px;
}

.lobby-panel__clock {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
}

.lobby-panel__start {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
}

.lobby-panel__error {
  margin: 0;
  font-size: 12px;
  color: var(--rp-bad);
}

.lobby-panel__leave-confirm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 13px;
}

@container step (min-width: 440px) {
  .ranked-panel__score--teams .ranked-panel__format {
    text-align: center;
  }
  .ranked-panel__team-character {
    width: 26px;
    height: 26px;
  }
  .ranked-strip__portraits--teams .ranked-strip__portrait {
    width: 24px;
    height: 24px;
  }
  .lobby-panel__row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "who teams actions";
  }
  .lobby-panel__row.is-pending, .lobby-panel__row.is-invited {
    grid-template-areas: "who teams actions";
  }
}
@container step (min-width: 560px) {
  .ranked-panel__score,
  .ranked-panel__step,
  .ranked-panel__problem-toggle {
    padding-left: 20px;
    padding-right: 20px;
  }
  .ranked-panel__controls {
    padding: 0 20px 16px;
  }
  .ranked-strip__game {
    height: 84px;
  }
  .ranked-stages__tile {
    height: 96px;
  }
  .ranked-stages__name {
    font-size: 13px;
  }
  .character-picker__versus {
    width: 100%;
    max-width: 520px;
    align-self: center;
  }
  .ranked-panel__winner-character {
    width: 56px;
    height: 56px;
  }
  .ranked-panel__winner-pair .ranked-panel__winner-character {
    width: 44px;
    height: 44px;
  }
  .ranked-panel__feedback .feedback_toggles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container step (min-width: 760px) {
  .ranked-stages {
    gap: 12px;
  }
  .ranked-panel__step-title {
    font-size: 17px;
  }
}
.character-popover {
  --cp-line: var(--uv-border, #2b3042);
  --cp-surface: var(--uv-field-bg, #1e2230);
  --cp-ink: var(--uv-text, #e2e0e0);
  --cp-ink-strong: var(--uv-text-strong, #fff);
  --cp-ink-dim: var(--uv-text-dim, #a3a8b8);
  --cp-ink-muted: var(--uv-text-muted, #6b7185);
  --cp-link: var(--ui-link);
  --cp-art-bg: #10131a;
  --cp-shadow: 0 18px 50px rgba(0, 0, 0, 0.65);
  position: fixed;
  z-index: 1035;
  display: flex;
  flex-direction: column;
  width: 380px;
  max-width: calc(100vw - 24px);
  max-height: min(400px, 100dvh - 24px);
  border: 1px solid var(--ui-line-3);
  border-radius: 10px;
  overflow: hidden;
  background: var(--uv-elevated-bg, #181b26);
  color: var(--cp-ink);
  box-shadow: var(--cp-shadow);
  font-size: 13px;
}
[data-theme=light] .character-popover {
  --cp-art-bg: var(--ui-panel-2);
  --cp-shadow: 0 18px 50px rgba(31, 39, 51, 0.22);
}

.character-popover__head {
  flex: none;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px;
  border-bottom: 1px solid var(--cp-line);
}

.character-popover__search {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 7px 10px;
  border: 1px solid var(--cp-line);
  border-radius: 6px;
  background: var(--cp-surface);
  color: var(--cp-ink);
  font: inherit;
}
.character-popover__search::placeholder {
  color: var(--cp-ink-muted);
}
.character-popover__search:focus {
  outline: none;
  border-color: var(--cp-link);
}

.character-popover__close {
  flex: none;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--cp-ink-muted);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.character-popover__close:hover, a .character-popover__close.location:hover, .link .character-popover__close.location:hover {
  background: var(--cp-surface);
  color: var(--cp-ink);
}

.character-popover__scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 10px 12px;
}

.character-popover__label {
  margin: 10px 0 6px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cp-ink-muted);
}

.character-popover__count {
  margin-left: 4px;
}

.character-popover__mains {
  display: grid;
  gap: 4px;
}

.character-popover__main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 6px 10px 6px 6px;
  border: 1px solid var(--cp-line);
  border-radius: 6px;
  background: var(--cp-surface);
  color: var(--cp-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.character-popover__main img {
  flex: none;
  width: auto;
  height: 30px;
  object-fit: contain;
  border-radius: 3px;
  background: var(--cp-art-bg);
}
.character-popover__main:hover, a .character-popover__main.location:hover, .link .character-popover__main.location:hover {
  background: var(--cp-surface);
  color: var(--cp-ink);
}
.character-popover__main:hover:not(:disabled), .character-popover__main.is-pending {
  border-color: var(--cp-link);
}
.character-popover__main.is-pending {
  box-shadow: 0 0 0 1px var(--cp-link);
}
.character-popover__main:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.character-popover__main-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.character-popover__main-text strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  color: var(--cp-ink-strong);
}
.character-popover__main-text span {
  font-size: 11px;
  color: var(--cp-ink-muted);
  white-space: nowrap;
}

.character-popover__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
}
.character-popover__grid.is-wide {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.character-popover__grid.is-named {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.character-popover__tile {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 3px;
  border: 1px solid var(--cp-line);
  border-radius: 5px;
  background: var(--cp-surface);
  color: var(--cp-ink-dim);
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.character-popover__tile img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 3px;
  background: var(--cp-art-bg);
}
.character-popover__tile:hover, a .character-popover__tile.location:hover, .link .character-popover__tile.location:hover {
  background: var(--cp-surface);
  color: var(--cp-ink);
}
.character-popover__tile:hover:not(:disabled), .character-popover__tile.is-pending {
  border-color: var(--cp-link);
}
.character-popover__tile.is-pending {
  box-shadow: 0 0 0 1px var(--cp-link);
}
.character-popover__tile:disabled {
  cursor: not-allowed;
}
.character-popover__tile:disabled img {
  filter: grayscale(1);
  opacity: 0.25;
}

.character-popover__tile-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.character-popover__empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 24px 6px;
}
.character-popover__empty strong {
  font-weight: 500;
  color: var(--cp-ink-strong);
}
.character-popover__empty span {
  color: var(--cp-ink-muted);
}

.character-popover__clear {
  padding: 0;
  border: 0;
  background: none;
  color: var(--cp-link);
  font: inherit;
  cursor: pointer;
}
.character-popover__clear:hover, a .character-popover__clear.location:hover, .link .character-popover__clear.location:hover {
  background: none;
  color: var(--cp-link);
  text-decoration: underline;
}

.match-status {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: var(--ui-ink);
}
.match-status[data-turn=mine] {
  box-shadow: inset 0 3px var(--ui-accent);
}
.match-status[data-turn=alert] {
  box-shadow: inset 0 3px var(--ui-warn);
}

.match-status__score {
  flex: none;
  display: flex;
  align-items: center;
  gap: 5px;
}

.match-status__portrait {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  object-fit: cover;
  object-position: center 30%;
}

.match-status__pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  border-radius: 999px;
  background: var(--ui-red);
  color: var(--ui-on-accent);
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.match-status__pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.8;
}
.match-status__pill[data-done=true] {
  background: var(--ui-surface);
  color: var(--uv-gold, #f5c518);
  box-shadow: inset 0 0 0 1px var(--ui-line-3);
}
.match-status__pill[data-done=true]::before {
  display: none;
}

.match-status__text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.match-status__title {
  font-weight: 500;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.match-status__meta {
  font-size: 12px;
  color: var(--ui-ink-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.match-status__actions {
  flex: none;
  display: flex;
  gap: 6px;
}

.match-status__button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--ui-line-3);
  background: var(--ui-surface);
  color: var(--ui-ink);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  white-space: nowrap;
}
.match-status__button:hover, a .match-status__button.location:hover, .link .match-status__button.location:hover, .match-status__button:focus-visible {
  border-color: var(--ui-ink-2);
  background: var(--ui-line-2);
  color: var(--ui-ink);
  text-decoration: none;
}
.match-status__button:disabled {
  opacity: 0.6;
  cursor: default;
}

.match-status__button--primary,
.match-status__button--go {
  border-color: var(--ui-accent);
  background: var(--ui-accent);
  color: var(--ui-on-accent);
}
.match-status__button--primary:hover, a .match-status__button--primary.location:hover, .link .match-status__button--primary.location:hover, .match-status__button--primary:focus-visible,
.match-status__button--go:hover,
a .match-status__button--go.location:hover,
.link .match-status__button--go.location:hover,
.match-status__button--go:focus-visible {
  border-color: var(--ui-accent-hover);
  background: var(--ui-accent-hover);
  color: var(--ui-on-accent);
}

.match-status__actions a.match-status__button:hover, .match-status__actions a .match-status__button.location:hover, a .match-status__actions .match-status__button.location:hover, .match-status__actions .link .match-status__button.location:hover, .link .match-status__actions .match-status__button.location:hover, .match-status__actions .match-status__button.link:hover, .match-status__actions a.match-status__button:focus, .match-status__actions .match-status__button.link:focus {
  text-decoration: none;
}

.match-status__pill--lobby {
  background: var(--ui-surface);
  color: var(--ui-link);
  box-shadow: inset 0 0 0 1px var(--ui-line-3);
}
.match-status__pill--lobby::before {
  display: none;
}

.match-status__button--team {
  padding-left: 8px;
}

.match-status__pair {
  display: inline-flex;
  flex: none;
}
.match-status__pair .match-status__portrait {
  width: 20px;
  height: 20px;
  box-shadow: 0 0 0 2px var(--ui-surface);
}
.match-status__pair .match-status__portrait + .match-status__portrait {
  margin-left: -6px;
}
.match-status__pair:empty {
  display: none;
}

.match-chat {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: var(--ui-chat-bg);
}

.match-chat__title {
  flex: none;
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid var(--ui-line-2);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
}

.match-chat__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.match-chat__body > .chat_holder {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.match-chat__body .chat_side {
  flex: 1 1 0;
  min-height: 0;
}
.match-chat__body .chat_container_outer_holder {
  position: relative;
  display: flex;
  flex: 1 1 0;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background-color: var(--ui-chat-bg);
}
.match-chat__body .chat_container {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  background-color: var(--ui-chat-bg);
}
.match-chat__body .chat_input_group {
  flex: none;
  border: 0;
  border-top: 1px solid var(--ui-line-2);
}

.chat-avatar {
  display: none;
}

.username_and_such .flairy_holder {
  margin-left: 4px;
}

body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message {
  position: relative;
  padding-left: 54px;
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message:not(.same_player_as_previous) {
  margin-top: 8px;
  min-height: 40px;
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message .username_and_such > .chat-stock-icon {
  display: none;
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message:not(.me_texted) .message_things {
  margin-left: 0;
  padding-left: 0;
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message .chat_message_reactions {
  margin-left: 0;
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message .chat-avatar {
  display: block;
  position: absolute;
  left: 10px;
  top: 4px;
  width: 34px;
  height: 34px;
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message .chat-avatar__picture {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  background: var(--uv-elevated-bg, #181b26);
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message .chat-avatar .chat-stock-icon.chat-avatar__stock {
  width: 100%;
  height: 100%;
  margin: 0;
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message .chat-avatar .chat-stock-icon.chat-avatar__badge {
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: 17px;
  height: 17px;
  margin: 0;
  padding: 1px;
  border-radius: 50%;
  background: var(--uv-bg, #12141c);
}
body.chat_style_modern .chat_container:not(.static) .chat_message.normal_message .chat-avatar--empty {
  box-sizing: border-box;
  border: 1px dashed var(--ui-line-2, rgba(255, 255, 255, 0.12));
  border-radius: 50%;
}

.match-dock-bar {
  position: fixed;
  z-index: 1030;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
  min-height: 60px;
  background: var(--ui-panel-head);
  border-top: 1px solid var(--ui-line-3);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.4);
}

.match-dock-bar__line {
  flex: 1;
  min-width: 0;
  padding: 0 16px;
}

.match-dock-bar--opens {
  cursor: pointer;
}

.match-dock-bar__dock {
  flex: none;
  display: flex;
  align-items: center;
  padding: 0 12px 0 10px;
}
.match-dock-bar__dock::before {
  content: "";
  width: 1px;
  height: 28px;
  margin-right: 10px;
  background: var(--ui-line-3);
}

.match-dock-bar:has(.match-status[data-turn=mine]) .match-dock-bar__dock {
  box-shadow: inset 0 3px var(--ui-accent);
}

.match-dock-bar:has(.match-status[data-turn=alert]) .match-dock-bar__dock {
  box-shadow: inset 0 3px var(--ui-warn);
}

.match-dock-bar__caret {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--ui-ink-2);
  font-size: 13px;
  cursor: pointer;
}
.match-dock-bar__caret:hover, a .match-dock-bar__caret.location:hover, .link .match-dock-bar__caret.location:hover, .match-dock-bar__caret[aria-expanded=true] {
  background: var(--ui-panel-2);
  color: var(--ui-ink);
}

.match-dock-bar__phone-link {
  display: none;
}

.match-sheet {
  position: fixed;
  z-index: 1029;
  right: 20px;
  bottom: 60px;
  width: min(820px, 100vw - 40px);
  height: min(640px, 100dvh - 60px - 84px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  border: 1px solid var(--ui-line-3);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  background: var(--ui-panel);
  box-shadow: 0 -10px 50px rgba(0, 0, 0, 0.6);
  cursor: auto;
}

.match-sheet__panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  border-right: 1px solid var(--ui-line-2);
  background: var(--uv-elevated-bg, #181b26);
}
.match-sheet__panel > .ranked-panel {
  flex: 1 0 auto;
  margin: 0;
  border: 0;
  border-radius: 0;
}

.match-sheet__chat {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: var(--ui-chat-bg);
}

body:has(.match-dock-bar):not(.unified-feed-active) #page_content {
  padding-bottom: 60px;
}
body:has(.match-dock-bar) #bottom_dock {
  bottom: 60px;
}
body:has(.match-dock-bar) .unified-feed-view {
  height: calc(100dvh - 60px - 60px);
}
body:has(.match-dock-bar):not(.dashboard-lg):not(.dashboard-md) .unified-feed-view {
  height: calc(100dvh - 60px);
}
body:has(.match-dock-bar) .notification-toast {
  bottom: 84px;
}
body:has(.match-dock-bar) #profiler.debug-panel {
  bottom: 72px;
}
body:has(.match-dock-bar):has(.match-sheet) #profiler.debug-panel {
  right: calc(min(820px, 100vw - 40px) + 32px);
}

@media (max-width: 720px) {
  .match-sheet,
  .match-dock-bar__dock {
    display: none;
  }
  .match-dock-bar--opens {
    cursor: auto;
  }
  .match-dock-bar__line {
    padding: 0 10px;
    gap: 8px;
  }
  .match-dock-bar__line .match-status__actions,
  .match-dock-bar__line .match-status__portrait {
    display: none;
  }
  .match-dock-bar__line .match-status__title {
    font-size: 13px;
  }
  .match-dock-bar__phone-link {
    flex: none;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border-left: 1px solid var(--ui-line-3);
    color: var(--ui-link);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
  }
}
.match-result {
  position: fixed;
  inset: 0;
  z-index: 2000;
  container: match-result/size;
  font-family: var(--ui-mono);
  color: var(--ui-ink);
  outline: none;
}

.match-result--contained {
  position: absolute;
  z-index: 1;
}

.match-result-score {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ui-ink-2);
  font-size: 14px;
}
.match-result-score b {
  color: var(--ui-ink);
  font-size: 16px;
}

.match-result-score__character {
  height: 22px;
}

.match-result-score__opponent {
  color: var(--ui-name-highlight);
}

@keyframes match-result-fade {
  from {
    opacity: 0;
  }
}
@keyframes match-result-pop {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
}
@keyframes match-result-rise {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.96);
  }
}
.match-result-card__overlay {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(5, 7, 10, 0.55);
  animation: match-result-fade calc(0.25s * var(--result-time, 1)) ease-out both;
}

.match-result-card {
  --tier: #cfd8e2;
  --tier-glow: rgba(207, 216, 226, 0.5);
  --result: var(--ui-good);
  position: relative;
  width: min(420px, 100%);
  overflow: hidden;
  border-radius: 14px;
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--tier) 16%, transparent), transparent 70%), var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
  animation: match-result-rise calc(0.45s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1.2) both;
}
.match-result-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--result);
}

.match-result-card--loss {
  --result: var(--ui-red);
}

.match-result-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 0;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
}

.match-result-card__close {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 0;
  background: var(--ui-surface);
  color: var(--ui-ink-2);
  font-size: 16px;
  cursor: pointer;
}

.match-result-card__result {
  text-align: center;
  padding: 4px 16px 0;
}
.match-result-card__result h1 {
  margin: 0;
  font-size: 40px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--result);
  animation: match-result-card-punch calc(0.5s * var(--result-time, 1)) calc(0.15s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1.4) both;
}
.match-result-card__result .match-result-score {
  margin-top: 8px;
}

.match-result-card__emblem {
  position: relative;
  width: 210px;
  height: 210px;
  margin: 14px auto 0;
}
.match-result-card__emblem svg {
  position: absolute;
  inset: 0;
  transform: rotate(-90deg);
}

.match-result-card__track {
  stroke: var(--ui-line-2);
}

.match-result-card__arc {
  stroke: transparent;
  transition: stroke calc(0.3s * var(--result-time, 1));
}

.match-result-card__arc--W {
  stroke: var(--ui-good);
}

.match-result-card__arc--L {
  stroke: var(--ui-red);
}

.match-result-card__fill {
  stroke: var(--tier);
  filter: drop-shadow(0 0 6px var(--tier-glow));
  transition: stroke calc(0.4s * var(--result-time, 1));
}

.match-result-card__badge {
  position: absolute;
  inset: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle, var(--tier-glow), transparent 65%);
}
.match-result-card__badge img {
  width: 150px;
  height: 150px;
  object-fit: contain;
}

.match-result-card__badge--pop img {
  animation: match-result-pop calc(0.6s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1.5) both;
}

.match-result-card__badge--drop img {
  animation: match-result-card-drop calc(0.6s * var(--result-time, 1)) ease-in both;
}

.match-result-card__mystery {
  filter: brightness(0) invert(0.25);
  opacity: 0.7;
}

.match-result-card__flash {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle, #fff, transparent 60%);
  opacity: 0;
  pointer-events: none;
  animation: match-result-card-flash calc(0.7s * var(--result-time, 1)) ease-out;
}

.match-result-card__delta {
  position: absolute;
  right: -6px;
  top: 18px;
  padding: 4px 10px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 15px;
  background: var(--ui-panel-2);
  border: 1px solid var(--ui-line-2);
  animation: match-result-card-delta calc(0.3s * var(--result-time, 1)) ease-out both;
}

.match-result-card__delta--up {
  color: var(--ui-good);
}

.match-result-card__delta--down {
  color: var(--ui-red);
}

.match-result-card__ribbon {
  height: 22px;
  margin-top: 6px;
  text-align: center;
}
.match-result-card__ribbon span {
  display: inline-block;
  padding: 2px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0a0d12;
  background: var(--tier);
  animation: match-result-card-ribbon calc(0.45s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1.3) both;
}
.match-result-card__ribbon .match-result-card__ribbon-muted {
  background: transparent;
  color: var(--ui-red);
  border: 1px solid color-mix(in srgb, var(--ui-red) 50%, transparent);
}

.match-result-card__standing {
  text-align: center;
  padding: 2px 16px 0;
}
.match-result-card__standing h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  color: var(--tier);
}
.match-result-card__standing .match-result-card__placing {
  color: var(--ui-ink);
}

.match-result-card__points {
  margin-top: 2px;
  color: var(--ui-ink-2);
  font-variant-numeric: tabular-nums;
}
.match-result-card__points b {
  color: var(--ui-ink);
  font-size: 18px;
}

.match-result-card__bonus {
  margin-top: 4px;
  font-size: 12px;
  color: var(--ui-other);
}

.match-result-card__note {
  margin-top: 6px;
  color: var(--ui-ink-2);
}

.match-result-card__divisions {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 10px;
}
.match-result-card__divisions i {
  font-style: normal;
  font-size: 11px;
  min-width: 34px;
  padding: 2px 0;
  text-align: center;
  border-radius: 10px;
  color: var(--ui-ink-3);
  border: 1px solid var(--ui-line-2);
}
.match-result-card__divisions .match-result-card__division-on {
  color: #0a0d12;
  background: var(--tier);
  border-color: transparent;
}

.match-result-card__actions {
  display: flex;
  gap: 10px;
  padding: 20px 16px 16px;
}
.match-result-card__actions button {
  flex: 1;
  font: inherit;
  font-weight: 500;
  padding: 11px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid var(--ui-line-2);
  background: transparent;
  color: var(--ui-ink);
}
.match-result-card__actions .match-result-card__primary {
  background: var(--site-button, #0a6ebd);
  border-color: transparent;
  color: #fff;
}

@keyframes match-result-card-punch {
  from {
    opacity: 0;
    transform: scale(1.6);
    letter-spacing: 0.3em;
  }
}
@keyframes match-result-card-flash {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  25% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
    transform: scale(1.4);
  }
}
@keyframes match-result-card-drop {
  to {
    transform: translateY(30px) scale(0.8);
    opacity: 0;
    filter: grayscale(1);
  }
}
@keyframes match-result-card-ribbon {
  from {
    opacity: 0;
    transform: scaleX(0.2);
  }
}
@keyframes match-result-card-delta {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
.match-result-arcade {
  --result: #ffb020;
  --result-2: #ff6a3d;
  --tier: #cfd8e2;
  --tier-glow: rgba(207, 216, 226, 0.5);
  position: absolute;
  inset: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  cursor: pointer;
  color: #e7ecf3;
  background: repeating-linear-gradient(-12deg, transparent 0 46px, rgba(255, 255, 255, 0.018) 46px 48px), radial-gradient(90% 60% at 20% 10%, color-mix(in srgb, var(--result) 22%, transparent), transparent 70%), radial-gradient(70% 60% at 90% 100%, color-mix(in srgb, var(--tier) 16%, transparent), transparent 70%), #07090d;
  animation: match-result-arcade-wipe calc(0.5s * var(--result-time, 1)) cubic-bezier(0.7, 0, 0.2, 1) both;
}

.match-result-arcade--loss {
  --result: #5f7fa8;
  --result-2: #ef4565;
}

.match-result-arcade--shake {
  animation: match-result-arcade-shake calc(0.4s * var(--result-time, 1)) linear;
}

.match-result-arcade__band {
  position: relative;
  margin-top: clamp(24px, 6cqh, 64px);
  height: clamp(110px, 20cqh, 180px);
}
.match-result-arcade__band::before {
  content: "";
  position: absolute;
  inset: 0 -10%;
  transform: skewY(-4deg);
  transform-origin: left;
  background: linear-gradient(90deg, var(--result), var(--result-2));
  box-shadow: 0 0 60px color-mix(in srgb, var(--result) 50%, transparent);
  animation: match-result-arcade-band calc(0.45s * var(--result-time, 1)) calc(0.15s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.2, 1) both;
}
.match-result-arcade__band h1 {
  position: relative;
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(64px, 13cqw, 168px);
  font-style: italic;
  font-weight: 900;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #0a0d12;
  transform: skewY(-4deg);
  animation: match-result-arcade-slam calc(0.5s * var(--result-time, 1)) calc(0.35s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1.3) both;
}

.match-result-arcade--loss .match-result-arcade__band h1 {
  color: #e7ecf3;
}

.match-result-arcade__players {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: clamp(16px, 4cqw, 60px);
  padding: 0 clamp(16px, 6cqw, 100px);
}

.match-result-arcade__player {
  display: flex;
  align-items: center;
  gap: 18px;
  animation: match-result-arcade-from-left calc(0.5s * var(--result-time, 1)) calc(0.55s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1) both;
}
.match-result-arcade__player strong {
  display: block;
  font-size: clamp(18px, 2.2cqw, 28px);
  color: var(--ui-name-highlight, #ffeb3b);
}
.match-result-arcade__player small {
  color: #5f6b7c;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.match-result-arcade__player--theirs {
  flex-direction: row-reverse;
  text-align: right;
  animation-name: match-result-arcade-from-right;
}

.match-result-arcade__portrait {
  width: 116px;
  height: 76px;
  flex: none;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.06);
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.match-result-arcade__portrait img {
  width: 87px;
  image-rendering: pixelated;
}

.match-result-arcade__player--winner .match-result-arcade__portrait {
  border-color: var(--result);
  box-shadow: 0 0 20px color-mix(in srgb, var(--result) 50%, transparent);
}

.match-result-arcade__player--loser {
  opacity: 0.55;
}
.match-result-arcade__player--loser .match-result-arcade__portrait img {
  filter: grayscale(0.8);
}

.match-result-arcade__score {
  font-size: clamp(48px, 7cqw, 88px);
  font-weight: 900;
  font-style: italic;
  color: #fff;
  font-variant-numeric: tabular-nums;
  animation: match-result-pop calc(0.4s * var(--result-time, 1)) calc(0.7s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1.5) both;
}
.match-result-arcade__score span {
  color: #3a4453;
  margin: 0 0.15em;
}

.match-result-arcade__rank {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 28px;
  padding: 0 clamp(16px, 6cqw, 100px) 12px;
  animation: match-result-arcade-up calc(0.5s * var(--result-time, 1)) calc(0.8s * var(--result-time, 1)) ease-out both;
}

.match-result-arcade__emblem {
  width: 150px;
  height: 150px;
  position: relative;
  display: grid;
  place-items: center;
}
.match-result-arcade__emblem::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--tier-glow), transparent 65%);
}
.match-result-arcade__emblem img {
  position: relative;
  width: 150px;
}

.match-result-arcade__emblem--falling img {
  animation: match-result-arcade-fall calc(0.5s * var(--result-time, 1)) ease-in both;
}

.match-result-arcade__mystery {
  filter: brightness(0) invert(0.22);
}

.match-result-arcade__label {
  display: flex;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
}
.match-result-arcade__label h2 {
  margin: 0;
  font-size: clamp(28px, 3.4cqw, 44px);
  font-weight: 900;
  font-style: italic;
  color: var(--tier);
  text-transform: uppercase;
}
.match-result-arcade__label .match-result-arcade__placing {
  color: #e7ecf3;
}

.match-result-arcade__points {
  font-size: 20px;
  color: #9aa6b8;
  font-variant-numeric: tabular-nums;
}
.match-result-arcade__points b {
  color: #fff;
}

.match-result-arcade__to-go {
  margin-left: auto;
  font-size: 20px;
  color: #9aa6b8;
}

.match-result-arcade__bonus {
  font-size: 14px;
  color: var(--ui-other);
}

.match-result-arcade__delta {
  margin-left: auto;
  font-size: clamp(28px, 3.4cqw, 44px);
  font-weight: 900;
  font-style: italic;
  font-variant-numeric: tabular-nums;
}

.match-result-arcade__delta--up {
  color: var(--ui-good);
}

.match-result-arcade__delta--down {
  color: var(--ui-red);
}

.match-result-arcade__meter {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  transform: skewX(-14deg);
}

.match-result-arcade__block {
  position: relative;
  flex: 1;
  height: 26px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  overflow: hidden;
}
.match-result-arcade__block i {
  position: absolute;
  inset: 0 auto 0 0;
}
.match-result-arcade__block span {
  position: absolute;
  right: 8px;
  top: 3px;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  transform: skewX(14deg);
  mix-blend-mode: difference;
}

.match-result-arcade__trail {
  background: #fff;
  opacity: 0.85;
}

.match-result-arcade__block--dropping .match-result-arcade__trail {
  background: var(--ui-red);
}

.match-result-arcade__fill {
  background: linear-gradient(90deg, color-mix(in srgb, var(--tier) 65%, #000), var(--tier));
  box-shadow: 0 0 14px var(--tier-glow);
}

.match-result-arcade__slots {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}

.match-result-arcade__slot {
  flex: 1;
  height: 54px;
  display: grid;
  place-items: center;
  transform: skewX(-14deg);
  border: 2px dashed rgba(255, 255, 255, 0.2);
  font-size: 26px;
  font-weight: 900;
  font-style: italic;
  color: #3a4453;
}

.match-result-arcade__slot--W {
  border: 2px solid var(--ui-good);
  background: color-mix(in srgb, var(--ui-good) 18%, transparent);
  color: var(--ui-good);
}

.match-result-arcade__slot--L {
  border: 2px solid var(--ui-red);
  background: color-mix(in srgb, var(--ui-red) 16%, transparent);
  color: var(--ui-red);
}

.match-result-arcade__slot--stamp {
  animation: match-result-arcade-stamp calc(0.35s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1.5) both;
}

.match-result-arcade__continue {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 16px 20px;
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #5f6b7c;
}
.match-result-arcade__continue > span {
  animation: match-result-arcade-blink calc(1.6s * var(--result-time, 1)) calc(2s * var(--result-time, 1)) infinite;
}
.match-result-arcade__continue::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: var(--result);
  transform-origin: left;
  animation: match-result-arcade-countdown calc(10s * var(--result-time, 1)) linear both;
}

.match-result-arcade__close {
  position: absolute;
  right: 16px;
  font: inherit;
  letter-spacing: normal;
  text-transform: none;
  padding: 6px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #9aa6b8;
  cursor: pointer;
}

.match-result-arcade__burst {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  background: rgba(4, 5, 8, 0.82);
  animation: match-result-fade calc(0.25s * var(--result-time, 1)) ease-out both;
}
.match-result-arcade__burst img {
  position: relative;
  width: 260px;
  animation: match-result-pop calc(0.6s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1.5) both;
}
.match-result-arcade__burst small {
  position: relative;
  font-size: 18px;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #9aa6b8;
}
.match-result-arcade__burst strong {
  position: relative;
  font-size: clamp(44px, 7cqw, 84px);
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  color: var(--tier);
  text-shadow: 0 0 30px var(--tier-glow);
  animation: match-result-arcade-slam calc(0.5s * var(--result-time, 1)) calc(0.15s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1.3) both;
}

.match-result-arcade__burst--leaving {
  animation: match-result-arcade-out calc(0.35s * var(--result-time, 1)) ease-in both;
}

.match-result-arcade__burst--demoted {
  background: radial-gradient(circle, rgba(239, 69, 101, 0.15), rgba(4, 5, 8, 0.9) 60%);
}
.match-result-arcade__burst--demoted .match-result-arcade__rays {
  display: none;
}

.match-result-arcade__rays {
  position: absolute;
  width: 1400px;
  height: 1400px;
  left: calc(50% - 700px);
  top: calc(50% - 760px);
  background: repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--tier) 30%, transparent) 0 6deg, transparent 6deg 18deg);
  mask: radial-gradient(circle, #000 10%, transparent 55%);
  animation: match-result-arcade-spin 12s linear infinite;
}

@container match-result (max-width: 700px) {
  .match-result-arcade__players {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 8px;
  }
  .match-result-arcade__player,
  .match-result-arcade__player--theirs {
    flex-direction: row;
    text-align: left;
  }
  .match-result-arcade__portrait {
    width: 70px;
    height: 46px;
  }
  .match-result-arcade__portrait img {
    width: 58px;
  }
  .match-result-arcade__rank {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 4px;
  }
  .match-result-arcade__emblem,
  .match-result-arcade__emblem img {
    width: 110px;
    height: 110px;
  }
  .match-result-arcade__detail {
    width: 100%;
  }
  .match-result-arcade__close {
    display: none;
  }
}
@keyframes match-result-arcade-wipe {
  from {
    clip-path: polygon(0 0, 0 0, -20% 100%, -20% 100%);
  }
  to {
    clip-path: polygon(0 0, 120% 0, 100% 100%, -20% 100%);
  }
}
@keyframes match-result-arcade-band {
  from {
    transform: skewY(-4deg) scaleX(0);
  }
}
@keyframes match-result-arcade-slam {
  from {
    opacity: 0;
    transform: skewY(-4deg) translateX(-30%) scale(1.4);
  }
}
@keyframes match-result-arcade-from-left {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }
}
@keyframes match-result-arcade-from-right {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
}
@keyframes match-result-arcade-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
}
@keyframes match-result-arcade-stamp {
  from {
    opacity: 0;
    transform: skewX(-14deg) scale(1.8);
  }
}
@keyframes match-result-arcade-blink {
  50% {
    opacity: 0.35;
  }
}
@keyframes match-result-arcade-countdown {
  to {
    transform: scaleX(0);
  }
}
@keyframes match-result-arcade-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes match-result-arcade-out {
  to {
    opacity: 0;
  }
}
@keyframes match-result-arcade-fall {
  to {
    transform: translateY(40px) rotate(8deg);
    opacity: 0;
    filter: grayscale(1);
  }
}
@keyframes match-result-arcade-shake {
  20% {
    transform: translate(-6px, 2px);
  }
  40% {
    transform: translate(5px, -3px);
  }
  60% {
    transform: translate(-4px, 1px);
  }
  80% {
    transform: translate(3px, 0);
  }
}
.match-result-ladder__scrim {
  position: absolute;
  inset: 0;
  background: rgba(5, 7, 10, 0.45);
  animation: match-result-fade calc(0.3s * var(--result-time, 1)) both;
}

.match-result-ladder {
  --tier: #cfd8e2;
  --tier-glow: rgba(207, 216, 226, 0.5);
  --result: var(--ui-good);
  --rails-left: 190px;
  --rails-width: 180px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(440px, 100%);
  display: flex;
  flex-direction: column;
  background: var(--ui-panel);
  border-left: 1px solid var(--ui-line-2);
  box-shadow: -30px 0 60px rgba(0, 0, 0, 0.5);
  animation: match-result-ladder-slide calc(0.45s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1) both;
}

.match-result-ladder--loss {
  --result: var(--ui-red);
}

.match-result-ladder__head {
  position: relative;
  z-index: 2;
  padding: 18px 20px 14px;
  background: var(--ui-panel);
  border-bottom: 1px solid var(--ui-line);
}
.match-result-ladder__head::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--result);
}
.match-result-ladder__head h1 {
  margin: 0 0 2px;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--result);
}

.match-result-ladder__close {
  position: absolute;
  top: 16px;
  right: 14px;
  border: 0;
  background: var(--ui-surface);
  color: var(--ui-ink-2);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
}

.match-result-ladder__viewport {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background: radial-gradient(60% 50% at 62% 50%, color-mix(in srgb, var(--tier) 12%, transparent), transparent 75%);
}
.match-result-ladder__viewport::before, .match-result-ladder__viewport::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 60px;
  z-index: 2;
  pointer-events: none;
}
.match-result-ladder__viewport::before {
  top: 0;
  background: linear-gradient(var(--ui-panel), transparent);
}
.match-result-ladder__viewport::after {
  bottom: 0;
  background: linear-gradient(transparent, var(--ui-panel));
}

.match-result-ladder__ladder {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transition: filter calc(1s * var(--result-time, 1)) ease-out;
}

.match-result-ladder__ladder--fog {
  filter: blur(5px) brightness(0.6);
}

.match-result-ladder__rail {
  position: absolute;
  width: 8px;
  border-radius: 4px;
  opacity: 0.55;
  background: linear-gradient(var(--rail), color-mix(in srgb, var(--rail) 45%, #000));
}

.match-result-ladder__rail--left {
  left: var(--rails-left);
}

.match-result-ladder__rail--right {
  left: calc(var(--rails-left) + var(--rails-width) - 8px);
}

.match-result-ladder__rung {
  position: absolute;
  left: calc(var(--rails-left) + 4px);
  width: calc(var(--rails-width) - 8px);
  height: 6px;
  margin-top: -3px;
  border-radius: 3px;
  background: var(--ui-ink-4);
}

.match-result-ladder__rung--tier {
  height: 8px;
  margin-top: -4px;
  background: var(--rail);
}

.match-result-ladder__label {
  position: absolute;
  left: 0;
  width: calc(var(--rails-left) - 12px);
  text-align: right;
  transform: translateY(-50%);
  font-size: 13px;
  color: var(--ui-ink-3);
}

.match-result-ladder__label--current {
  color: var(--tier);
  font-size: 17px;
  font-weight: 700;
}

.match-result-ladder__edge {
  position: absolute;
  left: calc(var(--rails-left) - 58px);
  transform: translateY(-50%);
}
.match-result-ladder__edge img {
  width: 48px;
  display: block;
}

.match-result-ladder__edge--hit img {
  animation: match-result-ladder-hit calc(0.8s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1.6);
}

.match-result-ladder__marker {
  position: absolute;
  left: calc(var(--rails-left) + var(--rails-width) / 2 - 26px);
  width: 52px;
  height: 52px;
  margin-top: -26px;
  z-index: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--ui-panel-2);
  border: 3px solid var(--tier);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.4), 0 0 24px var(--tier-glow);
}
.match-result-ladder__marker img {
  width: 40px;
  image-rendering: pixelated;
  border-radius: 4px;
}

.match-result-ladder__marker--mystery {
  border-color: var(--ui-ink-3);
  box-shadow: none;
}
.match-result-ladder__marker--mystery::after {
  content: "?";
  position: absolute;
  font-size: 26px;
  font-weight: 900;
  color: var(--ui-ink-2);
}
.match-result-ladder__marker--mystery img {
  opacity: 0;
}

.match-result-ladder__marker--landed {
  animation: match-result-ladder-land calc(0.5s * var(--result-time, 1)) cubic-bezier(0.3, 1.6, 0.5, 1);
}

.match-result-ladder__tag {
  position: absolute;
  left: 60px;
  white-space: nowrap;
  padding: 2px 8px;
  border-radius: 10px;
  background: #0a0d12;
  border: 1px solid var(--ui-line-2);
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #e7ecf3;
}

.match-result-ladder__up {
  color: var(--ui-good);
}

.match-result-ladder__down {
  color: var(--ui-red);
}

.match-result-ladder__start {
  position: absolute;
  left: calc(var(--rails-left) + var(--rails-width) / 2 - 14px);
  width: 28px;
  height: 28px;
  margin-top: -14px;
  border-radius: 50%;
  border: 2px dashed var(--ui-ink-3);
  opacity: 0.7;
}

.match-result-ladder__trail {
  position: absolute;
  left: calc(var(--rails-left) + var(--rails-width) / 2 - 2px);
  width: 4px;
  border-radius: 2px;
}

.match-result-ladder__trail--up {
  background: linear-gradient(var(--ui-good), transparent);
}

.match-result-ladder__trail--down {
  background: linear-gradient(transparent, var(--ui-red));
}

.match-result-ladder__callout {
  position: absolute;
  left: 50%;
  top: 18px;
  z-index: 3;
  transform: translateX(-50%);
  padding: 6px 16px;
  border-radius: 6px;
  white-space: nowrap;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0a0d12;
  background: var(--tier);
  box-shadow: 0 0 30px var(--tier-glow);
  animation: match-result-ladder-callout calc(0.45s * var(--result-time, 1)) cubic-bezier(0.2, 0.9, 0.3, 1.4) both;
}

.match-result-ladder__callout--down {
  background: color-mix(in srgb, var(--ui-red) 12%, var(--ui-panel));
  color: var(--ui-red);
  border: 1px solid color-mix(in srgb, var(--ui-red) 50%, transparent);
  box-shadow: none;
}

.match-result-ladder__foot {
  position: relative;
  z-index: 2;
  padding: 14px 20px 18px;
  border-top: 1px solid var(--ui-line);
  background: var(--ui-panel);
}

.match-result-ladder__summary {
  display: flex;
  align-items: baseline;
  gap: 10px;
  color: var(--ui-ink-2);
  font-variant-numeric: tabular-nums;
}
.match-result-ladder__summary h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  color: var(--tier);
}
.match-result-ladder__summary b {
  color: var(--ui-ink);
}
.match-result-ladder__summary .match-result-ladder__placing {
  color: var(--ui-ink);
}

.match-result-ladder__bonus {
  margin-left: auto;
  color: var(--ui-other);
  font-size: 12px;
}

.match-result-ladder__sets {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}
.match-result-ladder__sets i {
  flex: 1;
  height: 8px;
  border-radius: 4px;
  background: var(--ui-line-2);
}
.match-result-ladder__sets .match-result-ladder__set--W {
  background: var(--ui-good);
}
.match-result-ladder__sets .match-result-ladder__set--L {
  background: var(--ui-red);
}

.match-result-ladder__actions {
  display: flex;
  gap: 10px;
  margin-top: 14px;
}
.match-result-ladder__actions button {
  flex: 1;
  font: inherit;
  font-weight: 500;
  padding: 11px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid var(--ui-line-2);
  background: transparent;
  color: var(--ui-ink);
}
.match-result-ladder__actions .match-result-ladder__primary {
  background: var(--site-button, #0a6ebd);
  border-color: transparent;
  color: #fff;
}

@container match-result (max-width: 480px) {
  .match-result-ladder {
    --rails-left: 140px;
    --rails-width: calc(100% - 176px);
  }
  .match-result-ladder__label {
    font-size: 12px;
  }
  .match-result-ladder__edge {
    left: calc(var(--rails-left) - 44px);
  }
  .match-result-ladder__edge img {
    width: 34px;
  }
}
@keyframes match-result-ladder-slide {
  from {
    transform: translateX(100%);
  }
}
@keyframes match-result-ladder-hit {
  40% {
    transform: scale(1.6);
    filter: drop-shadow(0 0 16px #fff);
  }
}
@keyframes match-result-ladder-land {
  0% {
    transform: scaleY(0.7) scaleX(1.2);
  }
}
@keyframes match-result-ladder-callout {
  from {
    opacity: 0;
    transform: translateX(-50%) scale(0.4);
  }
}
.match-result-lab {
  padding: 16px;
  color: var(--ui-ink);
}

.match-result-lab__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  margin-bottom: 18px;
  padding: 12px 16px;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
}
.match-result-lab__controls h1 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.match-result-lab__controls fieldset {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.match-result-lab__controls legend {
  float: left;
  width: auto;
  margin: 0 4px 0 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  color: var(--ui-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.match-result-lab__choice,
.match-result-lab__field {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
  color: var(--ui-ink);
  cursor: pointer;
}
.match-result-lab__choice input[type=radio],
.match-result-lab__choice input[type=checkbox],
.match-result-lab__field input[type=radio],
.match-result-lab__field input[type=checkbox] {
  position: static;
  opacity: 1;
  pointer-events: auto;
  margin: 0;
}

.match-result-lab__field select {
  display: block;
  height: auto;
  padding: 4px 6px;
  color: var(--ui-ink);
  background: var(--ui-panel-2);
  border: 1px solid var(--ui-line-2);
  border-radius: 4px;
}
.match-result-lab__field span {
  font-size: 12px;
  color: var(--ui-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.match-result-lab__replay-all,
.match-result-lab__replay {
  padding: 6px 14px;
  font: inherit;
  color: #fff;
  background: var(--site-button, #0a6ebd);
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}

.match-result-lab__frames {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.match-result-lab__frame {
  margin: 0;
}
.match-result-lab__frame figcaption {
  margin-top: 6px;
  font-size: 13px;
  color: var(--ui-ink-2);
}

.match-result-lab__viewport {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ui-line-2);
  border-radius: 6px;
  background: var(--ui-page);
}

.match-result-lab__page {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
  background: repeating-linear-gradient(transparent 0 60px, var(--ui-line) 60px 61px), var(--ui-page);
}

.match-result-lab__replay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.home-match-column {
  position: sticky;
  top: 75px;
  height: calc(100dvh - 150px);
  min-height: 480px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--ui-line-3);
  border-radius: 12px;
  overflow: hidden;
  background: var(--ui-panel);
}
.home-match-column:focus {
  outline: none;
}
.home-match-column:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 2px;
}

.home-match-column__panel {
  flex: 0 1 auto;
  max-height: 64%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: auto;
  border-bottom: 1px solid var(--ui-line-2);
  background: var(--uv-elevated-bg, #181b26);
}
.home-match-column__panel > .ranked-panel {
  flex: 1 0 auto;
  margin: 0;
  border: 0;
  border-radius: 0;
}

.home-match-column__chat {
  flex: 1 1 0;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  background: var(--ui-chat-bg);
}

.dispute-box {
  --db-link: #18c5f0;
  --db-alert: #ffb020;
  --db-good: #36d399;
  --db-line: var(--uv-border, #2b3042);
  --db-surface: var(--uv-field-bg, #1e2230);
  --db-ink: var(--uv-text, #e2e0e0);
  --db-ink-strong: var(--uv-text-strong, #fff);
  --db-ink-dim: var(--uv-text-dim, #a3a8b8);
  --db-ink-muted: var(--uv-text-muted, #6b7185);
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 12px;
  padding: 14px;
  border: 1px solid var(--db-line);
  border-radius: 6px;
  background: var(--uv-elevated-bg, #181b26);
  color: var(--db-ink);
  font-size: 14px;
}

.dispute-box__instructions {
  margin: 0;
  color: var(--db-ink-dim);
  font-size: 13px;
}

.dispute-box__reasons {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: var(--db-alert);
}
.dispute-box__reasons:empty {
  display: none;
}

.dispute-box__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dispute-box__action {
  padding: 7px 12px;
  border: 1px solid var(--db-line);
  border-radius: 6px;
  background: var(--db-surface);
  color: var(--db-ink);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.dispute-box__action:hover, a .dispute-box__action.location:hover, .link .dispute-box__action.location:hover {
  background: var(--db-surface);
  color: var(--db-ink);
}
.dispute-box__action:hover:not(:disabled) {
  border-color: var(--db-link);
}
.dispute-box__action:disabled {
  cursor: default;
  opacity: 0.5;
}
.dispute-box__action.is-selected {
  border-color: var(--db-link);
  background: rgba(24, 197, 240, 0.1);
  color: var(--db-ink-strong);
  opacity: 1;
}

.dispute-box__reason {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--db-line);
  border-radius: 6px;
}
.dispute-box__reason.is-needed {
  border-color: var(--db-alert);
  background: rgba(255, 176, 32, 0.06);
}

.dispute-box__label {
  color: var(--db-ink-dim);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.is-needed > .dispute-box__label {
  color: var(--db-alert);
}

.dispute-box__textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 72px;
  padding: 8px 10px;
  border: 1px solid var(--db-line);
  border-radius: 6px;
  background: var(--db-surface);
  color: var(--db-ink);
  font: inherit;
  resize: vertical;
}
.dispute-box__textarea::placeholder {
  color: var(--db-ink-muted);
}
.dispute-box__textarea:focus {
  border-color: var(--db-link);
  outline: none;
}

.dispute-box__reason-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.dispute-box__saved {
  margin-right: auto;
  color: var(--db-good);
  font-size: 13px;
}

.dispute-box__save {
  padding: 7px 14px;
  border: 1px solid var(--db-link);
  border-radius: 6px;
  background: var(--db-link);
  color: #061218;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.dispute-box__save:hover, a .dispute-box__save.location:hover, .link .dispute-box__save.location:hover {
  background: #46d3f5;
  color: #061218;
}
.dispute-box__save:disabled {
  border-color: var(--db-line);
  background: var(--db-surface);
  color: var(--db-ink-muted);
  cursor: default;
}

.unified-feed-view .notification-permission-ask {
  flex: none;
  position: relative;
  height: 0;
  z-index: 20;
}
.unified-feed-view .notification-permission-ask__card {
  position: absolute;
  top: 8px;
  left: 50%;
  width: min(720px, 100% - 24px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 10px 12px 10px 16px;
  background: var(--uv-elevated-bg);
  border: 1px solid var(--uv-gold-line);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  color: var(--uv-text-dim);
  font-size: 13px;
  transform: translateX(-50%);
  animation: notification-permission-ask-slide-in 0.3s ease-out;
}
.unified-feed-view .notification-permission-ask__card b {
  color: var(--uv-text-strong);
}
@media (prefers-reduced-motion: reduce) {
  .unified-feed-view .notification-permission-ask__card {
    animation: none;
  }
}
@keyframes notification-permission-ask-slide-in {
  from {
    opacity: 0;
    transform: translate(-50%, -12px);
  }
}
.unified-feed-view .notification-permission-ask__text {
  flex: 1;
  min-width: 0;
}
.unified-feed-view .notification-permission-ask__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.unified-feed-view .notification-permission-ask__accept,
.unified-feed-view .notification-permission-ask__decline {
  padding: 6px 14px;
  border-radius: 16px;
  font-weight: 700;
  cursor: pointer;
}
.unified-feed-view .notification-permission-ask__accept {
  border: 1.5px solid var(--uv-gold);
  background: var(--uv-gold);
  color: #1a1500;
}
.unified-feed-view .notification-permission-ask__decline {
  border: 1.5px solid var(--uv-border-strong);
  background: transparent;
  color: var(--uv-text);
}
.unified-feed-view .notification-permission-ask__dismiss {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--uv-text-dim);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.unified-feed-view .notification-permission-ask__dismiss:hover, .unified-feed-view .notification-permission-ask__dismiss:focus-visible {
  background: var(--uv-field-bg);
  color: var(--uv-text-strong);
}
@media (max-width: 767px) {
  .unified-feed-view .notification-permission-ask__text {
    flex-basis: 100%;
  }
}

.connection-notice {
  position: fixed;
  z-index: 2000;
  display: flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  color: #e2e0e0;
  font-size: 13px;
  line-height: 1.3;
  pointer-events: none;
}
.connection-notice--pill {
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  max-width: calc(100% - 32px);
  padding: 6px 14px;
  border: 1px solid #3a4059;
  border-radius: 999px;
  background: #181b26;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
  animation: connection-notice-in 0.2s ease-out;
}
.connection-notice--banner {
  top: 0;
  left: 0;
  right: 0;
  justify-content: center;
  padding: 5px 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .connection-notice--banner {
    top: 60px;
  }
}
.connection-notice--banner.connection-notice--warning {
  background: #181b26;
  border-bottom: 1px solid rgba(245, 197, 24, 0.45);
  color: #f5c518;
}
.connection-notice--banner.connection-notice--error {
  background: #ef4565;
  color: #fff;
  font-weight: 600;
  pointer-events: auto;
}
.connection-notice--pill.connection-notice--warning {
  border-color: rgba(245, 197, 24, 0.45);
  color: #f5c518;
}
.connection-notice__spinner {
  flex: none;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: connection-notice-spin 0.8s linear infinite;
}
.connection-notice__icon {
  flex: none;
}
.connection-notice__reload {
  flex: none;
  padding: 2px 10px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font-size: 12px;
  font-weight: 600;
}
.connection-notice__reload:hover, a .connection-notice__reload.location:hover, .link .connection-notice__reload.location:hover {
  background: rgba(255, 255, 255, 0.15);
}

@keyframes connection-notice-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes connection-notice-in {
  from {
    opacity: 0;
    transform: translate(-50%, 8px);
  }
}
[data-theme=light] .connection-notice {
  color: var(--ui-ink);
}
[data-theme=light] .connection-notice--pill {
  border-color: var(--ui-line-2);
  background: var(--ui-bg);
  box-shadow: 0 4px 16px rgba(31, 39, 51, 0.16);
}
[data-theme=light] .connection-notice--banner.connection-notice--warning {
  background: var(--ui-header);
  border-bottom-color: color-mix(in srgb, var(--ui-warn) 45%, transparent);
  color: var(--ui-warn);
}
[data-theme=light] .connection-notice--banner.connection-notice--error {
  background: var(--ui-red);
  color: var(--ui-on-accent);
}
[data-theme=light] .connection-notice--pill.connection-notice--warning {
  border-color: color-mix(in srgb, var(--ui-warn) 45%, transparent);
  color: var(--ui-warn);
}

.location-guess-prompt {
  position: fixed;
  z-index: 1500;
  top: 8px;
  left: 50%;
  width: min(720px, 100% - 24px);
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .location-guess-prompt {
    top: 68px;
  }
}

.location-guess-prompt__card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 10px 12px 10px 16px;
  background: #181b26;
  border: 1px solid rgba(245, 197, 24, 0.45);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  color: #a3a8b8;
  font-size: 13px;
  animation: location-guess-prompt-slide-in 0.3s ease-out;
}
.location-guess-prompt__card b {
  color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .location-guess-prompt__card {
    animation: none;
  }
}

@keyframes location-guess-prompt-slide-in {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
}
.location-guess-prompt__text {
  flex: 1;
  min-width: 0;
}

.location-guess-prompt__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.location-guess-prompt__confirm,
.location-guess-prompt__change {
  padding: 6px 14px;
  border-radius: 16px;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}

.location-guess-prompt__confirm {
  border: 1.5px solid #f5c518;
  background: #f5c518;
  color: #1a1500;
}

.location-guess-prompt .location-guess-prompt__change {
  border: 1.5px solid #3a4059;
  background: transparent;
  color: #e2e0e0;
  text-decoration: none;
}
.location-guess-prompt .location-guess-prompt__change:hover, .location-guess-prompt .location-guess-prompt__change:focus-visible {
  color: #fff;
  text-decoration: none;
}

.location-guess-prompt__dismiss {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #a3a8b8;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.location-guess-prompt__dismiss:hover, a .location-guess-prompt__dismiss.location:hover, .link .location-guess-prompt__dismiss.location:hover, .location-guess-prompt__dismiss:focus-visible {
  background: #1e2230;
  color: #fff;
}

@media (max-width: 767px) {
  .location-guess-prompt__text {
    flex-basis: 100%;
  }
}
.email-notice {
  position: fixed;
  z-index: 1500;
  bottom: 16px;
  left: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  width: min(720px, 100% - 24px);
  padding: 10px 12px 10px 14px;
  transform: translateX(-50%);
  background: #181b26;
  border: 1px solid rgba(245, 197, 24, 0.55);
  border-left-width: 4px;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  color: #a3a8b8;
  font-size: 13px;
  line-height: 1.4;
  animation: email-notice-slide-in 0.3s ease-out;
}
.email-notice b {
  color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .email-notice {
    animation: none;
  }
}

.email-notice--confirmed {
  border-color: rgba(70, 200, 120, 0.6);
}

@keyframes email-notice-slide-in {
  from {
    opacity: 0;
    transform: translate(-50%, 12px);
  }
}
.email-notice__icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(245, 197, 24, 0.15);
  color: #f5c518;
  font-size: 15px;
}
.email-notice--confirmed .email-notice__icon {
  background: rgba(70, 200, 120, 0.15);
  color: #46c878;
}

.email-notice__text {
  flex: 1;
  min-width: 200px;
}

.email-notice__error {
  margin-top: 4px;
  color: #ff7b7b;
}

.email-notice__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.email-notice__resend,
.email-notice__change {
  padding: 6px 14px;
  border-radius: 16px;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
  cursor: pointer;
}

.email-notice__resend {
  border: 1.5px solid #f5c518;
  background: #f5c518;
  color: #1a1500;
}
.email-notice__resend:disabled {
  opacity: 0.6;
  cursor: default;
}

.email-notice .email-notice__change {
  border: 1.5px solid #3a4059;
  background: transparent;
  color: #e2e0e0;
  text-decoration: none;
}
.email-notice .email-notice__change:hover {
  border-color: #5a6080;
  color: #fff;
}

.email-notice__dismiss {
  margin-left: auto;
  padding: 0 6px;
  border: 0;
  background: transparent;
  color: #a3a8b8;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.email-notice__dismiss:hover, a .email-notice__dismiss.location:hover, .link .email-notice__dismiss.location:hover {
  color: #fff;
}

.client-download-link {
  color: var(--uv-gold);
  font-weight: 700;
  white-space: nowrap;
}
.client-download-link:hover, a .client-download-link.location:hover, .link .client-download-link.location:hover, .client-download-link:focus-visible {
  color: var(--uv-gold-soft);
}
.client-download-link--soon {
  color: var(--uv-text-muted);
  font-weight: 600;
}

.game-client-note {
  font-size: 12px;
  color: var(--uv-text-dim);
}

.game-client-note__line {
  margin: 0;
}

.search-client-prompt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 8px 16px 0;
  padding: 10px 12px 10px 16px;
  background: var(--uv-elevated-bg);
  border: 1px solid var(--uv-gold-line);
  border-radius: 10px;
  color: var(--uv-text-dim);
  font-size: 13px;
}
.search-client-prompt b {
  color: var(--uv-text-strong);
}

.search-client-prompt__text {
  flex: 1;
  min-width: 0;
}

.search-client-prompt__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.search-client-prompt .search-client-prompt__get,
.search-client-prompt__have {
  padding: 6px 14px;
  border-radius: 16px;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}

.search-client-prompt .search-client-prompt__get {
  border: 1.5px solid var(--uv-gold);
  background: var(--uv-gold);
  color: var(--uv-on-gold);
  text-decoration: none;
}
.search-client-prompt .search-client-prompt__get:hover, .search-client-prompt .search-client-prompt__get:focus-visible {
  color: var(--uv-on-gold);
  text-decoration: none;
}

.search-client-prompt__have {
  border: 1.5px solid var(--uv-border-strong);
  background: transparent;
  color: var(--uv-text);
}
.search-client-prompt__have:hover, a .search-client-prompt__have.location:hover, .link .search-client-prompt__have.location:hover, .search-client-prompt__have:focus-visible {
  color: var(--uv-text-strong);
}

@media (max-width: 767px) {
  .search-client-prompt__text {
    flex-basis: 100%;
  }
}
.private_chat_admin_helper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 12px;
  margin: 8px 4px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.04);
  border-left: 2px solid rgba(255, 255, 255, 0.15);
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.7);
}
.private_chat_admin_helper a, .private_chat_admin_helper a .location:hover, a .private_chat_admin_helper .location:hover, .private_chat_admin_helper .link .location:hover, .link .private_chat_admin_helper .location:hover, .private_chat_admin_helper .link {
  margin-left: 4px;
}
[data-theme=light] .private_chat_admin_helper {
  background: var(--ui-surface);
  border-left-color: var(--ui-line-3);
  color: var(--ui-ink-2);
}

.chat-lfg-card {
  display: grid;
  gap: 8px;
  max-width: 620px;
  margin: 6px 0 2px;
  padding: 10px 12px;
  border: 1px solid var(--uv-border-strong, #3a4059);
  border-radius: 8px;
  background: var(--uv-elevated-bg, #181b26);
  color: var(--uv-text, #e2e0e0);
  font-size: 13px;
  white-space: normal;
}
.chat-lfg-card--closed {
  opacity: 0.55;
}
body.chat_style_modern .chat_message--lfg .chat-lfg-card:not(.chat-lfg-card--compact) {
  margin-left: 30px;
}
@media (max-width: 600px) {
  body.chat_style_modern .chat_message--lfg .chat-lfg-card:not(.chat-lfg-card--compact) {
    margin-left: 0;
  }
}
.chat-lfg-card__lead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--uv-text-dim, #a3a8b8);
}
.chat-lfg-card__mode {
  padding: 3px 10px;
  border: 1px solid var(--uv-gold-line, rgba(245, 197, 24, 0.45));
  border-radius: 6px;
  background: var(--uv-gold-dim, rgba(245, 197, 24, 0.14));
  color: var(--uv-gold, #f5c518);
  font-size: 12px;
  font-weight: 700;
}
.chat-lfg-card__fields {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 6px;
}
.chat-lfg-card__field {
  display: grid;
  justify-items: center;
  gap: 4px;
  padding: 5px 10px;
  border: 1px solid var(--uv-border-strong, #3a4059);
  border-radius: 6px;
  background: var(--uv-field-bg, #1e2230);
  color: var(--uv-text-strong, #fff);
}
.chat-lfg-card__label {
  color: var(--uv-text-muted, #6b7185);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.chat-lfg-card__value {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.chat-lfg-card__value .chat-stock-icon {
  width: 16px;
  height: 16px;
  margin: 0;
}
.chat-lfg-card__distance-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.chat-lfg-card__go {
  align-self: center;
  margin-left: auto;
  padding: 8px 18px;
  border: 0;
  border-radius: 18px;
  background: var(--uv-gold, #f5c518);
  color: var(--uv-on-gold, #1a1500);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.chat-lfg-card__go:hover, a .chat-lfg-card__go.location:hover, .link .chat-lfg-card__go.location:hover {
  filter: brightness(1.08);
}
.chat-lfg-card__go:focus-visible {
  outline: 2px solid var(--uv-gold, #f5c518);
  outline-offset: 2px;
}
.chat-lfg-card__go[disabled] {
  background: var(--uv-border-strong, #3a4059);
  color: var(--uv-text-dim, #a3a8b8);
  cursor: default;
  filter: none;
}
.chat-lfg-card__searching {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: center;
  margin-left: auto;
}
.chat-lfg-card__wait {
  align-self: center;
  margin-left: auto;
  color: var(--uv-gold, #f5c518);
}
.chat-lfg-card__wait--failed {
  color: var(--uv-live, #ef4565);
}
.chat-lfg-card__searching .chat-lfg-card__wait {
  margin-left: 0;
  font-variant-numeric: tabular-nums;
}
.chat-lfg-card__stop {
  padding: 6px 14px;
  border: 1px solid var(--uv-border-strong, #3a4059);
  border-radius: 18px;
  background: none;
  color: var(--uv-text, #e2e0e0);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.chat-lfg-card__stop:hover, a .chat-lfg-card__stop.location:hover, .link .chat-lfg-card__stop.location:hover {
  border-color: var(--uv-text-muted, #6b7185);
}
.chat-lfg-card__error {
  color: var(--uv-live, #ef4565);
}
.chat-lfg-card__quote {
  color: var(--uv-text, #e2e0e0);
}
.chat-lfg-card--compact {
  display: inline;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.chat-lfg-card--compact .chat-lfg-card__line {
  color: var(--uv-text-dim, #a3a8b8);
}
.chat-lfg-card--compact .chat-lfg-card__go {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 12px;
  font-size: 12px;
  vertical-align: middle;
}
.chat-lfg-card--compact .chat-lfg-card__wait,
.chat-lfg-card--compact .chat-lfg-card__searching {
  display: inline-flex;
  margin-left: 8px;
  vertical-align: middle;
}
.chat-lfg-card--compact .chat-lfg-card__error {
  margin-left: 8px;
}
.chat-lfg-card--compact .chat-lfg-card__stop {
  padding: 1px 10px;
  font-size: 12px;
}

.chat-result-card {
  display: flex;
  align-items: center;
  margin: 10px 20px 6px 46px;
}
.chat-result-card__slot {
  width: 210px;
}
.chat-result-card__connector {
  position: relative;
  flex: none;
  width: 28px;
  height: 20px;
  border: 1.5px solid var(--uv-border-strong, #3a4059);
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.chat-result-card__connector::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 14px;
  border-top: 1.5px solid var(--uv-border-strong, #3a4059);
}
.chat-result-card__caption {
  display: grid;
  margin-left: 20px;
  color: var(--uv-text-muted, #6b7185);
  font-size: 12px;
}
.chat-result-card__caption b {
  color: var(--uv-text-dim, #a3a8b8);
  font-size: 13px;
  font-weight: 500;
}
.chat-result-card--teams .chat-result-card__slot {
  width: 260px;
}
.chat-result-card--compact {
  margin: 2px 20px 2px 66px;
}
.chat-result-card--compact .chat-result-card__slot {
  width: 190px;
}
.chat-result-card--compact.chat-result-card--teams .chat-result-card__slot {
  width: 240px;
}
@media (max-width: 600px) {
  .chat-result-card {
    margin-left: 12px;
  }
  .chat-result-card__caption {
    display: none;
  }
  .chat-result-card--compact {
    margin-left: 12px;
  }
}

.chat-composer-lfg {
  flex: none;
  align-self: center;
  margin: 0 4px;
  padding: 6px 10px;
  border: 1px solid var(--uv-gold-line, rgba(245, 197, 24, 0.45));
  border-radius: 14px;
  background: none;
  color: var(--uv-gold, #f5c518);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.chat-composer-lfg:hover, a .chat-composer-lfg.location:hover, .link .chat-composer-lfg.location:hover {
  background: var(--uv-gold-dim, rgba(245, 197, 24, 0.14));
}
.chat-composer-lfg:focus-visible {
  outline: 2px solid var(--uv-gold, #f5c518);
  outline-offset: 2px;
}
@media (max-width: 600px) {
  .chat-composer-lfg {
    display: none;
  }
}

.stats-page-shell {
  --sp-bg: #0d0d1a;
  --sp-sidebar-bg: #0e0e1c;
  --sp-elevated-bg: #14142a;
  --sp-border: #2a2a40;
  --sp-text: #f5f5fa;
  --sp-text-dim: #9999b0;
  --sp-text-muted: #666680;
  --sp-accent: #00CBD0;
  --sp-accent-soft: rgba(0, 203, 208, 0.15);
  --sp-overlay: rgba(13, 13, 26, 0.6);
  --sp-error: #ff7070;
  display: flex;
  flex-direction: row;
  height: calc(100dvh - 120px);
  min-height: 480px;
  background-color: var(--sp-bg);
  color: var(--sp-text);
  font-size: 14px;
  gap: 1px;
}
[data-theme=light] .stats-page-shell {
  --sp-bg: var(--ui-page);
  --sp-sidebar-bg: var(--ui-header);
  --sp-elevated-bg: var(--ui-panel);
  --sp-border: var(--ui-hairline);
  --sp-text: var(--ui-ink);
  --sp-text-dim: var(--ui-ink-2);
  --sp-text-muted: var(--ui-ink-3);
  --sp-accent: var(--ui-don);
  --sp-accent-soft: rgba(15, 125, 118, 0.12);
  --sp-overlay: rgba(221, 226, 233, 0.6);
  --sp-error: var(--ui-red);
}

.stats-filters {
  flex: 0 0 280px;
  background-color: var(--sp-sidebar-bg);
  border-right: 1px solid var(--sp-border);
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.stats-filters__title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sp-text-dim);
  margin: 0;
}
.stats-filters__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.stats-filters__label {
  font-size: 12px;
  font-weight: 500;
  color: var(--sp-text-dim);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0;
}
.stats-filters__input {
  background-color: var(--sp-elevated-bg);
  border: 1px solid var(--sp-border);
  border-radius: 6px;
  color: var(--sp-text);
  padding: 8px 10px;
  font-size: 14px;
  font-family: inherit;
  width: 100%;
}
.stats-filters__input:focus {
  outline: none;
  border-color: var(--sp-accent);
  box-shadow: 0 0 0 2px var(--sp-accent-soft);
}
.stats-filters__mode-toggle {
  display: flex;
  gap: 6px;
  background-color: var(--sp-elevated-bg);
  border: 1px solid var(--sp-border);
  border-radius: 8px;
  padding: 3px;
}
.stats-filters__mode {
  flex: 1 1 0;
  background-color: transparent;
  border: none;
  color: var(--sp-text-dim);
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  transition: 0.15s ease;
}
.stats-filters__mode:hover, a .stats-filters__mode.location:hover, .link .stats-filters__mode.location:hover {
  color: var(--sp-text);
}
.stats-filters__mode--active {
  background-color: var(--sp-accent-soft);
  color: var(--sp-text);
  box-shadow: 0 0 0 1px var(--sp-accent);
}
.stats-filters__presets {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.stats-filters__preset {
  flex: 1 0 auto;
  background-color: transparent;
  border: 1px solid var(--sp-border);
  border-radius: 999px;
  color: var(--sp-text-dim);
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: 0.15s ease;
}
.stats-filters__preset:hover, a .stats-filters__preset.location:hover, .link .stats-filters__preset.location:hover {
  border-color: var(--sp-accent);
  color: var(--sp-text);
}
.stats-filters__preset--active {
  background-color: var(--sp-accent-soft);
  border-color: var(--sp-accent);
  color: var(--sp-text);
}
.stats-filters__preset--nav {
  flex: 1 1 0;
  color: var(--sp-text-muted);
}
.stats-filters__preset--nav:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.stats-filters__preset--nav:disabled:hover {
  border-color: var(--sp-border);
  color: var(--sp-text-muted);
}
.stats-filters__preset-row {
  display: flex;
  gap: 6px;
  flex: 1 0 100%;
}

.stats-page-shell__main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 28px 32px;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.stats-page-shell__header {
  margin-bottom: 24px;
}

.stats-page-shell__title {
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 6px 0;
  color: var(--sp-text);
}

.stats-page-shell__subtitle {
  font-size: 13px;
  color: var(--sp-text-dim);
}

.stats-page-shell__body {
  flex: 1 1 auto;
  background-color: var(--sp-elevated-bg);
  border: 1px solid var(--sp-border);
  border-radius: 10px;
  padding: 20px;
  position: relative;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.stats-page-shell__body canvas {
  width: 100% !important;
  height: 100% !important;
}

.stats-page-shell__loading {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--sp-overlay);
  border-radius: 10px;
  z-index: 1;
}

.stats-page-shell__error {
  color: var(--sp-error);
  font-size: 14px;
  padding: 12px;
}

.stats-filters__summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
}

.stats-filters__summary-card {
  background-color: var(--sp-elevated-bg);
  border: 1px solid var(--sp-border);
  border-radius: 8px;
  padding: 12px 14px;
}

.stats-filters__summary-label {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sp-text-muted);
  margin-bottom: 4px;
}

.stats-filters__summary-value {
  font-size: 18px;
  font-weight: 600;
  color: var(--sp-text);
}

.match-map-body {
  padding: 0;
  overflow: hidden;
}
.match-map-body .match_map_general {
  flex: 1 1 auto;
  min-height: 400px;
  display: flex;
  flex-direction: column;
}
.match-map-body .match_map_general .map_and_such {
  flex: 1 1 auto;
  min-height: 360px;
}

@media (max-width: 900px) {
  .stats-page-shell {
    flex-direction: column;
  }
  .stats-filters {
    flex: 0 0 auto;
    border-right: none;
    border-bottom: 1px solid var(--sp-border);
  }
  .stats-page-shell__main {
    padding: 20px;
  }
}
#recent_match_searchers .request .count {
  color: var(--ui-anchor);
}

#missed_challenges_tip .rejected {
  color: #F66;
}

.cheat_code_activated_thingy, .missed_challenges_activated_thingy {
  position: absolute;
  bottom: 0;
  right: 0;
  color: var(--ui-chat-notice);
  font-size: 11px;
  border: 1px solid var(--ui-hairline);
  background-color: black;
  padding: 2px 4px;
  cursor: help;
}

.missed_challenges_activated_thingy {
  cursor: pointer;
  right: auto;
  left: 0;
  color: #FF0;
}
[data-theme=light] .missed_challenges_activated_thingy {
  color: var(--ui-warn);
}
.missed_challenges_activated_thingy.locked {
  border-color: var(--ui-chat-notice);
}

.tier_mini.no_league {
  display: none;
}

#dashboard.dashboard-xs:not(.dashboard-sm) #tab-pane-matchmaking #recent_match_searchers .active_selectables {
  display: block;
}
#dashboard.dashboard-xs:not(.dashboard-sm) #tab-pane-matchmaking #recent_match_searchers .heading {
  display: none;
}
#dashboard.dashboard-xs:not(.dashboard-sm) #tab-pane-matchmaking #recent_match_searchers .ladder_game_list {
  padding-left: 0;
}
#dashboard.dashboard-xs:not(.dashboard-sm) #tab-pane-matchmaking .game_search_section {
  display: none;
}
#dashboard.dashboard-xs:not(.dashboard-sm) #tab-pane-matchmaking .game_search_section.small_active {
  display: flex;
  margin: 0;
}
#dashboard.dashboard-xs #recent_match_searchers .active_selectables {
  display: none;
}

.play_match_container .game_filters .edit_preferred_games {
  transition: 0.5s;
  position: absolute;
  font-size: 20px;
  right: 8px;
  top: 0;
}
.play_match_container .search_restrictions {
  color: var(--ui-anchor);
  cursor: pointer;
  font-size: 11px;
  margin-top: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}
.play_match_container #recent_match_searchers .start_matchmaking {
  display: none;
  background-color: #3A4059;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  align-content: center;
  padding: 4px;
  line-height: 1rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.play_match_container #recent_match_searchers .start_matchmaking span {
  transition: transform 0.3s ease-in-out;
}
.play_match_container #recent_match_searchers .start_matchmaking:hover span {
  color: white;
  transform: rotate(360deg);
}
.play_match_container .game_search_section .maximize, .play_match_container .game_search_section .minimize, .play_match_container .stream_container .maximize, .play_match_container .stream_container .minimize {
  position: relative;
  display: none;
  background-color: var(--ui-chat-bg);
}
.play_match_container .game_search_section .maximize, .play_match_container .stream_container .maximize {
  display: inline-block;
}
.play_match_container .game_search_section .minimize, .play_match_container .stream_container .minimize {
  display: none;
}
.play_match_container .game_search_section .heading, .play_match_container .stream_container .heading {
  font-style: italic;
  margin: 4px;
  display: inline-block;
}
.play_match_container .game_search_section.maximized .ladder_game_list, .play_match_container .stream_container.maximized .ladder_game_list {
  padding: 0;
}
.play_match_container .game_search_section.maximized .ladder_game_list .inner_list, .play_match_container .stream_container.maximized .ladder_game_list .inner_list {
  padding: 5px 0 5px 5px;
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1;
}
.play_match_container .game_search_section.maximized .text, .play_match_container .stream_container.maximized .text {
  text-align: center;
  flex: 1;
}
.play_match_container .game_search_section.maximized .host_code_notice_holder, .play_match_container .stream_container.maximized .host_code_notice_holder {
  max-width: 235px;
}
.play_match_container .game_search_section.maximized .host_code_notice_holder .title, .play_match_container .stream_container.maximized .host_code_notice_holder .title {
  font-size: 14px;
  margin: 0;
  margin-right: 4px;
}
.play_match_container .game_search_section.maximized .host_code_notice_holder .tiny_text, .play_match_container .stream_container.maximized .host_code_notice_holder .tiny_text {
  font-size: 12px;
  color: var(--ui-chat-link);
}
.play_match_container .game_search_section.maximized .heading, .play_match_container .stream_container.maximized .heading {
  color: white;
  font-style: normal;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 0 0 27px;
}
.play_match_container .game_search_section.maximized .heading.flexing, .play_match_container .stream_container.maximized .heading.flexing {
  display: flex;
  flex: 0 1 auto;
}
.play_match_container .game_search_section.maximized .maximize, .play_match_container .stream_container.maximized .maximize {
  display: none;
}
.play_match_container .game_search_section.maximized .minimize, .play_match_container .stream_container.maximized .minimize {
  display: inline-block;
}
.play_match_container .game_search_section.maximized .host_code_notice_container, .play_match_container .stream_container.maximized .host_code_notice_container {
  margin-top: auto;
  margin-left: auto;
  position: relative;
}
.play_match_container .game_filters.game_select_mode .preferred_game_filter {
  transition: 0.4s;
  border: 1px solid var(--ui-hairline);
  background-color: #1C1F2B;
  padding: 2px 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.59), 0 2px 10px 0 rgba(0, 0, 0, 0.76);
  border-radius: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
}
.play_match_container .game_filters.game_select_mode .transition:hover {
  background-color: #3A4059;
}
.play_match_container .game_filters .dynamic_preferred_games_holder {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1;
  height: auto;
  transition: 0.3s;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
.play_match_container .game_filters:hover {
  height: auto;
}
.play_match_container .game_filters .game_activity.loading .loading {
  opacity: 1;
  display: block;
}
.play_match_container .game_filters .game_activity.loading .clicker {
  display: none;
}
.play_match_container .game_filters .game_activity .loading {
  opacity: 0;
  color: white;
  transition: 0.3s;
}
.play_match_container .game_filters .game_activity {
  color: white;
  display: block;
}
.play_match_container .game_filters .game_activity:hover {
  color: var(--ui-chat-notice);
}
.play_match_container .build_list .build:not(:last-child) {
  border-bottom: 1px solid #FFF;
  padding: 2px 0 2px 0;
}
.play_match_container .user_information_wrapper.user .league.has_league {
  position: relative;
  border-radius: 8px;
  height: 25px;
  display: inline-block;
  margin-right: 2px;
}
.play_match_container .user_information_wrapper.user .league.has_league .league_icon {
  max-height: 26px;
  top: -4px;
  position: relative;
  display: inline-block;
}
.play_match_container .user_information_wrapper.user .league.has_league .division {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  text-align: center;
  display: none;
}
.play_match_container .user_information_wrapper.user .league.has_league .name {
  display: none;
}

.current_matches_holder .game_information .teams .advanced_user_element {
  position: relative;
}
.current_matches_holder .game_information .teams .advanced_user_element .tier_mini {
  display: none;
}

#matchmaking_popup {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  overflow: hidden;
}
#matchmaking_popup .tab-pane-content .container-fluid {
  width: 100%;
}
#matchmaking_popup .auto_matchmaking_toggle {
  justify-content: center;
}
#matchmaking_popup .queues_to_join {
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#matchmaking_popup .queues_to_join .option_descriptions .deselected {
  opacity: 0.7;
  font-style: italic;
}
#matchmaking_popup .the_options {
  overflow: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#matchmaking_popup .the_options .option_section {
  padding: 8px;
}
#matchmaking_popup .the_options .option_section {
  margin: 0 auto;
}
#matchmaking_popup .the_options .game_types {
  flex: 1 0 100%;
}
#matchmaking_popup .final_option {
  justify-self: flex-end;
  justify-content: center;
  display: flex;
  flex-direction: row;
}
#matchmaking_popup .material-input .group {
  max-width: 240px;
}
#matchmaking_popup .deselectable {
  border-radius: 4px;
}
#matchmaking_popup .ranked_slots {
  text-align: left;
}
#matchmaking_popup .ranked_slots .currently_using {
  margin-right: 16px;
}
#matchmaking_popup .exiting_matchmaking_popup {
  position: relative;
  height: 3px;
}
#matchmaking_popup .game_type {
  flex: 1 1 auto;
  text-align: left;
  margin: 0 16px 0 0;
}
#matchmaking_popup .edit_mains_container {
  display: block;
}
#matchmaking_popup .edit_mains {
  max-width: none;
}
#matchmaking_popup .edit_mains .characters {
  max-width: none;
}
#matchmaking_popup .edit_mains .percentage {
  display: none;
}
#matchmaking_popup .first_to_title {
  display: none;
}
#matchmaking_popup .default_option {
  display: flex;
}
#matchmaking_popup .sub_beg {
  display: block;
  font-size: 14px;
  margin-top: 4px;
}
#matchmaking_popup .ladder_stats {
  position: absolute;
  top: 50px;
  left: 0;
  font-size: 16px;
}
#matchmaking_popup .ladder_stats:hover {
  cursor: pointer;
  color: var(--ui-chat-notice);
}
#matchmaking_popup .build_preference_set {
  display: none;
}
#matchmaking_popup .build_preference_set.active {
  display: block;
}
#matchmaking_popup h2.username, #matchmaking_popup .user_info h2.subscription_streak, .user_info #matchmaking_popup h2.subscription_streak, #matchmaking_popup h2.subscriber_glowish, #matchmaking_popup h2.subscribe_link {
  margin: 0 0 8px 0;
}
#matchmaking_popup .sub_heading {
  margin: 0 0 14px 0;
}
#matchmaking_popup .add_restriction {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  font-size: 1.3rem;
  text-align: center;
}
#matchmaking_popup .add_restriction:hover {
  cursor: pointer;
}
#matchmaking_popup .add_restriction:hover span {
  color: white;
  cursor: pointer;
}
#matchmaking_popup .add_restriction span {
  color: var(--ui-anchor);
}
#matchmaking_popup .add_restriction .logo_container {
  display: block;
}
#matchmaking_popup .add_restriction .logo_container:hover {
  cursor: pointer;
}
#matchmaking_popup .add_restriction .logo_container .tier_name {
  color: white;
}
#matchmaking_popup .ranked_restriction_details .tier_logo, #matchmaking_popup .ranked_restrictions_holder .tier_logo {
  height: 28px;
}
#matchmaking_popup .main_heading {
  font-size: 21px;
  min-width: 78px;
  margin: 0 16px 0 0;
  flex: 0 0 auto;
}
#matchmaking_popup .main_heading .cutie_pie {
  display: block;
  font-size: 16px;
}
#matchmaking_popup .main_heading .versus {
  font-family: "Impact", sans-serif;
  margin: 0 7px;
  font-size: 12px;
}
#matchmaking_popup .main_heading .text {
  display: block;
}
#matchmaking_popup .sub_heading {
  margin: 0 0 2px 0;
}
#matchmaking_popup .selection_group {
  margin-top: 12px;
}
#matchmaking_popup .opponent .game_logo {
  max-height: 40px;
}
#matchmaking_popup .games .game_type_heading {
  margin-bottom: 0;
  padding-bottom: 0;
}
#matchmaking_popup .games .game_types {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1 1 auto;
  flex-wrap: wrap;
}
#matchmaking_popup .games .game_section {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  text-align: left;
}
#matchmaking_popup .games .game_options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#matchmaking_popup .games .game_settings_selection, #matchmaking_popup .games .notifications {
  position: relative;
  margin: 0 auto 8px auto;
  padding: 8px 12px;
  display: block;
}
#matchmaking_popup .games .game_settings_selection {
  flex: 1;
  margin-right: 8px;
}
#matchmaking_popup .games .game_settings_selection .selection_name {
  position: relative;
}
#matchmaking_popup .games .game_settings_selection .loading {
  position: absolute;
  width: 100%;
}
#matchmaking_popup .games .game_settings_selection.pending .selection_name .name {
  opacity: 0.6;
}
#matchmaking_popup .games .game_settings_selection:hover, #matchmaking_popup .games .notifications:hover {
  background-color: var(--ui-anchor);
}
#matchmaking_popup .games .game_settings_selection:active, #matchmaking_popup .games .notifications:active {
  top: 4px;
  left: 4px;
  transition: 0.3s;
}

.ranked_restrictions_holder {
  position: relative;
  text-align: center;
}
.ranked_restrictions_holder .selecting_rank_restrictions.active {
  border: 1px solid var(--ui-hairline);
  bottom: 0;
  border-radius: 16px;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: auto;
  background-color: #12141C;
}

.ranked_slot_selectors {
  display: none;
}
.ranked_slot_selectors .radio_button {
  max-width: 22em;
}
.ranked_slot_selectors.active {
  display: flex;
  margin: 0;
}
.ranked_slot_selectors .character {
  border: none;
  background-color: rgba(0, 0, 0, 0.29);
  border-radius: 4px;
}
.ranked_slot_selectors .tier {
  position: relative;
}
.ranked_slot_selectors .tier .leagued, .ranked_slot_selectors .tier .division {
  display: block;
}
.ranked_slot_selectors .tier .league_icon {
  position: relative;
  height: 28px;
}
.ranked_slot_selectors .requirement .requires_matches {
  max-width: 6em;
}
.ranked_slot_selectors .radio_button .requires_matches {
  display: none;
}
.ranked_slot_selectors .radio_button.requires_matches .requires_matches {
  display: block;
  white-space: normal;
}
.ranked_slot_selectors .radio_button.requires_matches button:not(.selected) {
  background-color: transparent;
  border: 1px dashed white;
}
.ranked_slot_selectors .radio_button.requires_matches button:hover {
  background-color: var(--ui-anchor);
  border-color: transparent;
}

[data-pane=match_only_view] {
  display: none;
}

#replay_drop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 5000;
}
#replay_drop .file-drop-target {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.42);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
}
#replay_drop .file-drop-target .file-drop-flair {
  opacity: 0.4;
  max-width: 500px;
}
#replay_drop .file-drop-target .file-drop-flair .pending_file {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#replay_drop .file-drop-target .file-drop-flair .pending_file .upload_preview {
  max-height: 96px;
}
#replay_drop .file-drop-target.file-drop-dragging-over-frame {
  opacity: 1;
}
#replay_drop .file-drop-target.file-drop-dragging-over-frame .file-drop-flair {
  opacity: 1;
  transition: 0.6s;
  background-color: #1C1F2B;
  border-radius: 8px;
  padding: 13px;
  max-width: 512px;
  pointer-events: all;
}
#replay_drop .file-drop-target.file-drop-dragging-over-frame .file-drop-flair .instructions {
  display: block;
  text-align: center;
  padding: 36px;
  border: 4px dashed #0A6EBD;
  border-radius: 4px;
}
#replay_drop .file-drop-target .uploading {
  display: none;
}
#replay_drop .file-drop-target.uploading .uploading {
  display: block;
  text-align: center;
}
#replay_drop .file-drop-target.uploading .file-drop-flair .instructions {
  display: none;
}

.display_name_status .approved,
.display_name_status .denied,
.display_name_status .pending {
  display: none;
}

.display_name_status.approved .approved {
  display: inline;
}

.display_name_status.denied .denied {
  display: inline;
}

.display_name_status.pending .pending {
  display: inline;
}

.display_name_rules {
  font-size: 11px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.result_type.win {
  color: #0F0;
}

.result_type.loss {
  color: #FF3434;
}

.result_type {
  text-shadow: 1px 1px 1px black;
}

.status_visibility .wants_to_play {
  display: none;
}

.status_visibility.is_invisible .change_to_online {
  display: block;
}

.cross-bone {
  font-size: 16px;
  color: #FF3434;
  background-color: #000;
  border-radius: 6px;
  padding: 0 2px;
}

.reported_match_behavior {
  display: block;
  background-color: #12141C;
  text-align: left;
  padding: 2px 12px;
  cursor: default;
}
.reported_match_behavior .warning, .reported_match_behavior .heading {
  text-shadow: 1px 1px 1px #000;
}
.reported_match_behavior .general_description {
  display: block;
}
.reported_match_behavior.too_much_negative .description {
  display: none;
}
.reported_match_behavior.too_much_negative .votes_others_negative {
  display: flex;
  padding-left: 0;
}
.reported_match_behavior.too_much_negative .votes_others_negative .personality_title {
  display: inline;
}
.reported_match_behavior .general_description .description {
  font-style: italic;
  font-size: 12px;
}
.reported_match_behavior .general_description .description .good, .reported_match_behavior .general_description .description .positive {
  color: #0F0;
}
.reported_match_behavior .general_description .description .neutral, .reported_match_behavior .general_description .description .new {
  color: #FF0;
}
.reported_match_behavior .general_description .description .questionable, .reported_match_behavior .general_description .description .toxic {
  color: #FF3434;
}

.matchmaking_stats_link .subscriber_glowish {
  color: #05D8FF;
}

.profile_main_name {
  text-align: left;
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.profile_main_name > div {
  color: white;
}
.profile_main_name .profile_avatar {
  flex: none;
  width: 72px;
  height: 72px;
  margin-right: 16px;
}
.profile_main_name .profile_avatar .profile_avatar-image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.profile_main_name .profile_avatar .profile_avatar-fill {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, #59a7ff, #2c7ad6);
  font-weight: 700;
  font-size: 28px;
  color: #0a0d12;
}
.profile_main_name .member_stuff {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: right;
}
.profile_main_name .edit-button {
  font-size: 30px;
}
.profile_main_name .heading_username {
  font-size: 30px;
  display: inline;
  margin-bottom: 0;
  padding-bottom: 0;
}
.profile_main_name .formerly_known_as {
  font-style: italic;
}
.profile_main_name .displayed-value-container.page-heading {
  display: block;
}

.modal-content .unique_field_edit .heading {
  display: none;
}
.modal-content .unique_field_edit .press_enter {
  display: none;
}
.modal-content .unique_field_edit .input_type_3 .viewing {
  display: block;
}
.modal-content .unique_field_edit .input_type_3 .editing {
  display: none;
}
.modal-content .unique_field_edit .viewing {
  display: none;
}
.modal-content .unique_field_edit .editing {
  display: block;
}

.profile-card-gift .gift_step,
.profile-card__mod-controls .gift_step {
  display: flex;
  justify-content: center;
}
.profile-card-gift .gift_step .gift_subscription,
.profile-card__mod-controls .gift_step .gift_subscription {
  background-color: #009400;
}
.profile-card-gift .subscribe,
.profile-card__mod-controls .subscribe {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.profile-card-gift .subscribe .gift_step,
.profile-card__mod-controls .subscribe .gift_step {
  display: flex;
  justify-content: center;
}
.profile-card-gift .subscribe .gift_step button,
.profile-card__mod-controls .subscribe .gift_step button {
  white-space: inherit;
  margin: 0 4px;
}
.profile-card-gift .subscribe .gift_step button:last-child,
.profile-card__mod-controls .subscribe .gift_step button:last-child {
  margin-right: 0;
}
.profile-card-gift #gift_step_2 button,
.profile-card__mod-controls #gift_step_2 button {
  display: block;
}
.profile-card-gift .paypal_form,
.profile-card__mod-controls .paypal_form {
  display: inline;
}
.profile-card-gift .how_long_container,
.profile-card__mod-controls .how_long_container {
  display: flex;
  flex-direction: row;
}
.profile-card-gift .how_long_container .unit,
.profile-card__mod-controls .how_long_container .unit {
  margin: 0 4px;
}
.profile-card-gift .how_long_container .unit:first-child,
.profile-card__mod-controls .how_long_container .unit:first-child {
  margin-left: 0;
}
.profile-card-gift .how_long_container .unit:last-child,
.profile-card__mod-controls .how_long_container .unit:last-child {
  margin-right: 0;
}

.reported_match_behavior .infraction_when {
  color: #05D8FF;
  font-size: 11px;
  margin-right: 8px;
  width: 50px;
  display: inline-block;
}
.reported_match_behavior .infraction_public:before {
  display: none;
  content: "-";
  margin: 0 8px 0 4px;
  color: white;
}
.reported_match_behavior .infraction_public {
  font-size: 11px;
  color: #F66;
}
.reported_match_behavior .infraction_summary {
  padding: 0 2px;
  word-break: break-word;
  border-radius: 2px;
}
.reported_match_behavior .infraction_summary:hover {
  cursor: pointer;
  background-color: black;
}
.reported_match_behavior .reported_match_behavior_list {
  max-height: 64px;
  overflow-y: auto;
  margin: 0 -12px 0 0;
}

#location_container .panel-body, #location_container .bug_row {
  padding-left: 0;
  padding-right: 0;
}

.game_stats .wins {
  color: #0F0;
}

.game_stats .losses {
  color: #FF3434;
}

#tab-pane-public-chat-history .chat_container {
  max-height: 500px;
}

.chat_room_name .players .username:not(:last-child):after, .chat_room_name .players .user_info .subscription_streak:not(:last-child):after, .user_info .chat_room_name .players .subscription_streak:not(:last-child):after, .chat_room_name .players .subscriber_glowish:not(:last-child):after, .chat_room_name .players .subscribe_link:not(:last-child):after {
  content: " + ";
}

.chat_section {
  border-bottom: 2px solid #05D8FF;
  margin-bottom: 8px;
  padding: 4px;
  padding-top: 5px;
}

.event_listing, .event_listing.unhighlighted {
  transition: 0.4s;
  display: none;
}

.event_listing {
  border: 1px solid #3A4059;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  background-color: #12141C;
  width: 100%;
}

.event_listing.displayed {
  transition: 0.4s;
  display: table;
  opacity: 1;
  height: 30px;
  margin-bottom: 8px;
}

.event_listing.highlighted {
  background-color: #4F4F4F;
  border-color: white;
}

.event_listing.unhighlighted {
  display: none;
}

.event_listing .event_text div {
  display: inline;
}

.event_listing .best_of_text {
  display: none;
}
.event_listing .event_text {
  padding: 1px 2px 1px 4px;
  display: table-cell;
  vertical-align: middle;
}

.event_listing .time {
  width: 120px;
  background-color: #05D8FF;
  height: 100%;
  padding-left: 4px;
  display: table-cell;
  font-size: 12px;
}

.user_results .result {
  border: 1px solid #3A4059;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  background-color: #12141C;
  width: 100%;
  margin-bottom: 8px;
  padding: 8px;
}
.user_results .result .username_container {
  display: block;
}

.user_search_result_list .user_entry {
  padding: 2px 0 0 8px;
  background-color: #12141C;
}
.user_search_result_list li.user_entry a.username:hover, .user_search_result_list li.user_entry a .username.location:hover, a .user_search_result_list li.user_entry .username.location:hover, .user_search_result_list li.user_entry .link .username.location:hover, .link .user_search_result_list li.user_entry .username.location:hover, .user_search_result_list li.user_entry .username.link:hover, .user_search_result_list li.user_entry .user_info a.subscription_streak:hover, .user_search_result_list li.user_entry .user_info a .subscription_streak.location:hover, a .user_search_result_list li.user_entry .user_info .subscription_streak.location:hover, .user_search_result_list li.user_entry .user_info .link .subscription_streak.location:hover, .link .user_search_result_list li.user_entry .user_info .subscription_streak.location:hover, .user_info .user_search_result_list li.user_entry a.subscription_streak:hover, .user_info .user_search_result_list li.user_entry a .subscription_streak.location:hover, a .user_info .user_search_result_list li.user_entry .subscription_streak.location:hover, .user_info .user_search_result_list li.user_entry .link .subscription_streak.location:hover, .link .user_info .user_search_result_list li.user_entry .subscription_streak.location:hover, .user_search_result_list li.user_entry .user_info .link.subscription_streak:hover, .user_info .user_search_result_list li.user_entry .link.subscription_streak:hover, .user_search_result_list li.user_entry a.subscriber_glowish:hover, .user_search_result_list li.user_entry a .subscriber_glowish.location:hover, a .user_search_result_list li.user_entry .subscriber_glowish.location:hover, .user_search_result_list li.user_entry .link .subscriber_glowish.location:hover, .link .user_search_result_list li.user_entry .subscriber_glowish.location:hover, .user_search_result_list li.user_entry .link.subscriber_glowish:hover, .user_search_result_list li.user_entry a.subscribe_link:hover, .user_search_result_list li.user_entry a .subscribe_link.location:hover, a .user_search_result_list li.user_entry .subscribe_link.location:hover, .user_search_result_list li.user_entry .link .subscribe_link.location:hover, .link .user_search_result_list li.user_entry .subscribe_link.location:hover, .user_search_result_list li.user_entry .link.subscribe_link:hover {
  background-color: #12141C;
}
.user_search_result_list .banned_notification {
  font-size: 12px;
  color: white;
  font-style: italic;
}
.user_search_result_list .user_entry_link {
  padding: 0 !important;
  width: auto;
  border: none !important;
}
.user_search_result_list .last_seen {
  color: white;
  display: block;
}
.user_search_result_list .user_is_banned {
  display: block;
  background: none;
  color: black;
}
.user_search_result_list .banned_notification .emphasized_time, .user_search_result_list .banned_notification .achievement-list time, .achievement-list .user_search_result_list .banned_notification time, .user_search_result_list .banned_notification .birthday .unknown, .birthday .user_search_result_list .banned_notification .unknown, .user_search_result_list .banned_notification .character_stats .character_matchups .win_percentage, .character_stats .character_matchups .user_search_result_list .banned_notification .win_percentage, .user_search_result_list .banned_notification .note_card .post_time, .note_card .user_search_result_list .banned_notification .post_time, .user_search_result_list .banned_notification .infraction_view .date_holder, .infraction_view .user_search_result_list .banned_notification .date_holder, .user_search_result_list .banned_notification .active_matches .duration, .active_matches .user_search_result_list .banned_notification .duration, .user_search_result_list .banned_notification .active_matches .start_time, .active_matches .user_search_result_list .banned_notification .start_time {
  color: #FF3434;
}
.user_search_result_list .last_seen .title {
  font-size: 12px;
}
.user_search_result_list .last_seen .time {
  color: #0F0;
  width: auto;
}
.user_search_result_list .banned_notification .emphasized_time, .user_search_result_list .banned_notification .achievement-list time, .achievement-list .user_search_result_list .banned_notification time, .user_search_result_list .banned_notification .birthday .unknown, .birthday .user_search_result_list .banned_notification .unknown, .user_search_result_list .banned_notification .character_stats .character_matchups .win_percentage, .character_stats .character_matchups .user_search_result_list .banned_notification .win_percentage, .user_search_result_list .banned_notification .note_card .post_time, .note_card .user_search_result_list .banned_notification .post_time, .user_search_result_list .banned_notification .infraction_view .date_holder, .infraction_view .user_search_result_list .banned_notification .date_holder, .user_search_result_list .banned_notification .active_matches .duration, .active_matches .user_search_result_list .banned_notification .duration, .user_search_result_list .banned_notification .active_matches .start_time, .active_matches .user_search_result_list .banned_notification .start_time, .user_search_result_list .last_seen .time {
  text-shadow: 1px 1px 1px black;
  font-size: 12px;
}

.user_search_result_list {
  color: white;
  background-color: #12141C;
}

.user_search_result_list .username, .user_search_result_list .user_info .subscription_streak, .user_info .user_search_result_list .subscription_streak, .user_search_result_list .subscriber_glowish, .user_search_result_list .subscribe_link {
  display: block;
}

.user_search_result_list li:not(:last-child) {
  border-bottom: 1px solid black;
}

.mains_edit {
  position: relative;
}

.mains_edit .character_order {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.mains_edit .character_order .character {
  cursor: pointer;
  margin: 4px;
}
.mains_edit .game_logo {
  max-height: 100px;
  display: block;
  margin: 0 auto 8px auto;
}
.mains_edit .loading {
  position: absolute;
  display: none;
  z-index: 1;
}
.mains_edit .loading .circle-loader {
  stroke: #EA5849;
}
.mains_edit .loading.active {
  display: block;
}
.mains_edit .characters {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: -6px;
}
.mains_edit label {
  cursor: pointer;
}
.mains_edit .character_selection_holder {
  position: relative;
  border: 6px solid transparent;
}
.mains_edit .character_selection_holder.selected {
  opacity: 1;
}
.mains_edit .character_selection_holder.selected .character {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}
.mains_edit .character_selection_holder {
  opacity: 0.4;
}

.mains .character {
  display: inline-block;
}

.active_selectable_button.dark {
  background-color: #12141C;
}
.active_selectable_button.dark:hover {
  background-color: #05D8FF;
  color: white;
}

.active_selectable_button.bright {
  background-color: #1FA8FF;
  color: white;
}
.active_selectable_button.bright:hover {
  background-color: #05D8FF;
  color: white;
}

.centered_tier_display .image_and_tier {
  text-align: left;
  cursor: default;
}
.centered_tier_display .logo_container {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.centered_tier_display .tier_details {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  text-align: center;
}
.centered_tier_display .tier_name {
  display: block;
  border-radius: 4px;
  padding: 0 4px;
  margin-top: 3px;
}
.centered_tier_display .tier_logo {
  height: 36px;
  filter: drop-shadow(3px 3px 1px black) drop-shadow(-3px 3px 1px black) drop-shadow(0 -1.5px 1px black);
}
.centered_tier_display .tier_ladder_league_unranked .tier_logo {
  filter: contrast(0%);
}

.edit_mains {
  display: block;
  font-size: 19px;
  border: 1px solid transparent;
}
.edit_mains .mains_container:hover {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}
.edit_mains .characters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.edit_mains .characters .character {
  margin: 4px;
  filter: drop-shadow(1px 1px 1px black) drop-shadow(-1px 1px 1px black) drop-shadow(0 -0.5px 1px black);
  border: none;
}

.player_stat_summaries {
  display: flex;
  flex-wrap: wrap;
}
.player_stat_summaries.active {
  flex-direction: column;
}
.player_stat_summaries.active .ladder_tab .mains {
  display: none;
}
.player_stat_summaries.active .ladder_tab:not(.active) {
  display: none;
}
.player_stat_summaries .season_stuff {
  display: flex;
  flex-direction: row;
}
.player_stat_summaries .season_changer {
  border-radius: 10px;
  margin: 0;
}
.player_stat_summaries .player_season_select {
  margin: 0 0 8px 0;
  padding: 0 4px 0 0;
}
.player_stat_summaries .game_extra_fields {
  margin-top: 16px;
}
.player_stat_summaries .game_extra_fields .game_field {
  margin-bottom: 8px;
}
.player_stat_summaries .season_heading {
  margin: 0;
  display: none;
}
.player_stat_summaries .ladders {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-right: 16px;
}
.player_stat_summaries .ladders .ladder_tab {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.player_stat_summaries .ladders .ladder_tab:after {
  content: "";
  display: block;
  margin: auto;
  height: 3px;
  width: 0;
  background: transparent;
  transition: width 250ms ease, background-color 125ms ease;
  position: absolute;
  bottom: 0;
  left: 0;
}
.player_stat_summaries .ladders .ladder_tab.active:after {
  width: 100%;
  position: absolute;
  background: #05D8FF;
}
.player_stat_summaries .ladders .ladder_tab .logo_box {
  position: relative;
  min-width: 225px;
}
.player_stat_summaries .ladders .ladder_tab .logo_box .medal_summary {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -6px;
}
.player_stat_summaries .ladders .ladder_tab .logo_box .medal_summary.tier_ladder_league_unranked {
  display: none;
}
.player_stat_summaries .ladders .ladder_tab .logo_box .medal_summary .division {
  display: none;
}
.player_stat_summaries .ladders .ladder_tab .logo_box .medal_summary .rank_medal {
  cursor: pointer;
  height: 58px;
  filter: drop-shadow(3px 3px 1px black) drop-shadow(-3px 3px 1px black) drop-shadow(0 -1.5px 1px black);
}
.player_stat_summaries .ladders .ladder_tab .logo_box:hover .game_logo {
  cursor: pointer;
}
.player_stat_summaries .ladders .ladder_tab:not(.active) .logo_box:hover .game_logo {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
}
.player_stat_summaries .ladders .ladder_tab .game_logo {
  max-width: none;
  margin: 18px auto;
  height: 100%;
  max-height: 80px;
  border: 1px solid transparent;
  filter: drop-shadow(1px 1px 1px black) drop-shadow(-1px 1px 1px black) drop-shadow(0 -0.5px 1px black);
}
.player_stat_summaries .ladders .ladder_tab.active {
  justify-content: center;
}
.player_stat_summaries .ladders .ladder_tab.active .logo_box .medal_summary {
  display: none;
}
.player_stat_summaries .ladders .ladder_tab.active .mains {
  display: none;
}
.player_stat_summaries .game_stats {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.player_stat_summaries .record {
  text-align: center;
}
.player_stat_summaries .record .friend_button .btn, .player_stat_summaries .record .friend_button .btn-xs, .player_stat_summaries .record .friend_button .possible_aka_listings button, .possible_aka_listings .player_stat_summaries .record .friend_button button, .player_stat_summaries .record .friend_button .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .player_stat_summaries .record .friend_button button, .player_stat_summaries .record .friend_button .btn-sm, .player_stat_summaries .record .friend_button .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .player_stat_summaries .record .friend_button button, .player_stat_summaries .record .friend_button .stage_selectable .stage_options button, .stage_selectable .stage_options .player_stat_summaries .record .friend_button button, .player_stat_summaries .record .friend_button body.database_setup input[type=submit], body.database_setup .player_stat_summaries .record .friend_button input[type=submit], .player_stat_summaries .record .friend_button body.database_setup button, body.database_setup .player_stat_summaries .record .friend_button button {
  margin: 0;
}
.player_stat_summaries .game_played_stats {
  text-align: left;
}
.player_stat_summaries .player_game_stats {
  display: none;
}
.player_stat_summaries .player_game_stats.active {
  display: block;
}
.player_stat_summaries .player_game_stats .season_information .loading {
  display: none;
}
.player_stat_summaries .player_game_stats .mod_options {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  justify-content: flex-end;
}
.player_stat_summaries .player_game_stats.loading .season_information .game_stats, .player_stat_summaries .player_game_stats.loading .season_information .season_heading, .player_stat_summaries .player_game_stats.loading .season_information .rank_status, .player_stat_summaries .player_game_stats.loading .season_information .mod_options {
  display: none;
}
.player_stat_summaries .player_game_stats.loading .season_information .loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
}
.player_stat_summaries .player_game_stats.active {
  display: block;
}
.player_stat_summaries .record {
  display: block;
  text-shadow: 1px 1px 1px black;
  font-size: 20px;
}
.player_stat_summaries .game_logo {
  max-height: 70px;
  display: block;
  max-width: 60%;
}
.player_stat_summaries .ranked_league {
  height: 150px;
  text-align: center;
}
.player_stat_summaries .ranked_league img {
  max-height: 128px;
}
.player_stat_summaries .player_game_stats:only-child .ladder_tab {
  height: 90px;
}
.player_stat_summaries .image_holder {
  height: 100%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.player_stat_summaries .game_stats .rank {
  color: #0F0;
  font-size: 16px;
  text-align: center;
}
.player_stat_summaries .game_stats .rank, .player_stat_summaries .league_description, .player_stat_summaries .friendlies, .player_stat_summaries .ranked, .player_stat_summaries .rating {
  text-shadow: 1px 1px 1px black;
}
.player_stat_summaries .league_description {
  display: block;
}
.player_stat_summaries .season_information {
  margin: 0 0 0 16px;
  text-align: right;
  flex: 1;
  position: relative;
}
.player_stat_summaries .extra_game_info {
  margin-bottom: 8px;
}
.player_stat_summaries .game_stats .rating {
  display: block;
  font-size: 18px;
}
.player_stat_summaries .character_container {
  text-align: center;
}
.player_stat_summaries .player_game_stats .games_played_stats .stat {
  display: block;
  font-size: 18px;
}
.player_stat_summaries .player_game_stats .games_played_stats .stat .count {
  color: #0F0;
}
.player_stat_summaries .extra_game_info h4, .player_stat_summaries .character_container h4 {
  margin: 0 0 4px 0;
}
.player_stat_summaries .player_game_stats {
  margin-bottom: 32px;
}
.player_stat_summaries .friendlies {
  color: #FF8F00;
}
.player_stat_summaries .ranked {
  color: #05D8FF;
}
.player_stat_summaries .rating {
  cursor: auto;
}

.about_me_container {
  max-height: 300px;
  overflow-x: auto;
}
.about_me_container textarea {
  max-height: 260px;
}

.about_me_container .displayed-value-container {
  word-break: break-word;
}

.about_me_container .displayed-value {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  color: #C2C2C2;
  white-space: pre-line;
  font-size: 16px;
}

.nav.nav-tabs {
  border-bottom: 1px solid #3A4059;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 8px;
  user-select: none;
}
.nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > .link, a .nav.nav-tabs > li.active > .location:hover, .link .nav.nav-tabs > li.active > .location:hover, .nav.nav-tabs > li:hover > a, .nav.nav-tabs > li:hover > .link, a .nav.nav-tabs > li:hover > .location:hover, .link .nav.nav-tabs > li:hover > .location:hover {
  border: none;
  background-color: #3A4059;
}
.nav.nav-tabs > li > a, .nav.nav-tabs > li > .link, a .nav.nav-tabs > li > .location:hover, .link .nav.nav-tabs > li > .location:hover {
  border: none;
  border-radius: 24px;
  background-color: transparent;
}
.nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > .link, a .nav.nav-tabs > li.active > .location:hover, .link .nav.nav-tabs > li.active > .location:hover, .nav.nav-tabs .nav-tabs > li.active > a:hover, .nav.nav-tabs .nav-tabs > li.active > .link:hover, .nav.nav-tabs a .nav-tabs > li.active > .location:hover, a .nav.nav-tabs .nav-tabs > li.active > .location:hover, .nav.nav-tabs .link .nav-tabs > li.active > .location:hover, .link .nav.nav-tabs .nav-tabs > li.active > .location:hover {
  border: none;
}

.edit-button {
  color: #05D8FF;
}
.edit-button:hover, a .edit-button.location:hover, .link .edit-button.location:hover {
  color: #0F0;
}

.player_notes {
  margin-bottom: 16px;
}

.player_notes .displayed-value {
  white-space: pre-line;
}

.event_type_button {
  margin-bottom: 2px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.season_changer header {
  text-shadow: 1px 1px 1px black;
  color: #0F0;
  font-size: 1.3em;
}

.player_season_select {
  color: #FF8F00;
  text-shadow: 1px 1px 1px black;
}

.player_season_select .season_option {
  display: block;
  cursor: pointer;
}

.player_season_select .season_option:hover {
  color: white;
}

.player_notes form, .about_me_container form {
  width: 100%;
  display: block;
}
.player_notes textarea, .about_me_container textarea {
  min-width: 100%;
}

.player_season_select .season_option.active {
  color: white;
  cursor: auto;
  padding-right: 8px;
  border-right: 2px solid #05D8FF;
}

.special_mod_information {
  margin-bottom: 16px;
}

.special_mod_information .count {
  color: #0F0;
  float: right;
}

#ping_test_result {
  display: none;
}

#ping_test_result.visible {
  display: inline-block;
}

.ping_result {
  color: #0F0;
  font-size: 11px;
  text-shadow: 1px 1px 1px black;
  text-align: center;
}

.user_main_info_area .location {
  text-shadow: 0 1px 1px #000;
  font: 14px "Open Sans";
  color: #C2C2C2;
}
.user_main_info_area .send_message {
  margin-bottom: 8px;
}
.user_main_info_area .blog_post_title .date {
  font-size: 12px;
  font-style: italic;
}
.user_main_info_area .blog_post_title {
  font-size: 14px;
}
.user_main_info_area .latest_blog_posts .heading {
  text-decoration: underline;
  margin-bottom: 0;
}
.user_main_info_area .latest_blog_posts .heading a, .user_main_info_area .latest_blog_posts .heading .link, .user_main_info_area .latest_blog_posts .heading a .location:hover, a .user_main_info_area .latest_blog_posts .heading .location:hover, .user_main_info_area .latest_blog_posts .heading .link .location:hover, .link .user_main_info_area .latest_blog_posts .heading .location:hover {
  color: white;
}
.user_main_info_area .created_the_site {
  font-size: 16px;
  color: yellow;
  font-style: italic;
}
.user_main_info_area .subscription_streak {
  font-size: 16px;
}
.user_main_info_area .last_seen, .user_main_info_area .subscribed_until {
  text-shadow: 1px 1px 1px #000;
}
.user_main_info_area .subscribed_until {
  font-size: 16px;
}
.user_main_info_area .mod_options {
  margin: 0;
  padding: 0;
}
.user_main_info_area .mod_options .permission {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.user_main_info_area .mod_options .name {
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #05D8FF;
}
.user_main_info_area .mod_options .image_holder {
  display: inline-flex;
  flex-direction: column;
  width: 70px;
}
.user_main_info_area .mod_options img {
  max-width: 64px;
  max-height: 30px;
}
.user_main_info_area .mod_options .user_interactions > div {
  margin-bottom: 12px;
}
.user_main_info_area .mod_options label.input-toggle > span:not(:first-of-type) {
  font-size: 14px;
}
.user_main_info_area .mod_options .user_interactions > div > form {
  display: block;
}
.user_main_info_area .mod_options form button {
  border: 2px solid transparent;
  white-space: normal;
}
.user_main_info_area .mod_options li {
  margin-bottom: 14px;
}
.user_main_info_area .mod_options .until {
  display: block;
}
.user_main_info_area .mod_options .until:hover {
  color: #05D8FF;
}
.user_main_info_area .banned_heading {
  font-style: italic;
  text-align: center;
  color: black;
  background-color: #FF3434;
  border: 1px solid #3A4059;
}
.user_main_info_area .last_seen .number {
  color: #0F0;
}
.user_main_info_area .member_since {
  font-size: 14px;
  text-shadow: 1px 1px 1px #000;
}
.user_main_info_area .display_name {
  display: block;
}
.user_main_info_area .display_name_editable {
  display: inline;
}
.user_main_info_area .online_status i {
  font-size: 13px;
}
.user_main_info_area .profile_main_name.editing .online_status {
  display: none;
}
.user_main_info_area .display_name_container {
  display: inline-block;
  margin-top: 16px;
}
.user_main_info_area .display_name_container .edit-button {
  font-size: 16px;
}
.user_main_info_area .display_name_container.editing .display_name_status {
  display: none;
}

.inline-editable .displayed-value-container {
  display: inline-block;
}
.inline-editable form {
  display: none;
}

.inline-editable.editing .displayed-value-container {
  display: none;
}
.inline-editable.editing form {
  display: inline-block;
}

.possible_aka_listings {
  padding-bottom: 0;
}

.can-play-ranked-form, .ban_user {
  position: relative;
}
.can-play-ranked-form .ban_datepicker, .can-play-ranked-form .ban-user-form, .ban_user .ban_datepicker, .ban_user .ban-user-form {
  display: none;
  position: absolute;
  top: 16px;
  left: 0;
  background-color: #12141C;
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
  filter: drop-shadow(3px 3px 1px black) drop-shadow(-3px 3px 1px black) drop-shadow(0 -1.5px 1px black);
  padding: 8px;
  z-index: 10;
  min-width: 210px;
}
.can-play-ranked-form.ban_options .ban_datepicker, .can-play-ranked-form.ban_options .ban-user-form, .ban_user.ban_options .ban_datepicker, .ban_user.ban_options .ban-user-form {
  display: block;
}

.possible_aka_listings .user_information {
  display: block;
}
.possible_aka_listings .user_information .username, .possible_aka_listings .user_information .user_info .subscription_streak, .user_info .possible_aka_listings .user_information .subscription_streak, .possible_aka_listings .user_information .subscriber_glowish, .possible_aka_listings .user_information .subscribe_link {
  display: inline-block;
}
.possible_aka_listings .email_address {
  display: inline-block;
  margin-bottom: 12px;
  color: #0F0;
}
.possible_aka_listings .ip_address {
  color: #F66;
}
.possible_aka_listings .ip_address:hover {
  color: white;
  cursor: pointer;
}
.possible_aka_listings .emphasized_time, .possible_aka_listings .achievement-list time, .achievement-list .possible_aka_listings time, .possible_aka_listings .birthday .unknown, .birthday .possible_aka_listings .unknown, .possible_aka_listings .character_stats .character_matchups .win_percentage, .character_stats .character_matchups .possible_aka_listings .win_percentage, .possible_aka_listings .note_card .post_time, .note_card .possible_aka_listings .post_time, .possible_aka_listings .infraction_view .date_holder, .infraction_view .possible_aka_listings .date_holder, .possible_aka_listings .active_matches .duration, .active_matches .possible_aka_listings .duration, .possible_aka_listings .active_matches .start_time, .active_matches .possible_aka_listings .start_time {
  font-size: 13px;
}
.possible_aka_listings .user_is_active .emphasized_time, .possible_aka_listings .user_is_active .achievement-list time, .achievement-list .possible_aka_listings .user_is_active time, .possible_aka_listings .user_is_active .birthday .unknown, .birthday .possible_aka_listings .user_is_active .unknown, .possible_aka_listings .user_is_active .character_stats .character_matchups .win_percentage, .character_stats .character_matchups .possible_aka_listings .user_is_active .win_percentage, .possible_aka_listings .user_is_active .note_card .post_time, .note_card .possible_aka_listings .user_is_active .post_time, .possible_aka_listings .user_is_active .infraction_view .date_holder, .infraction_view .possible_aka_listings .user_is_active .date_holder, .possible_aka_listings .user_is_active .active_matches .duration, .active_matches .possible_aka_listings .user_is_active .duration, .possible_aka_listings .user_is_active .active_matches .start_time, .active_matches .possible_aka_listings .user_is_active .start_time {
  color: #0F0;
}
.possible_aka_listings .ip_dates {
  color: #05D8FF;
  font-size: 10px;
}
.possible_aka_listings .start_date:after {
  content: "-";
  margin: 0 2px 0 4px;
  color: #FF3434;
}
.possible_aka_listings .account_status > span {
  display: block;
}
.possible_aka_listings .account_status {
  text-align: right;
}
.possible_aka_listings .account_active {
  color: #0F0;
}
.possible_aka_listings .actions {
  display: block;
}
.possible_aka_listings .aka_options {
  display: block;
  position: relative;
  margin: 0 16px 0 0;
}
.possible_aka_listings .last_seen {
  float: none;
  text-shadow: none;
  clear: none;
}

.profile_main_name .display_name_rules {
  font-size: 1.2em;
}

.profile_main_name .last_change {
  font-size: 15px;
  color: #FF3434;
}
.profile_main_name .last_change.can_be_changed {
  color: #0F0;
}

.text-success, .username.text-success, .user_info .text-success.subscription_streak {
  color: #0F0;
  text-shadow: 1px 1px 1px black;
}

.text-danger, .username.text-danger, .user_info .text-danger.subscription_streak {
  color: #FF3434;
  text-shadow: 1px 1px 1px black;
}

.online_indicator .is_offline {
  color: #C2C2C2;
}
.online_indicator .idle_indicator, .online_indicator .away_indicator {
  color: #30354A;
}
.online_indicator .active_indicator {
  color: #0F0;
}

.user_is_banned, .possible_aka_listings .user_is_banned {
  background: rgba(81, 10, 10, 0.46);
  color: white;
}

.pm_list .pm_entry {
  padding: 6px 12px 6px 12px;
  border-bottom: 1px solid #FFF;
}
.pm_list .easy_read .description {
  overflow: hidden;
  display: block;
  max-height: 6em;
  height: auto;
  opacity: 1;
  transition: 0.2s;
  overflow-y: auto;
  padding-bottom: 2px;
  word-break: break-word;
}

.main_info .match_history_display, .main_info .summary_information_area, .main_info .cool_chat_controls {
  overflow: hidden;
  max-height: 0;
}
.main_info .back_to_summary {
  display: none;
}

.main_info.match_history_view .back_to_summary, .main_info.notes_view .back_to_summary {
  display: block;
}

.main_info.match_history_view .match_history_display {
  transition: 0.6s ease-in;
  max-height: 490px;
  overflow-y: auto;
}

.main_info.summary_view .summary_information_area {
  max-height: 490px;
  overflow: visible;
}
.main_info.summary_view .the_buttons > div {
  display: flex;
  flex-direction: column;
}
.main_info.summary_view .the_buttons > div.send_message_holder {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.main_info.summary_view .the_buttons {
  flex: 0 0 130px;
  min-width: 0;
}
.main_info.summary_view .the_buttons .active_selectable_button {
  white-space: normal;
  word-break: break-word;
  line-height: 1.2;
  min-width: 0;
}
.main_info.summary_view .game_info_holder .friendlies_played_container {
  white-space: normal;
  word-break: break-word;
  line-height: 1.2;
}
.main_info.summary_view .user_info_padding {
  padding-right: 12px;
  padding-left: 12px;
}

.main_info .cool_chat_controls {
  transition: 0.6s ease-in;
  max-height: 490px;
}

.match_history_display {
  margin: 0 4px;
  overflow-y: hidden;
  font-size: 13px;
}

.note_card .note_info {
  display: inline-block;
  margin-right: 12px;
}
.note_card .username, .note_card .user_info .subscription_streak, .user_info .note_card .subscription_streak, .note_card .subscriber_glowish, .note_card .subscribe_link {
  font-size: 1.6rem;
}
.note_card .username_container {
  margin-right: 12px;
}
.note_card .note_content {
  font-size: 16px;
  white-space: pre-wrap;
}

.match_history_display .matches {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding-right: 6px;
}

.match_history_display .match_time {
  text-align: right;
}
.match_history_display .history_content {
  display: none;
}
.match_history_display .loading {
  display: none;
}
.match_history_display .loading .loading_image {
  margin-top: 16px;
}
.match_history_display .error {
  display: none;
}

.match_history_display.loading .loading {
  display: block;
  text-align: center;
}

.match_history_display.error .error {
  display: block;
}
.match_history_display.error .loading {
  display: none;
}

.match_history_display.displayed .history_content {
  display: block;
}

.display_name_approval_list .name_approval_form button {
  box-shadow: none;
}
.display_name_approval_list .name_approval_form button.selected {
  font-size: 16px;
  border: 2px solid #FFF;
}

.character_stats .heading {
  font-size: 24px;
  margin-bottom: 8px;
}
.character_stats .matchup_characters .character {
  margin-right: 8px;
}
.character_stats .dates {
  display: block;
  font-size: 12px;
  margin-bottom: 8px;
}
.character_stats .characters {
  display: flex;
  flex-direction: row;
}
.character_stats .characters .character_container {
  margin-right: 8px;
  text-align: center;
}
.character_stats .characters .character_container .character_name {
  display: block;
}
.character_stats .my_character {
  margin-bottom: 16px;
}
.character_stats .character_matchups .times_faced {
  display: block;
}
.character_stats .character_matchups .wins {
  color: #0F0;
}
.character_stats .character_matchups .losses {
  color: #FF3434;
}
.character_stats .character_matchups .wins, .character_stats .character_matchups .losses {
  font-size: 19px;
}
.character_stats .character_matchups .total {
  font-size: 19px;
}
.character_stats .character_matchups .totals {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid white;
}

.subscription-detail .recent_subscription_history {
  display: block;
}
.subscription-detail .recent_subscription_history .end_date, .subscription-detail .recent_subscription_history .subscription_description {
  display: inline-block;
}
.subscription-detail .recent_subscription_history .subscription_description {
  margin-right: 16px;
  color: #05D8FF;
}
.subscription-detail .notice {
  font-size: 12px;
  display: block;
}
.subscription-detail input[name=end_date] {
  display: inline-block;
  width: auto;
}
.season_history {
  background-color: #12141C;
  border-radius: 4px;
  border: 1px solid #3A4059;
  width: 100%;
}

.birthday #birthday_form, .birthday #birthday_remove {
  display: none;
}
.birthday .birthday_display {
  display: inline-block;
}
.birthday .birthday-picker select {
  max-width: 122px;
}
.birthday .birthday-picker .birth-year {
  display: block;
}

.birthday.edit #birthday_form, .birthday.edit #birthday_remove {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.birthday.edit .birthday_display {
  display: none;
}

.matchmaking-stats .preferred_game_filter {
  position: relative;
}
.matchmaking-stats .preferred_game_filter:after {
  display: block;
  content: "";
  transform: scale(0);
  transition: all 450ms ease 0ms;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.matchmaking-stats .preferred_game_filter.active {
  transition: background-color 0.5s ease;
}
.matchmaking-stats .preferred_game_filter.active:after {
  background: rgba(10, 110, 189, 0.58);
  background: -webkit-linear-gradient(right, rgba(10, 110, 189, 0.58) 0%, #0A6EBD 12%, #05D8FF 47%, rgba(10, 110, 189, 0.58) 100%);
  background: linear-gradient(to left, rgba(10, 110, 189, 0.58) 0%, #0A6EBD 12%, #05D8FF 47%, rgba(10, 110, 189, 0.58) 100%);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transform: scale(1);
}
.matchmaking-stats .player_ladder_stat_summary > div {
  flex: 1 0 400px;
}
.matchmaking-stats .slot_number_and_characters {
  position: relative;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  margin-right: 16px;
  padding: 4px;
}
.matchmaking-stats .slot_number_and_characters:after {
  display: block;
  content: "";
  transform: scale(0);
  transition: all 450ms ease 0ms;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.matchmaking-stats .slot_number_and_characters.active {
  transition: background-color 0.5s ease;
}
.matchmaking-stats .slot_number_and_characters.active:after {
  background: rgba(10, 110, 189, 0.58);
  background: -webkit-linear-gradient(right, rgba(10, 110, 189, 0.58) 0%, #0A6EBD 12%, #05D8FF 47%, rgba(10, 110, 189, 0.58) 100%);
  background: linear-gradient(to left, rgba(10, 110, 189, 0.58) 0%, #0A6EBD 12%, #05D8FF 47%, rgba(10, 110, 189, 0.58) 100%);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transform: scale(1);
}
.matchmaking-stats .selectable_games {
  display: flex;
  flex-wrap: wrap;
}
.matchmaking-stats .selectable_games .game_logo_mini.selectable {
  display: none;
}
.matchmaking-stats .selectable_games .full_logo.selectable {
  display: inline-block;
  max-height: 98px;
  margin-bottom: 16px;
}
.matchmaking-stats .selectable_games .season_link:hover {
  border: none;
}
.matchmaking-stats .selectable_games .season_link:hover img {
  filter: drop-shadow(1px 1px 1px white) drop-shadow(-1px 1px 1px white) drop-shadow(0 -0.5px 1px white);
  transition: all 0.2s linear;
}
.matchmaking-stats.has_ladder_selected {
  display: flex;
  flex-direction: row;
}
.matchmaking-stats.has_ladder_selected .stats_display {
  flex: 1;
}
.matchmaking-stats.has_ladder_selected .selectable_games {
  align-items: left;
  flex-direction: column;
  margin-right: 16px;
}
.matchmaking-stats.has_ladder_selected .selectable_games .game_logo_mini.selectable {
  display: block;
}
.matchmaking-stats.has_ladder_selected .selectable_games .full_logo.selectable {
  display: none;
}
.matchmaking-stats .heading {
  font-size: 2em;
  margin-bottom: 20px;
}
.matchmaking-stats .character_vs {
  display: flex;
  align-items: center;
}
.matchmaking-stats .matchup {
  display: flex;
  margin-left: 8px;
}
.matchmaking-stats .character_vs .vs {
  margin: 0 16px;
  justify-content: center;
  font-size: 20px;
}
.matchmaking-stats .game_logo_mini.selectable {
  height: 36px;
  cursor: pointer;
  display: block;
  transition: all 64ms ease-in;
  transform: scale(1);
  padding-right: 8px;
}
.matchmaking-stats .game_logo {
  display: block;
  max-height: 128px;
  margin: 0 auto 16px auto;
}
.matchmaking-stats .seasons {
  flex-wrap: wrap;
  padding: 8px 2px;
  flex-flow: wrap;
  margin: 0 0 16px 0;
}
.matchmaking-stats .the_tier_stats {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.matchmaking-stats .medal_summary {
  margin-right: 16px;
}
.matchmaking-stats .season_link {
  display: block;
}
.matchmaking-stats .season_link.selected {
  border-right: 2px solid white;
}
.matchmaking-stats .season_link:hover {
  border-right: 2px solid #0F0;
}
.matchmaking-stats .season {
  color: #FF3434;
  font-size: 16px;
  padding: 4px 8px;
  margin: 0 32px 8px 0;
  white-space: nowrap;
  border-radius: 4px;
}
.matchmaking-stats .season > .season {
  display: inline-flex;
  flex-direction: column;
}
.matchmaking-stats .season .dates {
  font-size: 12px;
  display: block;
  color: white;
}
.matchmaking-stats .season:hover, .matchmaking-stats .season.selected {
  color: #0F0;
  transition: all 64ms ease-in;
  background-color: #12141C;
}
.matchmaking-stats .season.selected {
  color: #0F0;
  font-size: 18px;
}
.matchmaking-stats .tier_group {
  display: flex;
  margin-top: 20px;
}
.matchmaking-stats .tier_group .division {
  display: none;
}
.matchmaking-stats .tier_group .stats {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.matchmaking-stats .tier_group .count {
  color: #05D8FF;
  font-size: 16px;
}
.matchmaking-stats .wins_and_losses {
  font-size: 16px;
  display: block;
}
.matchmaking-stats .wins_and_losses:before {
  content: "(";
}
.matchmaking-stats .wins_and_losses .dash:before {
  content: "-";
}
.matchmaking-stats .wins_and_losses:after {
  content: ")";
}
.matchmaking-stats .wins {
  color: #0F0;
}
.matchmaking-stats .losses {
  color: #FF3434;
}

.achievement-list .achievement {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #3A4059;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.achievement-list time {
  order: 100;
  font-size: smaller;
  white-space: nowrap;
  text-align: right;
  flex: 1;
}
.achievement-list .title {
  font-weight: bold;
  display: block;
}
.achievement-list .description_stuff {
  display: flex;
  flex-direction: column;
}
.achievement-list .description {
  display: block;
}
.achievement-list .achievement_image {
  position: relative;
  margin-right: 8px;
  min-width: 128px;
  max-width: 128px;
  text-align: center;
}
.achievement-list .achievement_image .game_logo {
  max-width: 100%;
}
.achievement-list .achievement_image .achievement_logo {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  filter: drop-shadow(3px 3px 1px black) drop-shadow(-3px 3px 1px black) drop-shadow(0 -1.5px 1px black);
  max-width: 48px;
  left: 16px;
  bottom: 0;
  transform: translate(50%, 0);
}

.profile_email:hover .user_email {
  display: inline;
}
.profile_email:hover .email_hider {
  display: none;
}
.profile_email .user_email {
  display: none;
}

.about_me_stuff {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about_me_stuff > section, .about_me_stuff > div {
  border: 16px solid transparent;
}
.about_me_stuff .about_player {
  flex: 1;
}
.about_me_stuff .about-me-alias-edit {
  cursor: pointer;
}
.about_me_stuff .about-me-alias-edit:hover {
  color: #05D8FF;
}
.about_me_stuff .matchmaking_stats_link {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about_me_stuff .matchmaking_stats_link:not(.is_subscribed):not(.subscriber_glowish):not(.subscribe_link) .link_image {
  filter: contrast(0.2) grayscale(1);
}
.about_me_stuff .matchmaking_stats_link:not(.is_subscribed):not(.subscriber_glowish):not(.subscribe_link) .stats_link {
  pointer-events: none;
}
.about_me_stuff .matchmaking_stats_link.is_subscribed .stats_link, .about_me_stuff .user_info .matchmaking_stats_link.subscription_streak .stats_link, .user_info .about_me_stuff .matchmaking_stats_link.subscription_streak .stats_link, .about_me_stuff .matchmaking_stats_link.subscriber_glowish .stats_link, .about_me_stuff .matchmaking_stats_link.subscribe_link .stats_link {
  pointer-events: auto;
}
.about_me_stuff .matchmaking_stats_link.is_subscribed .link_image:hover, .about_me_stuff .user_info .matchmaking_stats_link.subscription_streak .link_image:hover, .user_info .about_me_stuff .matchmaking_stats_link.subscription_streak .link_image:hover, .about_me_stuff .matchmaking_stats_link.subscriber_glowish .link_image:hover, .about_me_stuff .matchmaking_stats_link.subscribe_link .link_image:hover {
  filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 0.8)) drop-shadow(-1px -1px 1px rgba(255, 255, 255, 0.8));
  transition: all 0.3s linear;
}

.oauth_login .client_name {
  color: #05D8FF;
}

.modal-content .specific_code_form .save {
  display: none;
}

.social_medias .heading {
  margin-bottom: 0;
}
.social_medias .items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: -4px;
  flex-wrap: wrap;
}
.social_medias .items .social_media {
  border: 4px solid transparent;
}
.social_medias .items .social_media .heading {
  height: 27px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.social_medias .items .social_media .heading .span {
  margin-left: 4px;
}
.social_medias .items .social_media.disabled .primary_value, .social_medias .items .request_list .challenge_request_hmm.removing button.social_media .primary_value, .request_list .challenge_request_hmm.removing .social_medias .items button.social_media .primary_value {
  display: none;
}
.social_medias .items .social_media.disabled .heading, .social_medias .items .request_list .challenge_request_hmm.removing button.social_media .heading, .request_list .challenge_request_hmm.removing .social_medias .items button.social_media .heading {
  color: #F66;
  font-style: italic;
}
.social_medias .items .social_media.disabled .specific_field .viewing .editing, .social_medias .items .request_list .challenge_request_hmm.removing button.social_media .specific_field .viewing .editing, .request_list .challenge_request_hmm.removing .social_medias .items button.social_media .specific_field .viewing .editing {
  display: none;
}
.social_medias .items .social_media .social_content {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.social_medias .items .social_media .twitch_link {
  display: flex;
  align-items: center;
}
.social_medias .items .social_media .twitch_link i {
  margin-right: 8px;
}
.social_medias .items .social_media i {
  font-size: 20px;
  margin-right: 4px;
}
.social_medias .items .social_media .profile_name {
  font-size: 16px;
}
.social_medias .items .social_media .unlink_form {
  margin-top: 4px;
}

.account_connect {
  text-align: center;
}
.account_connect .connect_icon .icon {
  font-size: 64px;
}
.account_connect .profile {
  display: flex;
  flex-direction: column;
}
.account_connect .profile .display_name {
  font-size: 24px;
  margin-bottom: 8px;
}
.profile-shell {
  --profile-panel: #12141c;
  --profile-panel-head: #30354a;
  --profile-link: #18c5f0;
  --profile-link-tint: color-mix(in srgb, var(--profile-link) 7%, transparent);
  --profile-heading: #ef5350;
  --profile-heading-weight: 400;
  --profile-name: #ffeb3b;
  --profile-online: #2ee83a;
  --profile-button: #0a6ebd;
  --profile-page-background: #1c1f2b;
  --profile-hover-tint: rgba(255, 255, 255, 0.025);
  --profile-art-backing: #0c0e14;
  --profile-staff-ink: #ef9a9a;
  --profile-radius: 6px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 24px 24px;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
  line-height: 1.45;
  text-align: left;
}
[data-theme=light] .profile-shell {
  --profile-panel: var(--ui-panel);
  --profile-panel-head: var(--ui-panel-2);
  --profile-link: var(--ui-link);
  --profile-heading: var(--ui-heading);
  --profile-heading-weight: 500;
  --profile-name: var(--ui-name);
  --profile-online: var(--ui-good);
  --profile-page-background: var(--ui-page);
  --profile-hover-tint: rgba(31, 39, 51, 0.04);
  --profile-art-backing: var(--ui-panel-2);
  --profile-staff-ink: var(--ui-red);
}
.profile-shell a, .profile-shell .link, .profile-shell a .location:hover, a .profile-shell .location:hover, .profile-shell .link .location:hover, .link .profile-shell .location:hover {
  color: var(--profile-link);
}
.profile-shell__ads {
  margin-top: 32px;
}

.profile-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  padding-bottom: 20px;
}
.profile-header__guest-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  padding: 10px 14px;
  border: 1px solid color-mix(in srgb, var(--profile-link) 30%, transparent);
  border-radius: var(--profile-radius);
  background: var(--profile-link-tint);
  color: var(--ui-ink-2);
}
.profile-header__guest-bar b {
  color: var(--ui-name-highlight);
  font-weight: 500;
}
.profile-header__guest-bar .profile-header__button {
  margin-left: auto;
}
.profile-header__banned {
  margin-bottom: 16px;
  padding: 10px 14px;
  border: 1px solid rgba(239, 69, 101, 0.5);
  border-radius: var(--profile-radius);
  background: rgba(239, 69, 101, 0.1);
  color: var(--ui-red);
  font-weight: 500;
}
.profile-header__avatar {
  position: relative;
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: linear-gradient(135deg, #42a5f5, #1565c0);
  box-shadow: 0 0 0 3px var(--profile-page-background), 0 0 0 4px var(--ui-line-2);
  color: #fff;
  font-size: 38px;
  font-weight: 500;
}
.profile-header__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.profile-header__avatar--own {
  background: linear-gradient(135deg, #ab47bc, #5e35b1);
}
.profile-header__avatar:has(img) {
  background: transparent;
}
.profile-header__avatar:has(img) > span {
  display: none;
}
.profile-header__presence-dot {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 16px;
  height: 16px;
  border: 3px solid var(--profile-page-background);
  border-radius: 50%;
  background: var(--profile-online);
}
.profile-header__identity {
  min-width: 0;
}
.profile-header__name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.profile-header__name.username, .user_info .profile-header__name.subscription_streak, .profile-header__name.subscriber_glowish, .profile-header__name.subscribe_link {
  margin: 0;
  color: var(--ui-name-highlight);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  text-shadow: 0 0 12px var(--profile-glow, transparent), 0 0 2px var(--profile-glow, transparent);
}
.profile-header__badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border: 1px solid var(--ui-line-2);
  border-radius: 999px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-xs);
  font-weight: 500;
  letter-spacing: 0.02em;
}
.profile-header__badge--founder {
  border-color: rgba(255, 138, 101, 0.45);
  background: rgba(255, 138, 101, 0.08);
  color: #ff8a65;
}
[data-theme=light] .profile-header__badge--founder {
  border-color: rgba(184, 70, 30, 0.4);
  background: rgba(184, 70, 30, 0.08);
  color: #a83f17;
}
.profile-header__badge--subscriber {
  border-color: rgba(255, 176, 32, 0.45);
  background: rgba(255, 176, 32, 0.08);
  color: var(--ui-sub);
}
.profile-header__display-name {
  margin-top: 4px;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.profile-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin-top: 8px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.profile-header__meta .fa, .profile-header__meta .chat_message.edited .edited, .chat_message.edited .profile-header__meta .edited, .profile-header__meta .feedback_thumbs .negative, .feedback_thumbs .profile-header__meta .negative, .profile-header__meta .feedback_thumbs .positive, .feedback_thumbs .profile-header__meta .positive, .profile-header__meta .feedback_thumbs .neutral, .feedback_thumbs .profile-header__meta .neutral {
  margin-right: 4px;
  color: var(--ui-ink-3);
}
.profile-header__online {
  color: var(--profile-online);
}
.profile-header__online::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--profile-online);
}
.profile-header__offline::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--ui-ink-3);
}
.profile-header__subscribed-until {
  margin-top: 6px;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
}
.profile-header__subscribed-until a, .profile-header__subscribed-until .link, .profile-header__subscribed-until a .location:hover, a .profile-header__subscribed-until .location:hover, .profile-header__subscribed-until .link .location:hover, .link .profile-header__subscribed-until .location:hover {
  margin-left: 6px;
}
.profile-header__actions {
  position: relative;
}
.profile-header__button {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--profile-radius);
  background: var(--ui-panel-2);
  color: var(--ui-ink);
  font-weight: 500;
}
.profile-header__button--primary {
  border-color: transparent;
  background: var(--profile-button);
  color: #fff;
}
.profile-header__button:hover, a .profile-header__button.location:hover, .link .profile-header__button.location:hover {
  text-decoration: none;
}
.profile-header__button:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: 2px;
}
.profile-header__guest-bar .profile-header__button--primary {
  color: #fff;
}

.profile-edit-staff {
  margin-bottom: 20px;
}
.profile-edit-staff > summary {
  color: var(--profile-staff-ink);
  font-size: var(--ui-fs-sm);
  cursor: pointer;
}

.profile-edit {
  margin-bottom: 24px;
  border: 1px solid var(--ui-line-2);
  border-radius: 10px;
  background: var(--profile-panel);
  overflow: hidden;
}
.profile-edit[hidden] {
  display: none;
}
.profile-edit__head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 12px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--ui-line);
  background: linear-gradient(180deg, var(--profile-hover-tint), transparent);
}
.profile-edit__title {
  margin: 0;
  color: var(--ui-ink);
  font-size: var(--ui-fs-lg);
  font-weight: 600;
}
.profile-edit__subtitle {
  margin: 0;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.profile-edit__groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
  padding: 16px;
}
.profile-edit__group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--ui-line);
  border-radius: 8px;
  background: var(--ui-surface);
}
.profile-edit__group form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.profile-edit__group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 20px;
}
.profile-edit__label {
  margin: 0;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
  font-weight: 600;
}
.profile-edit__meta {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
}
.profile-edit__help {
  margin: -4px 0 2px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.profile-edit__row {
  display: flex;
  gap: 8px;
}
.profile-edit__input, .profile-edit__date select {
  padding: 8px 11px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--profile-radius);
  background: var(--ui-bg);
  color: var(--ui-ink);
  font: inherit;
}
.profile-edit__input:focus, .profile-edit__date select:focus {
  outline: none;
  border-color: var(--profile-link);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--profile-link) 18%, transparent);
}
.profile-edit__input {
  flex: 1;
  min-width: 0;
}
.profile-edit__input::placeholder {
  color: var(--ui-ink-4);
  font-style: normal;
}
.profile-edit__date .birthday-picker {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1.2fr;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}
.profile-edit__date select {
  min-width: 0;
  cursor: pointer;
}
.profile-edit__switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 8px 0;
  border-top: 1px solid var(--ui-line);
  color: var(--ui-ink);
  font-size: var(--ui-fs-sm);
  font-weight: 400;
  cursor: pointer;
}
.profile-edit__switch {
  display: inline-flex;
}
.profile-edit__switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.profile-edit__switch span {
  position: relative;
  flex: none;
  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: var(--ui-ink-4);
  transition: background 0.15s;
}
.profile-edit__switch span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.15s;
}
.profile-edit__switch input:checked + span {
  background: var(--profile-link);
}
.profile-edit__switch input:checked + span::after {
  transform: translateX(16px);
}
.profile-edit__switch input:focus-visible + span {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--profile-link) 30%, transparent);
}
.profile-edit__actions {
  display: flex;
  gap: 8px;
}
.profile-edit__button.profile-edit__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 8px 16px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--profile-radius);
  background: var(--ui-panel-2);
  color: var(--ui-ink);
  font: inherit;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
.profile-edit__button.profile-edit__button:hover {
  border-color: var(--ui-line-3);
}
.profile-edit__button.profile-edit__button:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: 2px;
}
.profile-edit__button.profile-edit__button:disabled {
  opacity: 0.5;
  cursor: default;
}
.profile-edit__button--primary.profile-edit__button--primary {
  border-color: transparent;
  background: var(--profile-button);
  color: #fff;
}
.profile-edit__button--primary.profile-edit__button--primary:hover {
  background: #1580d4;
}
.profile-edit__button--danger.profile-edit__button--danger {
  border-color: rgba(239, 69, 101, 0.45);
  background: transparent;
  color: var(--ui-red);
}
.profile-edit__button--danger.profile-edit__button--danger:hover {
  background: rgba(239, 69, 101, 0.1);
}
.profile-edit__feedback {
  font-size: var(--ui-fs-sm);
}
.profile-edit__feedback:empty {
  display: none;
}
.profile-edit__feedback--error {
  color: var(--ui-red);
}
.profile-edit__feedback--good {
  color: var(--ui-good);
}
.profile-edit__rules {
  margin: auto 0 0;
  padding: 10px 0 0 16px;
  border-top: 1px solid var(--ui-line);
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
  line-height: 1.6;
}
.profile-edit__rules li {
  list-style: disc;
}
.profile-edit__status {
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
}
.profile-edit__status--approved {
  background: rgba(54, 211, 153, 0.15);
  color: var(--ui-good);
}
.profile-edit__status--denied {
  background: rgba(239, 69, 101, 0.15);
  color: var(--ui-red);
}
.profile-edit__status--pending {
  background: rgba(255, 176, 32, 0.15);
  color: var(--ui-warn);
}
.profile-edit__message {
  margin: 0;
  padding: 0 20px 16px;
  color: var(--ui-good);
  font-size: var(--ui-fs-sm);
}
.profile-edit__message:empty {
  display: none;
}
.profile-edit__message--error {
  color: var(--ui-red);
}

.profile-page__icon {
  width: 16px;
  height: 16px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.profile-page__muted {
  color: var(--ui-ink-3);
}
.profile-page__error {
  margin: 8px 0 0;
  color: var(--ui-red);
  font-size: var(--ui-fs-sm);
}
.profile-page__visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.profile-page__label {
  display: block;
  margin-bottom: 3px;
  color: var(--ui-ink-3);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.profile-page__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--profile-radius, 6px);
  background: var(--ui-panel-2);
  color: var(--ui-ink);
  font-family: inherit;
  font-size: var(--ui-fs-base);
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  text-decoration: none;
}
.profile-page__button:hover, a .profile-page__button.location:hover, .link .profile-page__button.location:hover {
  border-color: var(--ui-line-3);
  background: var(--ui-panel-2);
  color: var(--ui-ink);
  text-decoration: none;
}
.profile-page__button:focus-visible {
  outline: 2px solid var(--profile-link, #18c5f0);
  outline-offset: 2px;
}
.profile-page__button:disabled {
  opacity: 0.45;
  cursor: default;
}
.profile-page__button--primary, .profile-page__button--primary:hover, a .profile-page__button--primary.location:hover, .link .profile-page__button--primary.location:hover {
  border-color: transparent;
  background: var(--profile-button, #0a6ebd);
  color: #fff;
}
.profile-page__button--glow {
  border-color: rgba(54, 211, 153, 0.6);
  box-shadow: 0 0 10px rgba(54, 211, 153, 0.35);
}
.profile-page__button--small {
  padding: 5px 12px;
  font-size: var(--ui-fs-sm);
}
.profile-page__button--icon {
  padding: 8px 10px;
}
.profile-page__link-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 4px;
  border: 0;
  border-radius: 4px;
  background: none;
  color: var(--profile-link);
  font-family: inherit;
  font-size: var(--ui-fs-sm);
  cursor: pointer;
}
.profile-page__link-button:hover, a .profile-page__link-button.location:hover, .link .profile-page__link-button.location:hover {
  background: var(--profile-link-tint);
  color: var(--profile-link);
}
.profile-page__link-button:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: 1px;
}
.profile-page__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.profile-page__menu-wrap {
  position: relative;
  display: inline-flex;
}
.profile-page__menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 20;
  min-width: 200px;
  padding: 6px;
  border: 1px solid var(--ui-line-3);
  border-radius: var(--profile-radius, 6px);
  background: var(--ui-panel-2);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
}
.profile-page__menu button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 4px;
  background: none;
  color: var(--ui-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.profile-page__menu button:hover, .profile-page__menu button:focus-visible {
  outline: none;
  background: rgba(255, 255, 255, 0.06);
  color: var(--ui-ink);
}
.profile-page__menu .profile-page__menu-danger,
.profile-page__menu .profile-page__menu-danger:hover {
  color: var(--ui-red);
}
.profile-page__tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--ui-line-2);
}
.profile-page__tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: -1px;
  padding: 10px 14px;
  border-bottom: 2px solid transparent;
  color: var(--ui-ink-2);
  font-size: 15px;
  font-weight: 500;
}
.profile-page__tab:hover, a .profile-page__tab.location:hover, .link .profile-page__tab.location:hover, .profile-page__tab:focus {
  color: var(--ui-ink);
  text-decoration: none;
}
.profile-page__tab:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: -2px;
}
.profile-page__tab[aria-current=page] {
  border-bottom-color: var(--profile-link);
  color: var(--profile-link);
}
.profile-page__tab--restricted {
  margin-left: auto;
  color: var(--profile-staff-ink);
}
.profile-page__tab--restricted[aria-current=page] {
  border-bottom-color: var(--profile-heading);
  color: var(--profile-heading);
}
.profile-shell .profile-page__tab:not([aria-current=page]):not(.profile-page__tab--restricted) {
  color: var(--ui-ink-2);
}
.profile-page__tab-count {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
  font-weight: 400;
}
.profile-page__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 36px;
  align-items: start;
}
.profile-page__main {
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
}
.profile-page__section-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 12px;
  color: var(--profile-heading);
  font-size: 18px;
  font-weight: var(--profile-heading-weight);
}
.profile-page__section-more {
  margin-left: auto;
  font-size: var(--ui-fs-sm);
}
.profile-page button.profile-page__section-more {
  padding: 0;
  border: 0;
  background: none;
  color: var(--ui-accent);
  font: inherit;
  font-size: var(--ui-fs-sm);
  cursor: pointer;
}
.profile-page button.profile-page__section-more:hover {
  text-decoration: underline;
}
.profile-page__customize {
  margin-bottom: 12px;
}
.profile-page__customize .account-settings__group {
  margin: 0;
}
.profile-page__hidden-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 7px;
  border: 1px solid var(--ui-line-2);
  border-radius: 999px;
  color: var(--ui-ink-3);
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}
.profile-page__hidden-tag svg {
  width: 11px;
  height: 11px;
}
.profile-page__count {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.profile-page__game-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.profile-page__game {
  position: relative;
  container: profile-game/inline-size;
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--profile-panel);
  transition: border-color 0.15s;
}
.profile-page__game:hover, a .profile-page__game.location:hover, .link .profile-page__game.location:hover {
  border-color: var(--ui-line-3);
}
.profile-page__game--hidden {
  border-style: dashed;
}
.profile-page__game--hidden .profile-page__game-summary {
  opacity: 0.6;
}
.profile-page__game > .profile-page__hidden-tag {
  position: absolute;
  top: -10px;
  left: 12px;
  background: var(--profile-panel);
}
.profile-page__game--open, .profile-page__game--open:hover, a .profile-page__game--open.location:hover, .link .profile-page__game--open.location:hover {
  border-color: color-mix(in srgb, var(--profile-link) 35%, transparent);
}
.profile-page__game-summary {
  display: grid;
  grid-template-columns: 120px 150px 56px minmax(90px, 1fr) 64px 140px 20px;
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--ui-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.profile-page__game-summary:hover, a .profile-page__game-summary.location:hover, .link .profile-page__game-summary.location:hover, .profile-page__game-summary:focus {
  background: none;
  color: var(--ui-ink);
}
.profile-page__game-summary:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: -2px;
}
.profile-page__game-logo {
  width: 120px;
  height: 44px;
  object-fit: contain;
  object-position: left center;
}
.profile-page__league-cell {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.profile-page__league {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.profile-page__gem {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background: var(--profile-league, #777);
  box-shadow: 0 0 8px var(--profile-league, transparent);
  transform: rotate(45deg);
}
.profile-page__points {
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.profile-page__rank {
  font-size: 18px;
  font-weight: 500;
}
.profile-page__record {
  font-size: var(--ui-fs-sm);
}
.profile-page__record-line {
  display: flex;
  justify-content: space-between;
}
.profile-page__percent {
  color: var(--ui-ink-2);
}
.profile-page__winbar {
  display: block;
  height: 5px;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(239, 69, 101, 0.55);
}
.profile-page__winbar i {
  display: block;
  height: 100%;
  background: var(--ui-good);
}
.profile-page__streak {
  color: var(--ui-good);
  font-weight: 500;
}
.profile-page__mains {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
.profile-page__portrait {
  width: 32px;
  height: 32px;
  border: 1px solid var(--ui-line-2);
  border-radius: 4px;
  background: var(--profile-art-backing);
  object-fit: cover;
}
.profile-page__portrait--small {
  width: 26px;
  height: 26px;
}
.profile-page__chevron {
  color: var(--ui-ink-3);
  transition: transform 0.15s;
}
.profile-page__game--open .profile-page__chevron {
  color: var(--profile-link);
  transform: rotate(180deg);
}
.profile-page__game-head {
  display: flex;
  align-items: center;
}
.profile-page__game-head > .profile-page__game-summary {
  flex: 1;
  min-width: 0;
}
.profile-page__edit-mains {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  padding: 0;
  border: 1px solid var(--ui-line-2);
  border-radius: 6px;
  background: var(--ui-surface);
  color: var(--ui-ink-2);
  cursor: pointer;
}
.profile-page__edit-mains:hover, a .profile-page__edit-mains.location:hover, .link .profile-page__edit-mains.location:hover, .profile-page__edit-mains:focus {
  border-color: var(--ui-line-3);
  background: var(--ui-surface);
  color: var(--profile-link);
}
.profile-page__edit-mains:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: 2px;
}
.profile-page__edit-mains[aria-expanded=true] {
  border-color: color-mix(in srgb, var(--profile-link) 50%, transparent);
  color: var(--profile-link);
}
.profile-page__mains-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 4px;
  border: 1px solid var(--ui-line-2);
  border-radius: 4px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.profile-page__mains-picker {
  padding: 14px 16px 16px;
  border-top: 1px solid var(--ui-line);
}
.profile-page__mains-picker-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.profile-page__mains-picker-hint {
  flex: 1 1 100%;
  margin: 0;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.profile-page__mains-picker-head input.profile-page__mains-picker-search {
  flex: 1;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 7px 11px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--profile-radius, 6px);
  background: var(--ui-bg);
  box-shadow: none;
  color: var(--ui-ink);
  font: inherit;
  font-size: var(--ui-fs-sm);
}
.profile-page__mains-picker-head input.profile-page__mains-picker-search:focus {
  outline: none;
  border-color: var(--profile-link);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--profile-link) 18%, transparent);
}
.profile-page__mains-picker-head input.profile-page__mains-picker-search::placeholder {
  color: var(--ui-ink-4);
  font-style: normal;
}
.profile-page__mains-picker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: 6px;
  max-height: 300px;
  overflow-y: auto;
  padding: 2px;
}
.profile-page__mains-picker-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 6px 4px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: none;
  color: var(--ui-ink-3);
  font: inherit;
  font-size: var(--ui-fs-xs);
  cursor: pointer;
}
.profile-page__mains-picker-option img {
  width: 44px;
  height: 44px;
  border-radius: 4px;
  object-fit: cover;
  opacity: 0.55;
  transition: opacity 0.1s;
}
.profile-page__mains-picker-option span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-page__mains-picker-option:hover, a .profile-page__mains-picker-option.location:hover, .link .profile-page__mains-picker-option.location:hover, .profile-page__mains-picker-option:focus {
  border-color: var(--ui-line-2);
  background: none;
  color: var(--ui-ink);
}
.profile-page__mains-picker-option:hover img, .profile-page__mains-picker-option:focus img {
  opacity: 1;
}
.profile-page__mains-picker-option:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: 1px;
}
.profile-page__mains-picker-option[aria-pressed=true], .profile-page__mains-picker-option[aria-pressed=true]:hover {
  border-color: color-mix(in srgb, var(--profile-link) 50%, transparent);
  background: color-mix(in srgb, var(--profile-link) 8%, transparent);
  color: var(--profile-link);
}
.profile-page__mains-picker-option[aria-pressed=true] img, .profile-page__mains-picker-option[aria-pressed=true]:hover img {
  opacity: 1;
}
.profile-page__game-detail {
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr;
  gap: 24px;
  padding: 16px 16px 18px;
  border-top: 1px solid var(--ui-line);
}
.profile-page__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.profile-page__chip {
  padding: 4px 10px;
  border: 1px solid var(--ui-line-2);
  border-radius: 999px;
  background: var(--ui-surface);
  color: var(--ui-ink-2);
  font-family: inherit;
  font-size: var(--ui-fs-xs);
  cursor: pointer;
}
.profile-page__chip:hover, a .profile-page__chip.location:hover, .link .profile-page__chip.location:hover {
  border-color: var(--ui-line-3);
  background: var(--ui-surface);
  color: var(--ui-ink);
}
.profile-page__chip:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: 2px;
}
.profile-page__chip[aria-pressed=true], .profile-page__chip[aria-pressed=true]:hover {
  border-color: color-mix(in srgb, var(--profile-link) 50%, transparent);
  background: color-mix(in srgb, var(--profile-link) 8%, transparent);
  color: var(--profile-link);
}
.profile-page__chip:disabled {
  cursor: wait;
}
.profile-page__counts {
  display: flex;
  gap: 18px;
  margin-top: 14px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.profile-page__counts b {
  color: var(--ui-ink);
  font-weight: 500;
}
.profile-page__played {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.profile-page__played-row {
  display: grid;
  grid-template-columns: 26px 80px 1fr 36px;
  gap: 8px;
  align-items: center;
  font-size: var(--ui-fs-sm);
}
.profile-page__bar {
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: 3px;
  background: var(--ui-line);
}
.profile-page__bar i {
  display: block;
  height: 100%;
  background: var(--profile-link);
}
.profile-page__number {
  color: var(--ui-ink-2);
  text-align: right;
}
.profile-page__rating svg {
  display: block;
  width: 100%;
  height: 70px;
}
.profile-page__rating-fill {
  fill: color-mix(in srgb, var(--profile-link) 15%, transparent);
}
.profile-page__rating-line {
  fill: none;
  stroke: var(--profile-link);
  stroke-width: 2;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.profile-page__rating-dot {
  fill: var(--profile-link);
}
.profile-page__rating-range {
  display: flex;
  justify-content: space-between;
  margin-top: 2px;
  color: var(--ui-ink-3);
  font-size: 11px;
}
.profile-page__fields {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 14px;
}
.profile-page__field {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 10px;
  border: 1px solid var(--ui-line);
  border-radius: 4px;
  background: var(--ui-surface);
  font-size: var(--ui-fs-sm);
}
.profile-page__field span,
.profile-page__field label {
  margin: 0;
  color: var(--ui-ink-3);
  font-weight: 400;
}
.profile-page__field code {
  margin-left: auto;
  padding: 0;
  background: none;
  color: var(--ui-ink);
}
.profile-page__field input {
  flex: 1;
  min-width: 0;
  padding: 4px 8px;
  border: 1px solid var(--ui-line-2);
  border-radius: 4px;
  background: var(--ui-bg);
  color: var(--ui-ink);
}
.profile-page__field--editing {
  flex-wrap: wrap;
}
.profile-page__match-list {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--profile-panel);
  list-style: none;
}
.profile-page__match {
  display: grid;
  grid-template-columns: 30px 56px minmax(0, 1fr) 44px 80px 90px;
  gap: 14px;
  align-items: center;
  padding: 10px 14px;
  font-size: var(--ui-fs-sm);
}
.profile-page__match + .profile-page__match {
  border-top: 1px solid var(--ui-line);
}
.profile-page__match:hover, a .profile-page__match.location:hover, .link .profile-page__match.location:hover {
  background: var(--profile-hover-tint);
}
.profile-page__result {
  display: grid;
  place-items: center;
  width: 30px;
  height: 26px;
  border-radius: 4px;
  color: var(--ui-ink-3);
  font-size: 13px;
  font-weight: 700;
}
.profile-page__result--win {
  background: rgba(54, 211, 153, 0.12);
  color: var(--ui-good);
}
.profile-page__result--loss {
  background: rgba(239, 69, 101, 0.12);
  color: var(--ui-red);
}
.profile-page__game-mini {
  width: 56px;
  height: 24px;
  object-fit: contain;
}
.profile-page__versus {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.profile-page__vs {
  color: var(--ui-ink-3);
  font-size: 11px;
  text-transform: uppercase;
}
.profile-shell .profile-page__opponent {
  overflow: hidden;
  color: var(--profile-name);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-page__disputed {
  padding: 1px 6px;
  border: 1px solid rgba(255, 176, 32, 0.35);
  border-radius: 3px;
  background: rgba(255, 176, 32, 0.1);
  color: var(--ui-warn);
  font-size: 11px;
  font-weight: 500;
}
.profile-page__score {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}
.profile-page__type {
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-xs);
}
.profile-page__type--ranked {
  color: var(--ui-cool);
}
.profile-shell .profile-page__when {
  color: var(--ui-ink-3);
  text-align: right;
}
.profile-page__matches {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.profile-page__filters {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 14px;
  padding: 14px 16px;
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--profile-panel);
}
.profile-page__filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 20px;
}
.profile-page__filter-group {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  font-weight: 400;
}
.profile-page__filter-group--grow {
  flex: 1 1 240px;
}
.profile-page__segmented {
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--profile-radius, 6px);
  background: var(--ui-bg);
}
.profile-page__segmented button {
  margin: 0;
  padding: 6px 12px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--ui-ink-3);
  font-family: inherit;
  font-size: var(--ui-fs-sm);
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
}
.profile-page__segmented button:hover {
  background: transparent;
  color: var(--ui-ink);
}
.profile-page__segmented button:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: 1px;
}
.profile-page__segmented button[aria-pressed=true],
.profile-page__segmented button[aria-pressed=true]:hover {
  background: var(--profile-panel-head);
  color: var(--ui-ink);
  box-shadow: inset 0 -2px 0 var(--profile-link);
}
.profile-page__select {
  height: 33px;
  padding: 0 10px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--profile-radius, 6px);
  background: var(--ui-bg);
  color: var(--ui-ink);
  font: inherit;
  font-size: var(--ui-fs-sm);
}
.profile-page__select:focus {
  outline: none;
  border-color: var(--profile-link);
}
.profile-page__opponent-filter {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 33px;
}
.profile-page__opponent-filter .username_search_holder {
  position: relative;
  flex: 1 1 auto;
  max-width: 320px;
  margin: 0;
}
.profile-page__opponent-filter .search_loading {
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 1;
  color: var(--ui-ink-3);
}
.profile-page__opponent-filter .material-input .group .label {
  display: none;
}
.profile-page__opponent-filter .material-input .group .text-input {
  height: 33px;
  margin: 0;
  padding: 0 30px 0 10px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--profile-radius, 6px);
  background: var(--ui-bg);
  color: var(--ui-ink);
  font-size: var(--ui-fs-sm);
  line-height: 1.2;
  transition: border-color 0.15s;
}
.profile-page__opponent-filter .material-input .group .text-input:focus {
  outline: none;
  border-color: var(--profile-link);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--profile-link) 18%, transparent);
}
.profile-page__opponent-filter .material-input .group .text-input::placeholder {
  color: var(--ui-ink-3);
}
.profile-page__opponent-filter .react-autosuggest__suggestions-container {
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--profile-radius, 6px);
  background: var(--ui-panel-2);
  transform: none;
}
.profile-page__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.profile-page__chip.profile-page__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 5px 12px;
  border: 1px solid var(--ui-line-2);
  border-radius: 999px;
  background: transparent;
  color: var(--ui-ink-2);
  font-family: inherit;
  font-size: var(--ui-fs-sm);
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
.profile-page__chip.profile-page__chip:hover {
  border-color: var(--ui-line-3);
  background: transparent;
  color: var(--ui-ink);
}
.profile-page__chip.profile-page__chip:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: 2px;
}
.profile-page__chip--selected.profile-page__chip--selected, .profile-page__chip--selected.profile-page__chip--selected:hover {
  border-color: color-mix(in srgb, var(--profile-link) 60%, transparent);
  background: var(--profile-link-tint);
  color: var(--profile-link);
}
.profile-page__chip-remove.profile-page__chip-remove {
  margin: 0 -4px 0 0;
  padding: 0 4px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.profile-page__chip-remove.profile-page__chip-remove:hover {
  background: transparent;
  color: var(--ui-ink);
}
.profile-page__game-chip.profile-page__game-chip {
  padding-left: 8px;
}
.profile-page__game-chip.profile-page__game-chip img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
  filter: var(--ui-icon-outline);
}
.profile-page__chips--characters {
  gap: 4px;
}
.profile-page__character-chip.profile-page__character-chip {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 2px;
  border: 1px solid transparent;
  border-radius: var(--profile-radius, 6px);
  background: var(--ui-bg);
  color: var(--ui-ink-2);
  font-family: inherit;
  font-size: 10px;
  cursor: pointer;
  transition: opacity 0.15s;
}
.profile-page__character-chip.profile-page__character-chip img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.profile-page__character-chip.profile-page__character-chip:hover {
  border-color: var(--ui-line-3);
  background: var(--ui-bg);
}
.profile-page__character-chip.profile-page__character-chip:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: 1px;
}
.profile-page__character-chip--selected.profile-page__character-chip--selected {
  border-color: var(--profile-link);
  background: var(--profile-link-tint);
}
.profile-page__character-chip--dimmed {
  opacity: 0.4;
}
.profile-page__character-chip--dimmed:hover, a .profile-page__character-chip--dimmed.location:hover, .link .profile-page__character-chip--dimmed.location:hover {
  opacity: 1;
}
.profile-page__list-foot {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.profile-page__list-foot .profile-page__button {
  margin-left: auto;
}
.profile-page__sidebar {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.profile-page__side-section h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--ui-line-2);
  color: var(--profile-heading);
  font-size: 17px;
  font-weight: var(--profile-heading-weight);
}
.profile-page__side-section h3 a, .profile-page__side-section h3 .link, .profile-page__side-section h3 a .location:hover, a .profile-page__side-section h3 .location:hover, .profile-page__side-section h3 .link .location:hover, .link .profile-page__side-section h3 .location:hover {
  color: var(--profile-heading);
}
.profile-page__heading-action {
  margin-left: auto;
}
.profile-page__staff-tag {
  margin-left: auto;
  color: var(--ui-ink-3);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.profile-page__bio {
  margin: 0;
  line-height: 1.55;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.profile-page__bio-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.profile-page__bio-form textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--ui-line-2);
  border-radius: 4px;
  background: var(--ui-bg);
  color: var(--ui-ink);
  font: inherit;
  resize: vertical;
}
.profile-page__form-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.profile-page__connection {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
}
.profile-page__connection small {
  display: block;
  color: var(--ui-ink-3);
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.profile-page__brand {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  color: #fff;
}
.profile-page__brand--twitch {
  background: #9146ff;
}
.profile-page__brand--discord {
  background: #5865f2;
}
.profile-page__stat-rows div {
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
}
.profile-page__stat-rows div b {
  color: var(--profile-online);
  font-weight: 500;
}
.profile-page__blog-post {
  padding: 6px 0;
}
.profile-page__blog-post a, .profile-page__blog-post .link, .profile-page__blog-post a .location:hover, a .profile-page__blog-post .location:hover, .profile-page__blog-post .link .location:hover, .link .profile-page__blog-post .location:hover {
  display: block;
}
.profile-page__blog-post small {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
}
.profile-page__empty-prompt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 14px;
  border: 1px dashed var(--ui-line-3);
  border-radius: var(--profile-radius);
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.profile-page__prompt-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.profile-page__prompt-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px dashed color-mix(in srgb, var(--profile-link) 45%, transparent);
  border-radius: var(--profile-radius);
  background: none;
  color: var(--profile-link);
  font-family: inherit;
  font-size: var(--ui-fs-sm);
  white-space: nowrap;
  cursor: pointer;
}
.profile-page__prompt-link:hover, a .profile-page__prompt-link.location:hover, .link .profile-page__prompt-link.location:hover {
  background: var(--profile-link-tint);
  color: var(--profile-link);
  text-decoration: none;
}
.profile-page__prompt-link:focus-visible {
  outline: 2px solid var(--profile-link);
  outline-offset: 2px;
}
.profile-page__upsell {
  padding: 14px 16px;
  border: 1px solid rgba(255, 176, 32, 0.35);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 176, 32, 0.12), rgba(255, 176, 32, 0.02));
}
.profile-page__upsell strong {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  color: var(--ui-sub);
  font-weight: 500;
}
.profile-page__upsell p {
  margin: 0 0 10px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.profile-page__empty-state {
  padding: 40px 20px;
  border: 1px dashed var(--ui-line-3);
  border-radius: 8px;
  color: var(--ui-ink-2);
  text-align: center;
}
.profile-page__empty-state .profile-page__icon {
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
  color: var(--ui-ink-3);
  stroke-width: 1.5;
}
.profile-page__empty-state h4 {
  margin: 0 0 12px;
  color: var(--ui-ink);
  font-size: 16px;
  font-weight: 500;
}
.profile-page__empty-state p {
  margin: 0 0 14px;
}
.profile-page__achievement-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 12px;
}
.profile-page__achievement {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  align-items: start;
  padding: 16px;
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--profile-panel);
}
.profile-page__achievement h4 {
  margin: 0 0 3px;
  font-size: 15px;
  font-weight: 500;
}
.profile-page__achievement p {
  margin: 0 0 10px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.profile-page__medal {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 176, 32, 0.45);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, rgba(255, 235, 59, 0.35), rgba(255, 176, 32, 0.08));
  color: var(--ui-sub);
}
.profile-page__medal img {
  max-width: 32px;
  max-height: 32px;
}
.profile-page__medal .profile-page__icon {
  width: 22px;
  height: 22px;
}
.profile-page__achievement-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
}
.profile-page__achievement-foot img {
  width: 54px;
  height: 18px;
  object-fit: contain;
  object-position: left;
}
.profile-page__panels {
  padding: 18px 20px 22px;
  border: 1px solid rgba(239, 83, 80, 0.45);
  border-radius: 10px;
  background: var(--profile-panel);
}
.profile-page__panels .tab_list {
  flex-wrap: wrap;
}
.profile-page__panels .mobile_view_tabs .tab_list .tab_button.tab_button.btn, .profile-page__panels .mobile_view_tabs .tab_list .tab_button.tab_button.btn-xs, .profile-page__panels .mobile_view_tabs .tab_list .tab_button.tab_button.btn-sm, .profile-page__panels .mobile_view_tabs .tab_list .request_list .challenge_request_hmm.removing button.tab_button.tab_button, .request_list .challenge_request_hmm.removing .profile-page__panels .mobile_view_tabs .tab_list button.tab_button.tab_button, .profile-page__panels .mobile_view_tabs .tab_list .stage_selectable .stage_options button.tab_button.tab_button, .stage_selectable .stage_options .profile-page__panels .mobile_view_tabs .tab_list button.tab_button.tab_button, .profile-page__panels .mobile_view_tabs .tab_list body.database_setup input.tab_button.tab_button[type=submit], body.database_setup .profile-page__panels .mobile_view_tabs .tab_list input.tab_button.tab_button[type=submit], .profile-page__panels .mobile_view_tabs .tab_list body.database_setup button.tab_button.tab_button, body.database_setup .profile-page__panels .mobile_view_tabs .tab_list button.tab_button.tab_button, .profile-page__panels .mobile_view_tabs .tab_list .user_main_info_area .mod_options form button.tab_button.tab_button, .user_main_info_area .mod_options form .profile-page__panels .mobile_view_tabs .tab_list button.tab_button.tab_button, .profile-page__panels .mobile_view_tabs .tab_list .possible_aka_listings button.tab_button.tab_button, .possible_aka_listings .profile-page__panels .mobile_view_tabs .tab_list button.tab_button.tab_button {
  flex: 0 0 auto;
  margin: 0 6px 6px 0;
}
.profile-page__panels .tab_button.btn, .profile-page__panels .tab_button.btn-xs, .profile-page__panels .tab_button.btn-sm, .profile-page__panels .request_list .challenge_request_hmm.removing button.tab_button, .request_list .challenge_request_hmm.removing .profile-page__panels button.tab_button, .profile-page__panels .stage_selectable .stage_options button.tab_button, .stage_selectable .stage_options .profile-page__panels button.tab_button, .profile-page__panels body.database_setup input.tab_button[type=submit], body.database_setup .profile-page__panels input.tab_button[type=submit], .profile-page__panels body.database_setup button.tab_button, body.database_setup .profile-page__panels button.tab_button, .profile-page__panels .user_main_info_area .mod_options form button.tab_button, .user_main_info_area .mod_options form .profile-page__panels button.tab_button, .profile-page__panels .possible_aka_listings button.tab_button, .possible_aka_listings .profile-page__panels button.tab_button {
  margin: 0 6px 6px 0;
  border: 1px solid var(--ui-line-2);
  border-radius: 999px;
  background: var(--ui-surface);
  box-shadow: none;
  color: var(--ui-ink-2);
  text-transform: none;
}
.profile-page__panels .tab_button.btn.active, .profile-page__panels .tab_button.active.btn-xs, .profile-page__panels .tab_button.active.btn-sm, .profile-page__panels .request_list .challenge_request_hmm.removing button.tab_button.active, .request_list .challenge_request_hmm.removing .profile-page__panels button.tab_button.active, .profile-page__panels .stage_selectable .stage_options button.tab_button.active, .stage_selectable .stage_options .profile-page__panels button.tab_button.active, .profile-page__panels body.database_setup input.tab_button.active[type=submit], body.database_setup .profile-page__panels input.tab_button.active[type=submit], .profile-page__panels body.database_setup button.tab_button.active, body.database_setup .profile-page__panels button.tab_button.active, .profile-page__panels .user_main_info_area .mod_options form button.tab_button.active, .user_main_info_area .mod_options form .profile-page__panels button.tab_button.active, .profile-page__panels .possible_aka_listings button.tab_button.active, .possible_aka_listings .profile-page__panels button.tab_button.active {
  border-color: color-mix(in srgb, var(--profile-link) 50%, transparent);
  background: color-mix(in srgb, var(--profile-link) 8%, transparent);
  color: var(--profile-link);
}
.profile-page__staff-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: -18px -20px 18px;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(239, 83, 80, 0.3);
  border-radius: 10px 10px 0 0;
  background: repeating-linear-gradient(135deg, rgba(239, 83, 80, 0.12) 0 10px, transparent 10px 20px);
  color: var(--profile-staff-ink);
  font-size: var(--ui-fs-sm);
}
.profile-page__staff-banner .profile-page__icon {
  color: var(--profile-heading);
}
.profile-page__staff-banner b {
  color: var(--profile-heading);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

a.profile-page__button, .profile-page__button.link, a .profile-page__button.location:hover, .link .profile-page__button.location:hover,
a.profile-page__button:hover {
  color: var(--ui-ink);
}

a.profile-page__button--primary, .profile-page__button--primary.link, a .profile-page__button--primary.location:hover, .link .profile-page__button--primary.location:hover,
a.profile-page__button--primary:hover {
  color: #fff;
}

@media (max-width: 900px) {
  .profile-page__layout {
    grid-template-columns: 1fr;
  }
  .profile-page__game-detail {
    grid-template-columns: 1fr;
  }
}
@container profile-game (max-width: 780px) {
  .profile-page__game-summary {
    grid-template-columns: 96px minmax(0, 1fr) auto 20px;
    gap: 10px 14px;
  }
  .profile-page__game-logo {
    width: 96px;
    height: 36px;
  }
  .profile-page__game-summary .profile-page__game-stat {
    display: none;
  }
  .profile-page__game-summary .profile-page__league-cell {
    grid-column: 2/4;
  }
  .profile-page__game-summary .profile-page__record {
    grid-row: 2;
    grid-column: 1/3;
  }
  .profile-page__game-summary .profile-page__mains {
    grid-row: 2;
    grid-column: 3/5;
  }
}
@media (max-width: 640px) {
  .profile-shell {
    padding: 18px 16px 8px;
  }
  .profile-header {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
  }
  .profile-header__avatar {
    width: 64px;
    height: 64px;
    font-size: 28px;
  }
  .profile-header__name.username, .user_info .profile-header__name.subscription_streak, .profile-header__name.subscriber_glowish, .profile-header__name.subscribe_link {
    font-size: 24px;
  }
  .profile-header__actions {
    grid-column: 1/-1;
  }
  .profile-header__guest-bar {
    flex-wrap: wrap;
  }
  .profile-page__actions {
    flex-wrap: wrap;
  }
  .profile-page__tabs {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  .profile-page__tabs::-webkit-scrollbar {
    display: none;
  }
  .profile-page__tab {
    padding: 10px;
    font-size: 14px;
    white-space: nowrap;
  }
  .profile-page__match {
    grid-template-columns: 30px minmax(0, 1fr) 40px 70px;
    gap: 10px;
  }
  .profile-page__game-mini, .profile-page__type {
    display: none;
  }
}
.bug-submit {
  --bug-submit-panel: #12141c;
  --bug-submit-link: #18c5f0;
  --bug-submit-link-tint: rgba(24, 197, 240, 0.07);
  --bug-submit-button: #0a6ebd;
  --bug-submit-button-hover: #1580d4;
  --bug-submit-focus: rgba(24, 197, 240, 0.18);
  --bug-submit-focus-strong: rgba(24, 197, 240, 0.3);
  --bug-submit-radius: 6px;
  box-sizing: content-box;
  max-width: 760px;
  margin: 0 auto;
  padding: 28px 16px 32px;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
  line-height: 1.45;
  text-align: left;
}
[data-theme=light] .bug-submit {
  --bug-submit-panel: var(--ui-panel);
  --bug-submit-link: var(--ui-link);
  --bug-submit-link-tint: rgba(11, 98, 160, 0.07);
  --bug-submit-button: var(--ui-link);
  --bug-submit-button-hover: #0a578f;
  --bug-submit-focus: rgba(11, 98, 160, 0.18);
  --bug-submit-focus-strong: rgba(11, 98, 160, 0.3);
}
.bug-submit a, .bug-submit .link, .bug-submit a .location:hover, a .bug-submit .location:hover, .bug-submit .link .location:hover, .link .bug-submit .location:hover {
  color: var(--bug-submit-link);
}
.bug-submit--popup {
  padding: 0;
}
.bug-submit__intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-bottom: 20px;
}
.bug-submit__title {
  margin: 0;
  color: var(--ui-ink);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}
.bug-submit__subtitle {
  margin: 6px 0 0;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.bug-submit__tickets-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--ui-fs-sm);
  font-weight: 500;
  white-space: nowrap;
}
.bug-submit__alert {
  margin-bottom: 16px;
  padding: 10px 14px;
  border-left: 3px solid var(--ui-red);
  border-radius: var(--bug-submit-radius);
  background: rgba(239, 69, 101, 0.1);
  color: var(--ui-ink);
}
.bug-submit__card {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 22px;
  border: 1px solid var(--ui-line-2);
  border-radius: 10px;
  background: var(--bug-submit-panel);
}
.bug-submit--popup .bug-submit__card {
  padding: 4px 0 0;
  border: 0;
  background: none;
}
.bug-submit__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.bug-submit__label {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
  font-weight: 600;
}
.bug-submit__help {
  margin: 0;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.bug-submit__input {
  width: 100%;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--bug-submit-radius);
  background: var(--ui-bg);
  color: var(--ui-ink);
  font: inherit;
}
.bug-submit__input:focus {
  outline: none;
  border-color: var(--bug-submit-link);
  box-shadow: 0 0 0 3px var(--bug-submit-focus);
}
.bug-submit__textarea {
  min-height: 150px;
  resize: vertical;
}
.bug-submit__types .bug-submit__help {
  margin-bottom: 6px;
}
.bug-submit__type-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 8px;
}
.bug-submit__type {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 11px 12px;
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--ui-surface);
  font-weight: 400;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.bug-submit__type:hover, a .bug-submit__type.location:hover, .link .bug-submit__type.location:hover {
  border-color: var(--ui-line-3);
}
.bug-submit__type:has(:checked) {
  border-color: var(--bug-submit-link);
  background: var(--bug-submit-link-tint);
}
.bug-submit__type:has(:focus-visible) {
  box-shadow: 0 0 0 3px var(--bug-submit-focus-strong);
}
.bug-submit__type .bug-submit__type-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.bug-submit__type-icon {
  flex: none;
  width: 18px;
  margin-top: 2px;
  color: var(--ui-ink-3);
  font-size: 16px;
  text-align: center;
}
.bug-submit__type:has(:checked) .bug-submit__type-icon {
  color: var(--bug-submit-link);
}
.bug-submit__type-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.bug-submit__type-name {
  color: var(--ui-ink);
  font-weight: 600;
}
.bug-submit__type-hint {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
  line-height: 1.35;
}
.bug-submit__feedback {
  color: var(--ui-red);
  font-size: var(--ui-fs-sm);
}
.bug-submit__feedback:empty {
  display: none;
}
.bug-submit__notice {
  padding: 12px 14px;
  border-left: 3px solid var(--bug-submit-link);
  border-radius: var(--bug-submit-radius);
  background: var(--bug-submit-link-tint);
  color: var(--ui-ink);
}
.bug-submit__notice[hidden] {
  display: none;
}
.bug-submit__notice a, .bug-submit__notice .link, .bug-submit__notice a .location:hover, a .bug-submit__notice .location:hover, .bug-submit__notice .link .location:hover, .link .bug-submit__notice .location:hover {
  margin-left: 4px;
  font-weight: 500;
}
.bug-submit__reporting {
  margin: 0;
  color: var(--ui-ink-2);
}
.bug-submit__report-choices {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}
.bug-submit .report_rules {
  margin: 0 0 14px;
  padding-left: 20px;
  color: var(--ui-ink-2);
}
.bug-submit__actions {
  display: flex;
  justify-content: flex-end;
}
.bug-submit__button.bug-submit__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 9px 18px;
  border: 1px solid var(--ui-line-2);
  border-radius: var(--bug-submit-radius);
  background: var(--ui-panel-2);
  color: var(--ui-ink);
  font: inherit;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
.bug-submit__button.bug-submit__button:hover {
  border-color: var(--ui-line-3);
}
.bug-submit__button.bug-submit__button:focus-visible {
  outline: 2px solid var(--bug-submit-link);
  outline-offset: 2px;
}
.bug-submit__button.bug-submit__button:disabled {
  opacity: 0.5;
  cursor: default;
}
.bug-submit__button--primary.bug-submit__button--primary {
  min-width: 120px;
  border-color: transparent;
  background: var(--bug-submit-button);
  color: #fff;
}
.bug-submit__button--primary.bug-submit__button--primary:hover {
  background: var(--bug-submit-button-hover);
}
.bug-submit__button--block {
  width: 100%;
}
.bug-submit .report_buttons_hidden .report_buttons,
.bug-submit .match_options_hidden #match_options {
  display: none;
}
@media (max-width: 600px) {
  .bug-submit {
    padding-top: 16px;
  }
  .bug-submit__card {
    padding: 16px;
  }
  .bug-submit__type-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bug-submit__type {
    align-items: center;
    gap: 10px;
    padding: 10px;
  }
  .bug-submit__type-hint {
    display: none;
  }
  .bug-submit__actions .bug-submit__button {
    width: 100%;
  }
}

:root,
[data-theme=dark] {
  color-scheme: dark;
  --ui-panel: #131a26;
  --ui-panel-2: #18202d;
  --ui-bg: #0a0d12;
  --ui-ink: #e7ecf3;
  --ui-ink-2: #9aa6b8;
  --ui-ink-3: #5f6b7c;
  --ui-ink-4: #3a4453;
  --ui-line: rgba(255, 255, 255, 0.07);
  --ui-line-2: rgba(255, 255, 255, 0.12);
  --ui-line-3: rgba(255, 255, 255, 0.20);
  --ui-surface: rgba(255, 255, 255, 0.03);
  --ui-page: #1c1f2b;
  --ui-header: #1c1f2b;
  --ui-header-ink: #ffffff;
  --ui-header-line: #3a4059;
  --ui-header-hover: rgba(255, 255, 255, 0.08);
  --ui-wordmark: #ececec;
  --ui-nav-active-ink: #ffd700;
  --ui-nav-active-bg: #262214;
  --ui-body-ink: #ffffff;
  --ui-link: #18c5f0;
  --ui-heading: #ef5350;
  --ui-icon-outline: none;
  --ui-name: #ff8f00;
  --ui-name-admin: #ffff00;
  --ui-name-mod: #ff6666;
  --ui-name-cucumber-mod: #5e995c;
  --ui-name-chat-mod: #c361e6;
  --ui-name-flaired-mod: #c2ff00;
  --ui-name-top: #2dff00;
  --ui-name-sub: #05d8ff;
  --ui-name-sub-white: #ffffff;
  --ui-name-sub-gray: #9f9f9f;
  --ui-name-blank: #c2c2c2;
  --ui-name-shadow: 1px 1px 1px #000;
  --ui-name-halo: #000;
  --ui-name-highlight: #ffeb3b;
  --ui-anchor: #05d8ff;
  --ui-box: #12141c;
  --ui-box-footer: rgba(0, 0, 0, 0.45);
  --ui-name-sub-glow: -1px 1px 8px #f44, 1px -1px 8px #44f;
  --ui-name-mod-top-glow: -1px 1px 8px #f00, 1px -1px 8px #f00;
  --ui-control-bg: #12141c;
  --ui-control-ink: #ffffff;
  --ui-control-line: #686868;
  --ui-hairline: #3a4059;
  --ui-table-line: #dddddd;
  --ui-panel-head: #30354a;
  --ui-chip: #3a4059;
  --ui-chip-ink: #cfd3e6;
  --ui-muted: #8a90a8;
  --ui-faint: #6f7590;
  --ui-toast-bg: #30354a;
  --ui-toast-ink: #ffffff;
  --ui-tooltip-bg: #1f2433;
  --ui-tooltip-ink: #e7ecf3;
  --ui-tooltip-line: rgba(255, 255, 255, 0.12);
  --ui-tooltip-shadow: 0 6px 20px rgba(0, 0, 0, 0.55);
  --ui-scrollbar-thumb: #1c1f2b;
  --ui-scrollbar-track: #3a4059;
  --ui-chat-ink: #e2e0e0;
  --ui-chat-ink-shadow: 1px 1px 1px #000;
  --ui-chat-bg: #12141c;
  --ui-chat-time: #686868;
  --ui-chat-time-bg: #000;
  --ui-chat-link: #68ebfd;
  --ui-chat-link-visited: #0bd215;
  --ui-chat-mention-bg: rgba(245, 197, 24, 0.1);
  --ui-chat-mention-line: rgba(245, 197, 24, 0.5);
  --ui-chat-notice: #0f0;
  --ui-chat-info: #05d8ff;
  --ui-distance-1: #00ffe7;
  --ui-distance-2: #efff00;
  --ui-distance-3: #ffb800;
  --ui-distance-4: #ff6b00;
  --ui-distance-5: red;
  --ui-distance-shadow: 1px 1px 1px black;
  --ui-accent: #e8473e;
  --ui-accent-hover: #f05a51;
  --ui-on-accent: #fff;
  --ui-warn: #ffb020;
  --ui-cool: #59a7ff;
  --ui-good: #36d399;
  --ui-red: #ef4565;
  --ui-sub: #ffb020;
  --ui-don: #4dd1c8;
  --ui-other: #a87bff;
  --ui-mono: "Roboto", "Open Sans", "Arial", sans-serif;
  --ui-fs-label: 12px;
  --ui-fs-xs: 12px;
  --ui-fs-sm: 13px;
  --ui-fs-base: 14px;
  --ui-fs-lg: 16px;
  --ui-fs-xl: 20px;
  --ui-page-max: 1100px;
  --ui-flair-everyone: var(--ui-sub);
  --ui-flair-mods: #ff6b6b;
  --ui-flair-early: var(--ui-don);
  --ui-flair-player: var(--ui-other);
  --ui-flair-hidden: #8a94a6;
  --popup-panel: var(--ui-panel);
  --popup-panel-2: var(--ui-panel-2);
  --popup-bg: var(--ui-bg);
  --popup-ink: var(--ui-ink);
  --popup-ink-2: var(--ui-ink-2);
  --popup-ink-3: var(--ui-ink-3);
  --popup-ink-4: var(--ui-ink-4);
  --popup-line: var(--ui-line);
  --popup-line-2: var(--ui-line-2);
  --popup-line-3: var(--ui-line-3);
  --popup-accent: var(--ui-accent);
  --popup-cool: var(--ui-cool);
  --popup-good: var(--ui-good);
  --popup-red: var(--ui-red);
}

[data-theme=light] {
  color-scheme: light;
  --ui-panel: #edf0f4;
  --ui-panel-2: #e2e7ee;
  --ui-bg: #f4f6f9;
  --ui-ink: #1f2733;
  --ui-ink-2: #4e5a6b;
  --ui-ink-3: #6f7a8b;
  --ui-ink-4: #a3acb9;
  --ui-line: rgba(31, 39, 51, 0.08);
  --ui-line-2: rgba(31, 39, 51, 0.14);
  --ui-line-3: rgba(31, 39, 51, 0.24);
  --ui-surface: rgba(31, 39, 51, 0.03);
  --ui-page: #dde2e9;
  --ui-header: #e9edf2;
  --ui-header-ink: #1f2733;
  --ui-header-line: #c9d0da;
  --ui-header-hover: rgba(31, 39, 51, 0.07);
  --ui-wordmark: #1f2733;
  --ui-nav-active-ink: #0b62a0;
  --ui-nav-active-bg: rgba(11, 98, 160, 0.09);
  --ui-body-ink: #1f2733;
  --ui-link: #0b62a0;
  --ui-heading: #1f2733;
  --ui-icon-outline: drop-shadow(0 0 0.5px rgba(0, 0, 0, 0.7));
  --ui-name: #a65200;
  --ui-name-admin: #7a5600;
  --ui-name-mod: #b8332c;
  --ui-name-cucumber-mod: #3d6e3b;
  --ui-name-chat-mod: #8a3bb0;
  --ui-name-flaired-mod: #4d6b00;
  --ui-name-top: #157800;
  --ui-name-sub: #0a6f8f;
  --ui-name-sub-white: #1f2733;
  --ui-name-sub-gray: #626c7b;
  --ui-name-blank: #6f7a8b;
  --ui-name-shadow: none;
  --ui-name-halo: transparent;
  --ui-name-highlight: #7a5600;
  --ui-anchor: #0b62a0;
  --ui-box: #edf0f4;
  --ui-box-footer: rgba(31, 39, 51, 0.05);
  --ui-name-sub-glow: -1px 1px 6px rgba(255, 68, 68, 0.35), 1px -1px 6px rgba(68, 68, 255, 0.35);
  --ui-name-mod-top-glow: -1px 1px 6px rgba(255, 0, 0, 0.3), 1px -1px 6px rgba(255, 0, 0, 0.3);
  --ui-control-bg: #f4f6f9;
  --ui-control-ink: #1f2733;
  --ui-control-line: #b9c2ce;
  --ui-hairline: #c5cdd8;
  --ui-table-line: #c5cdd8;
  --ui-panel-head: #e6eaf0;
  --ui-chip: #e2e7ee;
  --ui-chip-ink: #4e5a6b;
  --ui-muted: #6f7a8b;
  --ui-faint: #8a94a4;
  --ui-toast-bg: #e2e7ee;
  --ui-toast-ink: #1f2733;
  --ui-tooltip-bg: #f4f6f9;
  --ui-tooltip-ink: #1f2733;
  --ui-tooltip-line: rgba(31, 39, 51, 0.14);
  --ui-tooltip-shadow: 0 6px 20px rgba(31, 39, 51, 0.18);
  --ui-scrollbar-thumb: #a3acb9;
  --ui-scrollbar-track: #e2e7ee;
  --ui-chat-ink: #1f2733;
  --ui-chat-ink-shadow: none;
  --ui-chat-bg: #edf0f4;
  --ui-chat-time: #6f7a8b;
  --ui-chat-time-bg: #e2e7ee;
  --ui-chat-link: #0b62a0;
  --ui-chat-link-visited: #0c7a53;
  --ui-chat-mention-bg: rgba(168, 100, 0, 0.08);
  --ui-chat-mention-line: rgba(168, 100, 0, 0.5);
  --ui-chat-notice: #0c7a53;
  --ui-chat-info: #0b62a0;
  --ui-distance-1: #0f7d76;
  --ui-distance-2: #7a7000;
  --ui-distance-3: #a86400;
  --ui-distance-4: #c2530a;
  --ui-distance-5: #bf2039;
  --ui-distance-shadow: none;
  --ui-accent: #c93a33;
  --ui-accent-hover: #b3322c;
  --ui-warn: #a86400;
  --ui-cool: #0b62a0;
  --ui-good: #0c7a53;
  --ui-red: #bf2039;
  --ui-sub: #a86400;
  --ui-don: #0f7d76;
  --ui-other: #6b46c1;
}

.subscribe-page {
  max-width: 1040px;
  margin: 0 auto;
  padding: 44px 16px 40px;
  --subscribe-panel: #12141c;
  --subscribe-link: #18c5f0;
  --subscribe-heading: #ef5350;
  --subscribe-accent-soft: rgba(255, 176, 32, 0.12);
  --subscribe-accent-line: rgba(255, 176, 32, 0.4);
  --subscribe-paypal-pay: #6fa8ff;
  --subscribe-paypal-pal: #2ec5ff;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
  line-height: 1.45;
}
[data-theme=light] .subscribe-page {
  --subscribe-panel: var(--ui-panel);
  --subscribe-link: var(--ui-link);
  --subscribe-heading: var(--ui-heading);
  --subscribe-accent-soft: rgba(168, 100, 0, 0.08);
  --subscribe-accent-line: rgba(168, 100, 0, 0.35);
  --subscribe-paypal-pay: #003087;
  --subscribe-paypal-pal: #0079c1;
}
.subscribe-page h2 {
  font-size: var(--ui-fs-xl);
  font-weight: 500;
  margin: 0 0 14px;
  color: var(--ui-ink);
}
.subscribe-page h3 {
  font-weight: 500;
  color: var(--ui-ink);
}
.subscribe-page a, .subscribe-page .link, .subscribe-page a .location:hover, a .subscribe-page .location:hover, .subscribe-page .link .location:hover, .link .subscribe-page .location:hover {
  color: var(--subscribe-link);
}
.subscribe-page__icon {
  flex: none;
  display: block;
}
.subscribe-page__hero {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 36px;
}
.subscribe-page__hero h1 {
  font-size: 34px;
  font-weight: 400;
  color: var(--subscribe-heading);
  margin: 0 0 10px;
}
.subscribe-page__hero p {
  margin: 0;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-lg);
}
.subscribe-page__hero .subscribe-page__badge {
  margin-bottom: 14px;
}
.subscribe-page__thanks {
  margin-top: 14px;
  color: var(--ui-good);
}
.subscribe-page__badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px 2px 7px;
  border-radius: 999px;
  background: var(--subscribe-accent-soft);
  border: 1px solid var(--subscribe-accent-line);
  color: var(--ui-sub);
  font-size: var(--ui-fs-xs);
  font-weight: 700;
}
.subscribe-page__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 44px;
}
.subscribe-page__tier {
  background: var(--subscribe-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  padding: 22px 22px 24px;
}
.subscribe-page__tier header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}
.subscribe-page__tier h2 {
  margin: 0;
}
.subscribe-page__tier--supporter {
  border-color: var(--subscribe-accent-line);
  background: linear-gradient(180deg, rgba(255, 176, 32, 0.06), transparent 160px), var(--subscribe-panel);
}
.subscribe-page__tier--supporter .subscribe-page__icon {
  color: var(--ui-sub);
}
.subscribe-page__price {
  font-size: var(--ui-fs-xl);
  font-weight: 700;
}
.subscribe-page__price small {
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-2);
  font-weight: 400;
}
.subscribe-page__lead {
  margin: 0 0 20px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.subscribe-page__lead b {
  color: var(--ui-ink);
  font-weight: 500;
}
.subscribe-page__perks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
.subscribe-page__perks li {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 2px 12px;
}
.subscribe-page__perks .subscribe-page__icon {
  grid-row: span 2;
  margin-top: 1px;
  color: var(--ui-ink-2);
}
.subscribe-page__perks strong {
  font-weight: 500;
}
.subscribe-page__perks span {
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.subscribe-page__buy {
  margin-bottom: 44px;
}
.subscribe-page__plan-wrap {
  margin-bottom: 28px;
}
.subscribe-page__tiles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.subscribe-page__tiles--2 {
  grid-template-columns: repeat(2, 1fr);
}
.subscribe-page__tile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 16px;
  border-radius: 8px;
  cursor: pointer;
  background: var(--subscribe-panel);
  border: 1px solid var(--ui-line-2);
  color: var(--ui-ink);
  font: inherit;
}
.subscribe-page__tile:hover, a .subscribe-page__tile.location:hover, .link .subscribe-page__tile.location:hover {
  border-color: var(--ui-line-3);
  background: var(--subscribe-panel);
  color: var(--ui-ink);
}
.subscribe-page__tile[aria-pressed=true], .subscribe-page__tile[aria-pressed=true]:hover {
  border-color: var(--subscribe-link);
  background: color-mix(in srgb, var(--subscribe-link) 6%, transparent);
}
.subscribe-page__tile .subscribe-page__icon {
  color: var(--ui-ink-2);
  margin-bottom: 10px;
}
.subscribe-page__tile strong {
  font-size: var(--ui-fs-lg);
  font-weight: 500;
}
.subscribe-page__tile span {
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.subscribe-page__tile-price {
  margin: 2px 0 6px;
  font-weight: 700;
}
.subscribe-page__tile-price.subscribe-page__tile-price {
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
}
.subscribe-page__tile-price small {
  color: var(--ui-ink-2);
  font-weight: 400;
}
.subscribe-page__buy-grid {
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 32px;
  align-items: start;
}
.subscribe-page__checkout {
  background: var(--subscribe-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
}
.subscribe-page__checkout-body {
  padding: 18px 18px 6px;
}
.subscribe-page__checkout-foot {
  padding: 14px 18px 18px;
}
.subscribe-page__hint {
  margin: 0 0 12px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.subscribe-page__options {
  display: grid;
  gap: 8px;
}
.subscribe-page__recipient-search + .subscribe-page__options, .subscribe-page__recipient + .subscribe-page__options {
  margin-top: 14px;
}
.subscribe-page__option {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--ui-line-2);
  border-radius: 6px;
  background: var(--ui-surface);
  cursor: pointer;
  color: var(--ui-ink);
  font-weight: 400;
}
.subscribe-page__option:hover, a .subscribe-page__option.location:hover, .link .subscribe-page__option.location:hover {
  border-color: var(--ui-line-3);
}
.subscribe-page__option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.subscribe-page__option:focus-within {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--subscribe-link) 25%, transparent);
}
.subscribe-page__option--selected {
  border-color: var(--subscribe-link);
  background: color-mix(in srgb, var(--subscribe-link) 7%, transparent);
}
.subscribe-page__option-title {
  font-weight: 700;
  font-size: var(--ui-fs-lg);
}
.subscribe-page__option-title small {
  font-weight: 400;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-2);
}
.subscribe-page__option-detail {
  margin-left: auto;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
  text-align: right;
}
.subscribe-page__label {
  display: block;
  margin-bottom: 6px;
  font-size: var(--ui-fs-label);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ui-ink-2);
}
.subscribe-page__input.browser-default {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 9px 12px;
  background: var(--ui-bg);
  color: var(--ui-ink);
  border: 1px solid var(--ui-line-2);
  border-radius: 6px;
  font: inherit;
}
.subscribe-page__input.browser-default:focus {
  outline: none;
  border-color: var(--subscribe-link);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--subscribe-link) 18%, transparent);
}
.subscribe-page__recipient-search {
  position: relative;
}
.subscribe-page__recipient-results {
  list-style: none;
  margin: 4px 0 0;
  padding: 4px;
  background: var(--ui-bg);
  border: 1px solid var(--ui-line-2);
  border-radius: 6px;
}
.subscribe-page__recipient-results button {
  width: 100%;
  padding: 7px 10px;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 4px;
  color: var(--ui-ink);
  cursor: pointer;
}
.subscribe-page__recipient-results button:hover, .subscribe-page__recipient-results button:focus {
  background: var(--ui-panel-2);
}
.subscribe-page__recipient {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.subscribe-page__link-button {
  background: none;
  border: 0;
  padding: 0;
  color: var(--subscribe-link);
  cursor: pointer;
  font: inherit;
}
.subscribe-page__donate {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 12px;
}
.subscribe-page__chip {
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid var(--ui-line-2);
  background: var(--ui-surface);
  color: var(--ui-ink);
  font-weight: 700;
  cursor: pointer;
}
.subscribe-page__chip[aria-pressed=true] {
  border-color: var(--subscribe-link);
  background: color-mix(in srgb, var(--subscribe-link) 7%, transparent);
}
.subscribe-page__donate-custom {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  color: var(--ui-ink-2);
}
.subscribe-page__donate-custom .subscribe-page__input {
  width: 90px;
}
.subscribe-page__methods {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.subscribe-page__methods button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px;
  border: 1px solid var(--ui-line-2);
  border-radius: 6px;
  background: transparent;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
  font-weight: 500;
  cursor: pointer;
}
.subscribe-page__methods button[aria-checked=true] {
  color: var(--ui-ink);
  border-color: var(--ui-line-3);
  background: var(--ui-panel-2);
}
.subscribe-page__methods b {
  font-style: italic;
  font-weight: 900;
  color: var(--subscribe-paypal-pay);
}
.subscribe-page__methods b.subscribe-page__paypal-pal {
  color: var(--subscribe-paypal-pal);
  margin-left: -6px;
}
.subscribe-page__opt-in {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 0;
  font-size: var(--ui-fs-sm);
  font-weight: 400;
  color: var(--ui-ink);
  cursor: pointer;
}
.subscribe-page__opt-in input[type=checkbox] {
  position: static;
  opacity: 1;
  pointer-events: auto;
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--subscribe-link);
}
.subscribe-page__summary {
  margin: 14px 0 12px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.subscribe-page__problem {
  margin: 0 0 12px;
  color: var(--ui-red);
  font-size: var(--ui-fs-sm);
}
.subscribe-page__pay {
  display: block;
  width: 100%;
  padding: 12px;
  border: 0;
  border-radius: 6px;
  background: #0a6ebd;
  color: #fff;
  font-size: var(--ui-fs-lg);
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}
.subscribe-page__pay:hover, a .subscribe-page__pay.location:hover, .link .subscribe-page__pay.location:hover {
  text-decoration: none;
  filter: brightness(1.1);
}
.subscribe-page__pay:disabled {
  opacity: 0.5;
  cursor: default;
}
.subscribe-page__pay.subscribe-page__pay {
  color: #fff;
}
.subscribe-page__questions h3 {
  font-size: var(--ui-fs-lg);
  margin: 0 0 14px;
}
.subscribe-page__questions dl {
  margin: 0;
  display: grid;
  gap: 20px;
}
.subscribe-page__questions dt {
  font-weight: 500;
  margin-bottom: 4px;
}
.subscribe-page__questions dd {
  margin: 0;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}
.subscribe-page__plan {
  background: var(--subscribe-panel);
  border: 1px solid var(--subscribe-accent-line);
  border-radius: 8px;
  padding: 18px;
}
.subscribe-page__plan-head {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  color: var(--ui-ink-2);
}
.subscribe-page__facts {
  margin: 16px 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.subscribe-page__facts dt {
  font-size: var(--ui-fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ui-ink-3);
}
.subscribe-page__facts dd {
  margin: 2px 0 0;
}
.subscribe-page__plan-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.subscribe-page__cancel {
  margin-left: auto;
  padding: 7px 14px;
  border: 1px solid var(--ui-line-2);
  border-radius: 6px;
  background: transparent;
  color: var(--ui-ink-2);
  cursor: pointer;
}
.subscribe-page__cancel.subscribe-page__cancel {
  color: var(--ui-ink-2);
}
.subscribe-page__wall-head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.subscribe-page__wall-head h2 {
  margin: 0;
}
.subscribe-page__wall-head p {
  margin: 0;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.subscribe-page__wall-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 16px;
}
.subscribe-page__wall-list {
  background: var(--subscribe-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  padding: 16px 18px;
}
.subscribe-page__wall-list h3 {
  margin: 0 0 8px;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-2);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.subscribe-page__wall-list ul, .subscribe-page__wall-list ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.subscribe-page__wall-list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px 20px;
}
.subscribe-page__wall-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid var(--ui-line);
  font-size: var(--ui-fs-sm);
}
.subscribe-page__wall-me {
  background: rgba(255, 176, 32, 0.06);
}
.subscribe-page__wall-count {
  margin-left: auto;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
  white-space: nowrap;
}
.subscribe-page__muted {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
}
@media (max-width: 900px) {
  .subscribe-page__buy-grid, .subscribe-page__wall-grid {
    grid-template-columns: 1fr;
  }
  .subscribe-page__tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 700px) {
  .subscribe-page__columns {
    grid-template-columns: 1fr;
  }
  .subscribe-page__hero h1 {
    font-size: 26px;
  }
  .subscribe-page__wall-list ul {
    grid-template-columns: 1fr;
  }
  .subscribe-page__facts {
    grid-template-columns: 1fr;
  }
}

.auth-page {
  --auth-panel: #12141c;
  --auth-red: #e8473e;
  --auth-red-hover: #f05a51;
  --auth-cyan: #18c5f0;
  --auth-blue: #0a6ebd;
  --auth-blue-hover: #1580d4;
  --auth-name: #ffeb3b;
  --auth-port: var(--auth-red);
  --auth-focus: var(--auth-red);
  --auth-current: #fff;
  --auth-shadow: rgba(0, 0, 0, 0.35);
  --auth-button: #30354a;
  --auth-button-ink: #fff;
  --auth-google: #131314;
  --auth-google-hover: #1f1f20;
  --auth-google-line: #8e918f;
  --auth-google-ink: #e3e3e3;
  --auth-bad-ink: #ff8fa3;
  --auth-good-ink: #8ff0c6;
  --auth-cyan-rgb: 24, 197, 240;
  display: flex;
  justify-content: center;
  padding: 36px 16px 64px;
  color: var(--ui-ink);
  font-family: var(--ui-mono);
}
[data-theme=light] .auth-page {
  --auth-panel: var(--ui-panel);
  --auth-red: var(--ui-accent);
  --auth-red-hover: var(--ui-accent-hover);
  --auth-cyan: var(--ui-link);
  --auth-name: var(--ui-name-highlight);
  --auth-current: var(--ui-ink);
  --auth-shadow: rgba(31, 39, 51, 0.12);
  --auth-button: var(--ui-panel-2);
  --auth-button-ink: var(--ui-ink);
  --auth-google: #fff;
  --auth-google-hover: #f2f2f2;
  --auth-google-line: #747775;
  --auth-google-ink: #1f1f1f;
  --auth-bad-ink: var(--ui-red);
  --auth-good-ink: var(--ui-good);
  --auth-cyan-rgb: 11, 98, 160;
}

.auth-page--new {
  --auth-port: var(--auth-blue);
  --auth-focus: var(--auth-cyan);
}

.auth-column {
  width: 100%;
  max-width: 440px;
}

.auth-banner {
  margin: 0 0 18px;
  text-align: center;
  color: var(--ui-ink);
  font: italic 900 26px/1.05 var(--ui-mono);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.auth-banner b {
  color: var(--auth-red);
  font-weight: 900;
}
.auth-banner small {
  display: block;
  margin-top: 6px;
  color: var(--ui-ink-2);
  font: 400 var(--ui-fs-sm) var(--ui-mono);
  letter-spacing: 0;
  text-transform: none;
}

.auth-banner--challenger {
  animation: auth-challenger 0.5s cubic-bezier(0.2, 1.4, 0.4, 1) both;
}

@keyframes auth-challenger {
  from {
    opacity: 0;
    transform: scale(1.25) skewX(-8deg);
    letter-spacing: 0.2em;
  }
}
.auth-bracket {
  max-width: 360px;
  margin: 0 auto 14px;
}
.auth-bracket svg {
  display: block;
  width: 100%;
  height: 48px;
  overflow: visible;
}
.auth-bracket path {
  fill: none;
  stroke: var(--ui-ink-4);
  stroke-width: 2;
}
.auth-bracket path.is-lit {
  stroke: var(--auth-red);
}
.auth-bracket circle {
  fill: var(--ui-ink-4);
}
.auth-bracket circle.is-done, .auth-bracket circle.is-current {
  fill: var(--auth-red);
}
.auth-bracket circle.is-current {
  transform-box: fill-box;
  transform-origin: center;
  animation: auth-pulse 1.4s ease-in-out infinite;
}

.auth-bracket-labels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.auth-bracket-labels li {
  color: var(--ui-ink-3);
  font: 900 var(--ui-fs-sm) var(--ui-mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.auth-bracket-labels li.is-done {
  color: var(--ui-ink-2);
}
.auth-bracket-labels li.is-current {
  color: var(--auth-current);
}

@keyframes auth-pulse {
  50% {
    transform: scale(1.6);
    opacity: 0.6;
  }
}
.auth-card {
  position: relative;
  background: var(--auth-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  box-shadow: 0 10px 30px var(--auth-shadow);
}
.auth-card::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  height: 3px;
  border-radius: 8px 8px 0 0;
  background: var(--auth-port);
}

.auth-port {
  position: absolute;
  top: -13px;
  right: 18px;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--auth-port);
  color: #fff;
  font: italic 900 var(--ui-fs-sm) var(--ui-mono);
  letter-spacing: 0.06em;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.auth-section {
  padding: 26px 26px 24px;
}
.auth-section[hidden] {
  display: none;
}

.auth-title {
  margin: 0 0 8px;
  color: var(--ui-ink);
  font-size: var(--ui-fs-xl);
  font-weight: 500;
}

.auth-lede {
  margin: 0 0 20px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-base);
}
.auth-lede b {
  color: var(--ui-ink);
  font-weight: 500;
}

.auth-name {
  color: var(--auth-name);
}

.auth-art {
  display: block;
  margin: 0 0 16px;
  color: var(--ui-ink-2);
}
.auth-art .auth-art-flap {
  stroke: var(--auth-red);
}
.auth-art .auth-art-badge {
  fill: var(--auth-good-ink);
  stroke: var(--auth-panel);
  stroke-width: 3;
}
.auth-art .auth-art-check {
  stroke: var(--auth-panel);
}

.auth-art--confirmed .auth-art-badge,
.auth-art--confirmed .auth-art-check {
  transform-box: fill-box;
  transform-origin: center;
  animation: auth-art-badge-pop 0.45s 0.15s cubic-bezier(0.3, 1.6, 0.5, 1) both;
}
@media (prefers-reduced-motion: reduce) {
  .auth-art--confirmed .auth-art-badge,
  .auth-art--confirmed .auth-art-check {
    animation: none;
  }
}

@keyframes auth-art-badge-pop {
  from {
    transform: scale(0);
  }
}
.auth-field {
  margin-bottom: 14px;
}

.auth-label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.auth-label-row a, .auth-label-row .link, .auth-label-row a .location:hover, a .auth-label-row .location:hover, .auth-label-row .link .location:hover, .link .auth-label-row .location:hover {
  color: var(--auth-cyan);
  font-size: var(--ui-fs-xs);
}

.auth-label {
  margin: 0 0 2px;
  color: var(--ui-ink);
  font-size: var(--ui-fs-sm);
  font-weight: 400;
}

.auth-control {
  position: relative;
}

.auth-page .auth-field .auth-input.auth-input {
  width: 100%;
  height: auto;
  padding: 9px 44px 8px 2px;
  background: transparent;
  color: var(--ui-ink);
  border: 0;
  border-bottom: 1px solid var(--ui-line-3);
  border-radius: 0;
  box-shadow: none;
  font: 400 var(--ui-fs-lg) var(--ui-mono);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.auth-page .auth-field .auth-input.auth-input:focus {
  outline: none;
  border-bottom-color: var(--auth-focus);
  box-shadow: 0 1px 0 var(--auth-focus);
}

.auth-page .auth-field.is-good .auth-input.auth-input {
  border-bottom-color: var(--ui-good);
}

.auth-page .auth-field.is-bad .auth-input.auth-input {
  border-bottom-color: var(--ui-red);
  box-shadow: 0 1px 0 var(--ui-red);
}

.auth-status {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 1;
}
.is-good .auth-status::after {
  content: "✓";
  color: var(--ui-good);
}
.is-bad .auth-status::after {
  content: "✕";
  color: var(--ui-red);
}
.is-checking .auth-status::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid var(--ui-ink-3);
  border-top-color: transparent;
  border-radius: 50%;
  animation: auth-spin 0.7s linear infinite;
}

@keyframes auth-spin {
  to {
    transform: rotate(360deg);
  }
}
.auth-reveal {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 2px 4px;
  background: none;
  border: 0;
  color: var(--ui-ink-3);
  font: 500 var(--ui-fs-xs) var(--ui-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}
.auth-reveal:hover, a .auth-reveal.location:hover, .link .auth-reveal.location:hover, .auth-reveal:focus-visible {
  color: var(--ui-ink);
}

.auth-help {
  min-height: 18px;
  margin-top: 4px;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
}
.is-good > .auth-help {
  color: var(--ui-good);
}
.is-bad > .auth-help, .auth-help.auth-help--bad {
  color: var(--ui-red);
}

.auth-strength {
  display: flex;
  gap: 4px;
  margin-top: 6px;
}
.auth-strength i {
  flex: 1;
  height: 3px;
  border-radius: 2px;
  background: var(--ui-line-2);
  transition: background 0.2s;
}
.auth-strength[data-level="1"] i:first-child {
  background: var(--ui-red);
}
.auth-strength[data-level="2"] i:nth-child(-n+2) {
  background: var(--ui-warn);
}
.auth-strength[data-level="3"] i {
  background: var(--ui-good);
}

.auth-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--auth-button);
  color: var(--auth-button-ink);
  font: 500 var(--ui-fs-lg) var(--ui-mono);
  letter-spacing: 0.02em;
  box-shadow: 0 2px 6px var(--auth-shadow);
  cursor: pointer;
  transition: background 0.15s, box-shadow 0.15s, transform 0.08s;
}
.auth-button:hover, a .auth-button.location:hover, .link .auth-button.location:hover {
  color: var(--auth-button-ink);
  text-decoration: none;
}
.auth-button:active {
  transform: translateY(1px);
}
.auth-button:disabled {
  opacity: 0.5;
  cursor: default;
}

.auth-button--primary {
  background: var(--auth-port);
  color: #fff;
}
.auth-button--primary:hover, a .auth-button--primary.location:hover, .link .auth-button--primary.location:hover {
  color: #fff;
  background: var(--auth-red-hover);
  box-shadow: 0 2px 14px rgba(232, 71, 62, 0.35);
}
.auth-page--new .auth-button--primary:hover {
  background: var(--auth-blue-hover);
  box-shadow: 0 2px 14px rgba(10, 110, 189, 0.45);
}

.auth-button--ghost {
  background: transparent;
  border-color: var(--ui-line-3);
  box-shadow: none;
}

.auth-social {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.auth-social--single {
  grid-template-columns: 1fr;
}

.auth-oauth {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  font: 500 var(--ui-fs-base) var(--ui-mono);
  transition: background 0.15s, border-color 0.15s;
}
.auth-oauth:hover, a .auth-oauth.location:hover, .link .auth-oauth.location:hover, .auth-oauth:focus {
  text-decoration: none;
}
.auth-oauth:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--auth-cyan-rgb), 0.35);
}

.auth-oauth--google {
  background: var(--auth-google);
  border: 1px solid var(--auth-google-line);
  color: var(--auth-google-ink);
}
.auth-oauth--google:hover, a .auth-oauth--google.location:hover, .link .auth-oauth--google.location:hover, .auth-oauth--google:focus {
  background: var(--auth-google-hover);
  color: var(--auth-google-ink);
}

.auth-oauth--discord {
  background: #5865f2;
  border: 1px solid #5865f2;
  color: #fff;
}
.auth-oauth--discord:hover, a .auth-oauth--discord.location:hover, .link .auth-oauth--discord.location:hover, .auth-oauth--discord:focus {
  background: #4752c4;
  border-color: #4752c4;
  color: #fff;
}

.auth-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.auth-divider::before, .auth-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--ui-line-2);
}

.auth-notice {
  margin-bottom: 18px;
  padding: 10px 12px;
  border: 1px solid;
  border-radius: 6px;
  font-size: var(--ui-fs-sm);
}
.auth-notice[hidden] {
  display: none;
}

.auth-notice--bad {
  color: var(--auth-bad-ink);
  background: rgba(239, 69, 101, 0.08);
  border-color: rgba(239, 69, 101, 0.35);
}

.auth-notice--good {
  color: var(--auth-good-ink);
  background: rgba(54, 211, 153, 0.08);
  border-color: rgba(54, 211, 153, 0.35);
}

.auth-referral {
  margin: 0 0 18px;
}

.auth-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid rgba(var(--auth-cyan-rgb), 0.3);
  border-radius: 999px;
  background: rgba(var(--auth-cyan-rgb), 0.08);
  color: var(--auth-cyan);
  font-size: var(--ui-fs-xs);
}

.auth-pill {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid rgba(54, 211, 153, 0.4);
  border-radius: 999px;
  color: var(--ui-good);
  font-size: var(--ui-fs-xs);
  font-weight: 500;
}

.auth-readonly {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  margin: 4px 0 22px;
}
.auth-readonly .auth-label {
  flex-basis: 100%;
}
.auth-readonly b {
  font-size: var(--ui-fs-lg);
  font-weight: 500;
}

.auth-captcha {
  margin-bottom: 18px;
}

.auth-fineprint {
  margin: 14px 0 0;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-xs);
  line-height: 1.5;
  text-align: center;
}

.auth-switch,
.auth-switch-line {
  margin: 18px 0 0;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
  text-align: center;
}
.auth-switch a, .auth-switch .link, .auth-switch a .location:hover, a .auth-switch .location:hover, .auth-switch .link .location:hover, .link .auth-switch .location:hover,
.auth-switch button,
.auth-switch-line a,
.auth-switch-line .link,
.auth-switch-line a .location:hover,
a .auth-switch-line .location:hover,
.auth-switch-line .link .location:hover,
.link .auth-switch-line .location:hover,
.auth-switch-line button {
  color: var(--auth-cyan);
}

.auth-link-button {
  padding: 0;
  background: none;
  border: 0;
  color: var(--auth-cyan);
  font: inherit;
  cursor: pointer;
}
.auth-link-button:hover, a .auth-link-button.location:hover, .link .auth-link-button.location:hover {
  text-decoration: underline;
}
.auth-link-button:disabled {
  color: var(--ui-ink-3);
  text-decoration: none;
  cursor: default;
}

.auth-sent[hidden],
form[data-auth-form][hidden] {
  display: none;
}

.auth-games {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 22px;
}

.auth-game {
  position: relative;
  margin: 0;
  font-weight: 400;
}
.auth-game input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.auth-game span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 84px;
  padding: 6px;
  border: 1px solid var(--ui-line-2);
  border-radius: 6px;
  background: var(--ui-surface);
  color: var(--ui-ink-2);
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.auth-game img {
  width: 64px;
  height: 44px;
  object-fit: contain;
  filter: grayscale(1) opacity(0.8);
  transition: filter 0.15s;
}
.auth-game span:hover {
  border-color: var(--ui-line-3);
}
.auth-game input:checked + span {
  border-color: var(--auth-cyan);
  background: rgba(var(--auth-cyan-rgb), 0.07);
  color: var(--ui-ink);
}
.auth-game input:checked + span img {
  filter: none;
}
.auth-game input:checked + span::after {
  content: "P1";
  position: absolute;
  top: -7px;
  right: -5px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--auth-red);
  color: #fff;
  font: italic 900 10px var(--ui-mono);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  animation: auth-token 0.25s cubic-bezier(0.2, 1.6, 0.4, 1);
}
.auth-game input:focus-visible + span {
  box-shadow: 0 0 0 3px rgba(var(--auth-cyan-rgb), 0.3);
}

.auth-game-error {
  margin: -12px 0 16px;
  color: var(--ui-red);
  font-size: var(--ui-fs-xs);
}
.auth-game-error[hidden] {
  display: none;
}

@keyframes auth-token {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(1.4);
  }
}
@media (max-width: 480px) {
  .auth-page {
    padding-top: 24px;
  }
  .auth-banner {
    font-size: 21px;
  }
  .auth-section {
    padding: 24px 18px 20px;
  }
  .auth-games {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .auth-banner--challenger,
  .auth-bracket circle.is-current,
  .auth-game input:checked + span::after {
    animation: none;
  }
}
#search_dropdown_retro {
  position: relative;
}

.search-popup {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -29.5px;
  z-index: 10;
  width: 480px;
  font-family: "Roboto", "Open Sans", "Arial", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  --search-popup-bg: #0a0a16;
  --search-popup-line: #2a2e40;
  --search-popup-hairline: #23273a;
  --search-popup-muted: #9aa6b8;
  --search-popup-dim: #6f7487;
  --search-popup-selected: #2d2b20;
  --search-popup-hover: #151827;
  --search-popup-ink: var(--search-popup-ink);
  --search-popup-message: #c9ccd6;
  --search-popup-remove: #3a3f52;
  --search-popup-shadow: 0 8px 18px rgba(0, 0, 0, 0.6);
}
[data-theme=light] .search-popup {
  --search-popup-bg: var(--ui-bg);
  --search-popup-line: #c5cdd8;
  --search-popup-hairline: #d6dce5;
  --search-popup-muted: var(--ui-ink-2);
  --search-popup-dim: var(--ui-ink-3);
  --search-popup-selected: #f1e6c8;
  --search-popup-hover: var(--ui-panel-2);
  --search-popup-ink: var(--ui-ink);
  --search-popup-message: var(--ui-ink-2);
  --search-popup-remove: var(--ui-ink-4);
  --search-popup-shadow: 0 8px 18px rgba(31, 39, 51, 0.16);
}
.search-popup * {
  box-sizing: border-box;
}
.search-popup button {
  font-family: inherit;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .search-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin-top: 0;
    width: auto;
  }
}
.search-popup__bar {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 59px;
  padding: 0 4px 0 16px;
  background: var(--ui-header);
}
.search-popup__bar-icon {
  color: var(--search-popup-ink);
  font-size: 16px;
  flex: none;
}
.search-popup__input {
  flex: 1;
  min-width: 0;
  height: 34px;
  padding: 0 10px;
  background: var(--search-popup-bg);
  border: 1px solid var(--search-popup-line);
  border-radius: 3px;
  color: var(--search-popup-ink);
  font: inherit;
  font-size: 15px;
  outline: none;
}
.search-popup__input:focus {
  border-color: var(--ui-link);
}
.search-popup__input::placeholder {
  color: var(--search-popup-dim);
  font-style: italic;
}
.search-popup .search-popup__close {
  width: 26px;
  height: 26px;
  color: var(--search-popup-muted);
  font-size: 15px;
  flex: none;
}
.search-popup .search-popup__close:hover {
  color: var(--search-popup-ink);
}
.search-popup__dropdown {
  margin: 0 30px 0 16px;
  background: var(--search-popup-bg);
  border: 1px solid var(--search-popup-line);
  border-top: 0;
  box-shadow: var(--search-popup-shadow);
}
@media (max-width: 767px) {
  .search-popup__dropdown {
    margin: 0;
  }
}
.search-popup__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 8px;
  border-bottom: 1px solid var(--search-popup-hairline);
}
.search-popup .search-popup__tab {
  padding: 9px 10px 7px;
  margin-bottom: -1px;
  border-bottom: 1px solid transparent;
  font-size: 15px;
  color: var(--search-popup-muted);
}
.search-popup .search-popup__tab:hover {
  color: var(--search-popup-ink);
}
.search-popup .search-popup__tab--on {
  color: var(--ui-link);
  border-bottom-color: var(--ui-link);
}
.search-popup .search-popup__tab--on:hover {
  color: var(--ui-link);
}
.search-popup__tab-count {
  color: var(--search-popup-dim);
}
.search-popup__body {
  max-height: 60vh;
  overflow-y: auto;
  padding: 4px 0;
}
.search-popup__group-title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px 4px;
  color: var(--search-popup-ink);
  font-size: 15px;
}
.search-popup__group-title .fa, .search-popup__group-title .chat_message.edited .edited, .chat_message.edited .search-popup__group-title .edited, .search-popup__group-title .feedback_thumbs .negative, .feedback_thumbs .search-popup__group-title .negative, .search-popup__group-title .feedback_thumbs .positive, .feedback_thumbs .search-popup__group-title .positive, .search-popup__group-title .feedback_thumbs .neutral, .feedback_thumbs .search-popup__group-title .neutral {
  font-size: 11px;
}
.search-popup__row {
  padding: 1px 14px 1px 34px;
  cursor: pointer;
}
.search-popup__row:hover, a .search-popup__row.location:hover, .link .search-popup__row.location:hover {
  background: var(--search-popup-hover);
}
.search-popup__row--selected, .search-popup__row--selected:hover, a .search-popup__row--selected.location:hover, .link .search-popup__row--selected.location:hover {
  background: var(--search-popup-selected);
}
.search-popup__row .online_user {
  display: block;
  margin: 0;
  padding: 0;
  background: none;
}
.search-popup__recent {
  display: flex;
  align-items: center;
  padding: 3px 14px 3px 34px;
}
.search-popup .search-popup__recent-text {
  flex: 1;
  min-width: 0;
  text-align: left;
  color: var(--ui-link);
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-popup .search-popup__recent-text:hover {
  text-decoration: underline;
}
.search-popup .search-popup__recent-remove {
  padding: 0 4px;
  color: var(--search-popup-remove);
}
.search-popup .search-popup__recent-remove:hover {
  color: var(--search-popup-ink);
}
.search-popup__message {
  padding: 14px 14px 14px 34px;
  color: var(--search-popup-message);
  font-size: 13px;
}
.search-popup__message strong {
  color: var(--search-popup-ink);
  font-weight: 400;
}
.search-popup__footer {
  padding: 8px 14px;
  border-top: 1px solid var(--ui-header);
  text-align: right;
  font-size: 13px;
}
.search-popup__footer-advanced {
  color: var(--ui-link);
}
.search-popup__footer-advanced:hover, a .search-popup__footer-advanced.location:hover, .link .search-popup__footer-advanced.location:hover {
  text-decoration: underline;
}

#header_notification_bell {
  position: relative;
  display: flex;
  align-items: center;
  height: 29px;
  padding: 0 2px;
}

.notification-bell {
  position: relative;
  font-family: var(--ui-mono);
  text-align: left;
}
.notification-bell__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--ui-header-ink);
  cursor: pointer;
}
.notification-bell__button:hover, a .notification-bell__button.location:hover, .link .notification-bell__button.location:hover, .notification-bell__button--open {
  background: var(--ui-header-hover);
}
.notification-bell__button:focus-visible {
  outline: 2px solid var(--ui-link);
  outline-offset: 1px;
}
.notification-bell__badge {
  position: absolute;
  top: 2px;
  right: 0;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--ui-red);
  color: #fff;
  font: 700 11px/18px var(--ui-mono);
  text-align: center;
  box-shadow: 0 0 0 2px var(--ui-header);
}
.notification-bell__panel {
  position: absolute;
  top: calc(100% + 10px);
  right: -150px;
  z-index: 1050;
  width: 400px;
  max-height: min(600px, 100vh - 80px);
  display: flex;
}
@media (max-width: 767px) {
  .notification-bell__panel {
    position: fixed;
    top: 64px;
    left: 8px;
    right: 8px;
    width: auto;
  }
}
.notification-bell__loading {
  width: 100%;
  height: 120px;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 10px;
}

.notification-feed {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 10px;
  color: var(--ui-ink);
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-sm);
  line-height: 1.45;
}
.notification-feed--panel {
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
}
[data-theme=light] .notification-feed--panel {
  box-shadow: 0 18px 50px -12px rgba(31, 39, 51, 0.3);
}
.notification-feed a, .notification-feed .link, .notification-feed a .location:hover, a .notification-feed .location:hover, .notification-feed .link .location:hover, .link .notification-feed .location:hover {
  color: var(--ui-link);
}
.notification-feed__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 10px;
}
.notification-feed__heading {
  margin: 0;
  color: var(--ui-ink);
  font-size: var(--ui-fs-lg);
  font-weight: 500;
}
.notification-feed__link-button {
  padding: 0;
  border: 0;
  background: none;
  color: var(--ui-link);
  font: inherit;
  font-size: var(--ui-fs-sm);
  cursor: pointer;
}
.notification-feed__link-button:hover, a .notification-feed__link-button.location:hover, .link .notification-feed__link-button.location:hover {
  text-decoration: underline;
}
.notification-feed__link-button:disabled {
  color: var(--ui-ink-3);
  cursor: default;
  text-decoration: none;
}
.notification-feed__scroll {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--ui-ink-4) transparent;
}
.notification-feed__group-label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 10px 16px 6px;
  color: var(--ui-heading);
  font-size: var(--ui-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.notification-feed__group-label a, .notification-feed__group-label .link, .notification-feed__group-label a .location:hover, a .notification-feed__group-label .location:hover, .notification-feed__group-label .link .location:hover, .link .notification-feed__group-label .location:hover {
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.notification-feed__foot {
  padding: 10px 16px;
  border-top: 1px solid var(--ui-line);
  text-align: center;
}
.notification-feed__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 40px 24px;
  color: var(--ui-ink-3);
  text-align: center;
}
.notification-feed__empty svg {
  color: var(--ui-ink-4);
}
.notification-feed__empty b {
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
  font-weight: 500;
}

.notification-row {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 10px 16px;
  color: var(--ui-ink);
  text-decoration: none;
}
.notification-feed .notification-row, .notification-feed .notification-row:hover, .notification-feed .notification-row:focus {
  color: var(--ui-ink);
  text-decoration: none;
}
.notification-row:hover, a .notification-row.location:hover, .link .notification-row.location:hover {
  background: rgba(255, 255, 255, 0.04);
}
.notification-row--unread {
  background: rgba(24, 197, 240, 0.05);
}
[data-theme=light] .notification-row:hover {
  background: var(--ui-surface);
}
[data-theme=light] .notification-row--unread {
  background: rgba(11, 98, 160, 0.06);
}
.notification-row__avatar, .notification-row__icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
}
.notification-row__icon {
  background: var(--ui-panel-2);
  border: 1px solid var(--ui-line-2);
}
.notification-row__icon--achievement {
  color: var(--ui-warn);
  background: rgba(255, 176, 32, 0.12);
  border-color: rgba(255, 176, 32, 0.35);
}
.notification-row__icon--reply {
  color: var(--ui-link);
}
.notification-row__icon--invite {
  color: var(--ui-other);
}
.notification-row__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.notification-row__line {
  display: flex;
  align-items: center;
  gap: 8px;
}
.notification-row__user {
  color: var(--ui-name-highlight);
  font-weight: 500;
}
.notification-row__text b {
  color: var(--ui-body-ink);
  font-weight: 500;
}
.notification-row__kicker {
  color: var(--ui-warn);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.notification-row__preview {
  overflow: hidden;
  color: var(--ui-ink-2);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.notification-row__count {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--ui-link);
  color: #001018;
  font: 700 11px/18px var(--ui-mono);
  text-align: center;
}
[data-theme=light] .notification-row__count {
  color: #fff;
}
.notification-row__time {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  color: var(--ui-ink-3);
  font-size: 12px;
}
.notification-row__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ui-link);
}
.notification-row__actions {
  display: flex;
  gap: 8px;
  margin-top: 6px;
}
.notification-row__button {
  padding: 4px 12px;
  border: 1px solid var(--ui-line-3);
  border-radius: 6px;
  background: transparent;
  color: var(--ui-ink);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.notification-row__button:hover, a .notification-row__button.location:hover, .link .notification-row__button.location:hover {
  background: rgba(255, 255, 255, 0.06);
}
[data-theme=light] .notification-row__button:hover {
  background: var(--ui-panel-2);
}
.notification-row__button--primary {
  background: #0a6ebd;
  border-color: transparent;
  color: #fff;
}
.notification-row__button--primary:hover, a .notification-row__button--primary.location:hover, .link .notification-row__button--primary.location:hover {
  background: rgb(11.5376884422, 126.9145728643, 218.0623115578);
}

.notifications-page {
  max-width: 720px;
}
.notifications-page .notification-feed__scroll {
  overflow: visible;
}

.notification-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 1060;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  width: 340px;
  overflow: hidden;
  padding: 14px 14px 16px;
  background: linear-gradient(135deg, rgba(255, 176, 32, 0.14), rgba(255, 176, 32, 0) 60%), var(--ui-panel);
  border: 1px solid rgba(255, 176, 32, 0.45);
  border-radius: 10px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
  color: var(--ui-ink-2);
  font-family: var(--ui-mono);
  font-size: var(--ui-fs-sm);
  line-height: 1.45;
  animation: notification-toast-in 0.35s cubic-bezier(0.2, 0.9, 0.3, 1.2);
}
[data-theme=light] .notification-toast {
  box-shadow: 0 18px 50px -12px rgba(31, 39, 51, 0.3);
}
@media (max-width: 767px) {
  .notification-toast {
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
  }
}
.notification-toast__icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(255, 176, 32, 0.18);
  color: var(--ui-warn);
}
.notification-toast__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.notification-toast__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.notification-toast__body a, .notification-toast__body .link, .notification-toast__body a .location:hover, a .notification-toast__body .location:hover, .notification-toast__body .link .location:hover, .link .notification-toast__body .location:hover {
  margin-top: 4px;
  color: var(--ui-link);
}
.notification-toast__kicker {
  color: var(--ui-warn);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.notification-toast__title {
  color: var(--ui-body-ink);
  font-size: var(--ui-fs-lg);
  font-weight: 500;
}
.notification-toast__close {
  padding: 2px;
  border: 0;
  background: transparent;
  color: var(--ui-ink-3);
  cursor: pointer;
}
.notification-toast__close:hover, a .notification-toast__close.location:hover, .link .notification-toast__close.location:hover {
  color: var(--ui-ink);
}
.notification-toast__timer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--ui-warn);
  transform-origin: left;
  animation: notification-toast-timer 6s linear forwards;
}

@keyframes notification-toast-in {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes notification-toast-timer {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .notification-toast {
    animation: none;
  }
}
.header .header-menu {
  position: relative;
}
.header .header-menu > .dropdown-toggle .fa-chevron-down {
  margin-left: 6px;
  font-size: var(--ui-fs-label);
  transition: transform 0.15s ease;
  display: inline-block;
}
.header .header-menu.open > .dropdown-toggle .fa-chevron-down {
  transform: rotate(180deg);
}
.header .header-menu > .dropdown-menu {
  background: var(--popup-panel);
  color: var(--popup-ink);
  border: 1px solid var(--popup-line-3);
  border-radius: 12px;
  box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.7), 0 4px 12px -4px rgba(0, 0, 0, 0.6);
  padding: 6px 0;
  margin-top: 12px;
  min-width: 240px;
  font-family: "Roboto", "Open Sans", "Arial", sans-serif;
  font-size: var(--ui-fs-base);
  z-index: 1000;
  overflow: visible;
}
.header .header-menu > .dropdown-menu > li.header-menu__group-hdr {
  padding: 10px 14px 4px;
}
.header .header-menu > .dropdown-menu > li.header-menu__group-hdr:first-child {
  padding-top: 8px;
}
.header .header-menu > .dropdown-menu > li.header-menu__divider {
  padding: 0;
  margin: 6px 0;
}
.header .header-menu > .dropdown-menu:before {
  content: "";
  position: absolute;
  top: -7px;
  width: 12px;
  height: 12px;
  background: var(--popup-panel);
  border-top: 1px solid var(--popup-line-3);
  border-left: 1px solid var(--popup-line-3);
  transform: rotate(45deg);
}
.header .header-menu > .dropdown-menu > li {
  list-style: none;
  border-bottom: none;
  min-width: 0;
  padding: 0;
}
.header .header-menu > .dropdown-menu > li > a, .header .header-menu > .dropdown-menu > li > .link, .header a .header-menu > .dropdown-menu > li > .location:hover, a .header .header-menu > .dropdown-menu > li > .location:hover, .header .link .header-menu > .dropdown-menu > li > .location:hover, .link .header .header-menu > .dropdown-menu > li > .location:hover,
.header .header-menu > .dropdown-menu > li > form > .locale-switcher-option {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 9px 14px !important;
  color: var(--popup-ink) !important;
  font-size: var(--ui-fs-base);
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none !important;
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}
.header .header-menu > .dropdown-menu > li > a:hover, .header .header-menu > .dropdown-menu > li > .link:hover, .header a .header-menu > .dropdown-menu > li > .location:hover, a .header .header-menu > .dropdown-menu > li > .location:hover, .header .link .header-menu > .dropdown-menu > li > .location:hover, .link .header .header-menu > .dropdown-menu > li > .location:hover, .header .header-menu > .dropdown-menu > li > a:focus, .header .header-menu > .dropdown-menu > li > .link:focus,
.header .header-menu > .dropdown-menu > li > form > .locale-switcher-option:hover,
.header .header-menu > .dropdown-menu > li > form > .locale-switcher-option:focus {
  background: var(--ui-surface) !important;
  color: var(--popup-ink) !important;
  text-decoration: none !important;
  outline: none;
}
.header .header-menu > .dropdown-menu > li > a .ico, .header .header-menu > .dropdown-menu > li > .link .ico, .header a .header-menu > .dropdown-menu > li > .location:hover .ico, a .header .header-menu > .dropdown-menu > li > .location:hover .ico, .header .link .header-menu > .dropdown-menu > li > .location:hover .ico, .link .header .header-menu > .dropdown-menu > li > .location:hover .ico,
.header .header-menu > .dropdown-menu > li > form > .locale-switcher-option .ico {
  flex: none;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--popup-ink-3);
  font-size: 14px;
  line-height: 1;
  transition: color 0.12s ease;
}
.header .header-menu > .dropdown-menu > li > a:hover .ico, .header .header-menu > .dropdown-menu > li > .link:hover .ico, .header a .header-menu > .dropdown-menu > li > .location:hover .ico, a .header .header-menu > .dropdown-menu > li > .location:hover .ico, .header .link .header-menu > .dropdown-menu > li > .location:hover .ico, .link .header .header-menu > .dropdown-menu > li > .location:hover .ico, .header .header-menu > .dropdown-menu > li > a:focus .ico, .header .header-menu > .dropdown-menu > li > .link:focus .ico,
.header .header-menu > .dropdown-menu > li > form > .locale-switcher-option:hover .ico,
.header .header-menu > .dropdown-menu > li > form > .locale-switcher-option:focus .ico {
  color: var(--popup-ink-2);
}
.header .header-menu > .dropdown-menu > li.header-menu__row--active > a, .header .header-menu > .dropdown-menu > li.header-menu__row--active > .link, .header a .header-menu > .dropdown-menu > li.header-menu__row--active > .location:hover, a .header .header-menu > .dropdown-menu > li.header-menu__row--active > .location:hover, .header .link .header-menu > .dropdown-menu > li.header-menu__row--active > .location:hover, .link .header .header-menu > .dropdown-menu > li.header-menu__row--active > .location:hover {
  box-shadow: inset 2px 0 0 var(--popup-accent);
  color: var(--popup-ink) !important;
}
.header .header-menu > .dropdown-menu:before {
  left: 18px;
}
.header .header-menu--right > .dropdown-menu {
  left: auto;
  right: 0;
}
.header .header-menu--right > .dropdown-menu:before {
  left: auto;
  right: 18px;
}
.header .header-menu__group-hdr {
  font-family: "Roboto", "Open Sans", "Arial", sans-serif;
  font-size: var(--ui-fs-label);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--popup-ink-3);
  padding: 10px 14px 4px;
  pointer-events: none;
  user-select: none;
}
.header .header-menu__group-hdr:first-child {
  padding-top: 8px;
}
.header .header-menu__divider {
  height: 1px;
  background: var(--popup-line);
  margin: 6px 0;
  padding: 0;
  line-height: 0;
  overflow: hidden;
  pointer-events: none;
}
.header .header-menu__row-aside {
  margin-left: auto;
  color: var(--popup-accent);
  font-size: var(--ui-fs-sm);
}
.header .header-menu__dev-badge {
  padding: 0 6px;
  border: 1px solid var(--popup-line-3);
  border-radius: 999px;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.header .header-menu--more > .dropdown-menu {
  width: 240px;
}
.header .header-menu--user > .dropdown-menu {
  width: 280px;
}
.header .header-menu--locale > .dropdown-menu {
  width: 200px;
}
.header .header-menu--ranks > .dropdown-menu {
  width: 240px;
}
.header .header-menu__game-icon {
  flex: none;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
@media (max-width: 720px) {
  .header .header-menu > .dropdown-menu {
    left: auto;
    right: 8px;
  }
  .header .header-menu > .dropdown-menu:before {
    left: auto;
    right: 18px;
  }
}

.header .top-nav .header-menu__trigger,
.header .top-nav .header-menu > .dropdown-toggle {
  color: var(--popup-ink-2) !important;
  font-weight: 500;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  transition: color 0.15s ease;
}
.header .top-nav .header-menu__trigger:after,
.header .top-nav .header-menu > .dropdown-toggle:after {
  display: none !important;
}
.header .top-nav .header-menu__trigger:hover, .header .top-nav .header-menu__trigger:focus,
.header .top-nav .header-menu > .dropdown-toggle:hover,
.header .top-nav .header-menu > .dropdown-toggle:focus {
  color: var(--popup-ink) !important;
  background: transparent !important;
  background-color: transparent !important;
  text-decoration: none !important;
  outline: none;
}
.header .top-nav .header-menu.open > .dropdown-toggle {
  color: var(--popup-ink) !important;
  background: transparent !important;
  background-color: transparent !important;
}

.header-menu--user > .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.header .header-menu--locale > .dropdown-menu > li.active > a, .header .header-menu--locale > .dropdown-menu > li.active > .link, .header a .header-menu--locale > .dropdown-menu > li.active > .location:hover, a .header .header-menu--locale > .dropdown-menu > li.active > .location:hover, .header .link .header-menu--locale > .dropdown-menu > li.active > .location:hover, .link .header .header-menu--locale > .dropdown-menu > li.active > .location:hover,
.header .header-menu--locale > .dropdown-menu > li.active > form > .locale-switcher-option {
  color: var(--popup-accent) !important;
}

.header .header-menu--locale .locale-switcher-code {
  flex: none;
  width: 26px;
  padding: 2px 0;
  border: 1px solid var(--popup-line-3);
  border-radius: 4px;
  color: var(--popup-ink-3);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-align: center;
  transition: color 0.12s ease, border-color 0.12s ease;
}

.header .header-menu--locale .locale-switcher-option:hover .locale-switcher-code,
.header .header-menu--locale .locale-switcher-option:focus .locale-switcher-code {
  color: var(--popup-ink-2);
}

.header .header-menu--locale > .dropdown-menu > li.active .locale-switcher-code {
  color: var(--popup-accent);
  border-color: currentColor;
}

[data-theme=light] .header .header-menu > .dropdown-menu {
  box-shadow: 0 16px 40px -12px rgba(31, 39, 51, 0.28), 0 4px 12px -4px rgba(31, 39, 51, 0.16);
}
[data-theme=light] .header .header-menu > .dropdown-menu > li:hover,
[data-theme=light] .header .header-menu > .dropdown-menu > li.active {
  background-color: var(--ui-panel-2);
}
[data-theme=light] .header .header-menu > .dropdown-menu .fa, [data-theme=light] .header .header-menu > .dropdown-menu .chat_message.edited .edited, .chat_message.edited [data-theme=light] .header .header-menu > .dropdown-menu .edited, [data-theme=light] .header .header-menu > .dropdown-menu .feedback_thumbs .negative, .feedback_thumbs [data-theme=light] .header .header-menu > .dropdown-menu .negative, [data-theme=light] .header .header-menu > .dropdown-menu .feedback_thumbs .positive, .feedback_thumbs [data-theme=light] .header .header-menu > .dropdown-menu .positive, [data-theme=light] .header .header-menu > .dropdown-menu .feedback_thumbs .neutral, .feedback_thumbs [data-theme=light] .header .header-menu > .dropdown-menu .neutral {
  color: var(--ui-link);
}
[data-theme=light] .header .header-menu > .dropdown-menu .header-menu__row-aside,
[data-theme=light] .header .header-menu > .dropdown-menu .header-menu__row-aside .fa,
[data-theme=light] .header .header-menu > .dropdown-menu .header-menu__row-aside .chat_message.edited .edited,
.chat_message.edited [data-theme=light] .header .header-menu > .dropdown-menu .header-menu__row-aside .edited,
[data-theme=light] .header .header-menu > .dropdown-menu .header-menu__row-aside .feedback_thumbs .negative,
.feedback_thumbs [data-theme=light] .header .header-menu > .dropdown-menu .header-menu__row-aside .negative,
[data-theme=light] .header .header-menu > .dropdown-menu .header-menu__row-aside .feedback_thumbs .positive,
.feedback_thumbs [data-theme=light] .header .header-menu > .dropdown-menu .header-menu__row-aside .positive,
[data-theme=light] .header .header-menu > .dropdown-menu .header-menu__row-aside .feedback_thumbs .neutral,
.feedback_thumbs [data-theme=light] .header .header-menu > .dropdown-menu .header-menu__row-aside .neutral {
  color: var(--popup-accent);
}

.client-navigating .header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 100%;
  background: var(--ui-accent);
  transform-origin: left;
  animation: client-navigation-progress 8s cubic-bezier(0.1, 0.7, 0.2, 1) forwards;
  pointer-events: none;
}

@keyframes client-navigation-progress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(0.9);
  }
}
#page_content {
  transition: opacity 150ms ease;
}

.client-navigating-slow #page_content {
  opacity: 0.5;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .client-navigating .header::after {
    animation: none;
    transform: scaleX(0.6);
  }
  #page_content {
    transition: none;
  }
}
#bootstrap-modal .modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100% - 48px);
  margin: 24px auto;
  pointer-events: none;
}
#bootstrap-modal.fade .modal-dialog {
  opacity: 0;
  transform: translateY(8px) scale(0.98);
  transition: opacity 0.18s ease-out, transform 0.18s ease-out;
}
#bootstrap-modal.fade.in .modal-dialog {
  opacity: 1;
  transform: none;
}
#bootstrap-modal .modal-content {
  width: 100%;
  pointer-events: auto;
  background: var(--popup-panel);
  color: var(--popup-ink);
  border: 1px solid var(--popup-line-3);
  border-radius: 12px;
  box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.8), 0 4px 12px -4px rgba(0, 0, 0, 0.6);
}
#bootstrap-modal .modal-header {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 0;
  padding: 18px 20px 14px;
  background: transparent;
  border-bottom: 1px solid var(--popup-line);
  border-radius: 12px 12px 0 0;
  color: var(--popup-ink);
}
#bootstrap-modal .modal-header::before, #bootstrap-modal .modal-header::after {
  display: none;
}
#bootstrap-modal .modal-header .close {
  order: 2;
  float: none;
  flex: none;
  width: 32px;
  height: 32px;
  margin: -6px -8px -6px 0;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--popup-ink-3);
  font-size: 16px;
  text-shadow: none;
  opacity: 1;
  transition: background 0.12s ease, color 0.12s ease;
}
#bootstrap-modal .modal-header .close:hover, #bootstrap-modal .modal-header .close:focus {
  background: rgba(255, 255, 255, 0.06);
  color: var(--popup-ink);
  outline: none;
}
#bootstrap-modal .modal-title {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}
#bootstrap-modal .modal-body {
  padding: 20px;
  max-height: 70vh;
  overflow: auto;
  font-size: 16px;
  color: var(--popup-ink);
}
#bootstrap-modal .modal-body p {
  font-weight: 400;
  font-size: 14px;
}
#bootstrap-modal .modal-body p:last-child {
  margin-bottom: 0;
}
#bootstrap-modal.modal-loading .modal-body {
  display: flex;
  flex-direction: column;
  height: 160px;
}
#bootstrap-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 14px 20px;
  border-top: 1px solid var(--popup-line);
}
#bootstrap-modal .modal-footer::before, #bootstrap-modal .modal-footer::after {
  display: none;
}
#bootstrap-modal .modal-footer .btn, #bootstrap-modal .modal-footer .btn-xs, #bootstrap-modal .modal-footer .btn-sm, #bootstrap-modal .modal-footer .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing #bootstrap-modal .modal-footer button, #bootstrap-modal .modal-footer .stage_selectable .stage_options button, .stage_selectable .stage_options #bootstrap-modal .modal-footer button, #bootstrap-modal .modal-footer body.database_setup input[type=submit], body.database_setup #bootstrap-modal .modal-footer input[type=submit], #bootstrap-modal .modal-footer body.database_setup button, body.database_setup #bootstrap-modal .modal-footer button, #bootstrap-modal .modal-footer .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form #bootstrap-modal .modal-footer button, #bootstrap-modal .modal-footer .possible_aka_listings button, .possible_aka_listings #bootstrap-modal .modal-footer button {
  height: 36px;
  margin: 0;
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 500;
}
#bootstrap-modal .modal-footer .btn:focus, #bootstrap-modal .modal-footer .btn-xs:focus, #bootstrap-modal .modal-footer .btn-sm:focus, #bootstrap-modal .modal-footer .request_list .challenge_request_hmm.removing button:focus, .request_list .challenge_request_hmm.removing #bootstrap-modal .modal-footer button:focus, #bootstrap-modal .modal-footer .stage_selectable .stage_options button:focus, .stage_selectable .stage_options #bootstrap-modal .modal-footer button:focus, #bootstrap-modal .modal-footer body.database_setup input[type=submit]:focus, body.database_setup #bootstrap-modal .modal-footer input[type=submit]:focus, #bootstrap-modal .modal-footer body.database_setup button:focus, body.database_setup #bootstrap-modal .modal-footer button:focus, #bootstrap-modal .modal-footer .user_main_info_area .mod_options form button:focus, .user_main_info_area .mod_options form #bootstrap-modal .modal-footer button:focus, #bootstrap-modal .modal-footer .possible_aka_listings button:focus, .possible_aka_listings #bootstrap-modal .modal-footer button:focus {
  outline: none;
  box-shadow: none;
}
@media (max-width: 767px) {
  #bootstrap-modal .modal-dialog {
    min-height: calc(100% - 32px);
    margin: 16px;
  }
}

.modal-backdrop {
  background-color: rgba(5, 7, 12, 0.62);
  backdrop-filter: blur(3px);
}
.modal-backdrop.in {
  opacity: 1;
}

.keep_on_screen_positioner.popout_card.popout_card--profile-card, .introjs-tooltipReferenceLayer .keep_on_screen_positioner.popout_card--profile-card.introjs-tooltip, .ranked_restrictions_holder .keep_on_screen_positioner.popout_card--profile-card.selecting_rank_restrictions.active {
  background: transparent;
  box-shadow: none;
  -ms-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.profile-card {
  width: 368px;
  max-width: calc(100vw - 16px);
  background: var(--ui-panel);
  color: var(--ui-ink);
  border: 1px solid var(--ui-line-3);
  border-radius: 12px;
  box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.7), 0 4px 12px -4px rgba(0, 0, 0, 0.6);
  font: 400 var(--ui-fs-base)/1.45 var(--ui-mono);
  text-align: left;
}
.profile-card__banner {
  position: relative;
  padding: 18px 16px 14px;
  border-radius: 11px 11px 0 0;
  background: radial-gradient(circle at calc(100% - 42px) 38px, var(--profile-card-glow, transparent) 0, transparent 70px), var(--ui-panel);
}
.profile-card__medal {
  position: absolute;
  right: 16px;
  top: 12px;
  width: 52px;
  height: 52px;
}
.profile-card__name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 64px;
}
.profile-card__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
}
.profile-card__name-link {
  color: inherit;
}
.profile-card__name-link:hover, a .profile-card__name-link.location:hover, .link .profile-card__name-link.location:hover {
  text-decoration: underline;
}
.profile-card__dot {
  flex: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--ui-ink-3);
}
.profile-card__dot--on {
  background: #2ee83a;
  box-shadow: 0 0 0 3px rgba(46, 232, 58, 0.15);
}
.profile-card__sub {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255, 235, 59, 0.35);
  color: #ffeb3b;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}
.profile-card__banned {
  color: var(--ui-red);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.profile-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 5px;
  padding-right: 64px;
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-2);
}
.profile-card__sep {
  color: var(--ui-ink-4);
}
.profile-card__edit-location {
  margin-left: 4px;
}
.profile-card__location--mod {
  cursor: pointer;
}
.profile-card__pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 19px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid var(--ui-line-2);
  color: var(--ui-ink-2);
  font-size: 11px;
  font-weight: 500;
}
.profile-card__pill--icon {
  width: 19px;
  padding: 0;
  justify-content: center;
}
.profile-card__pill--good {
  color: var(--ui-good);
  border-color: rgba(54, 211, 153, 0.35);
}
.profile-card__pill--warn {
  color: var(--ui-warn);
  border-color: rgba(255, 176, 32, 0.4);
}
.profile-card__pill--bad {
  color: var(--ui-red);
  border-color: rgba(239, 69, 101, 0.45);
}
.profile-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.profile-card__ident {
  min-width: 0;
  flex: 1;
}
.profile-card__avatar {
  flex: none;
  width: 52px;
  height: 52px;
}
.profile-card__avatar .chat-avatar {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.profile-card__avatar .chat-avatar__picture {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  background: var(--ui-panel-2);
}
.profile-card__avatar .chat-avatar .chat-stock-icon {
  margin: 0;
  image-rendering: pixelated;
}
.profile-card__avatar .chat-avatar .chat-avatar__stock {
  width: 100%;
  height: 100%;
}
.profile-card__avatar .chat-avatar .chat-stock-icon--portrait {
  border-radius: 50%;
  object-fit: cover;
  object-position: 55% 40%;
  image-rendering: auto;
  background: var(--ui-panel-2);
}
.profile-card__avatar .chat-avatar .chat-avatar__badge {
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: 22px;
  height: 22px;
  padding: 2px;
  border-radius: 50%;
  background: var(--ui-panel);
}
.profile-card__avatar .chat-avatar--empty {
  box-sizing: border-box;
  border: 1px dashed var(--ui-line-2);
  border-radius: 50%;
}
.profile-card__chat-picture {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--ui-line);
}
.profile-card__section-label {
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
}
.profile-card__picture-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.profile-card__picture-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--ui-surface);
  color: var(--ui-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.profile-card__picture-option:hover, a .profile-card__picture-option.location:hover, .link .profile-card__picture-option.location:hover, .profile-card__picture-option:focus {
  border-color: var(--ui-line-3);
  background: var(--ui-surface);
  color: var(--ui-ink);
  text-decoration: none;
}
.profile-card__picture-option:focus-visible {
  outline: 2px solid var(--site-link, #18c5f0);
  outline-offset: 1px;
}
.profile-card__picture-option--on, .profile-card__picture-option--on:hover, a .profile-card__picture-option--on.location:hover, .link .profile-card__picture-option--on.location:hover, .profile-card__picture-option--on:focus {
  border-color: var(--site-link, #18c5f0);
  background: rgba(24, 197, 240, 0.08);
}
.profile-card__picture-option--link {
  border-style: dashed;
  color: var(--ui-ink-2);
}
.profile-card__picture-option-image.chat-stock-icon, .profile-card__picture-option-image {
  flex: none;
  width: 30px;
  height: 30px;
  margin: 0;
  image-rendering: pixelated;
}
.profile-card__picture-option-image.chat-stock-icon--round, .profile-card__picture-option-image--round {
  border-radius: 50%;
  object-fit: cover;
  image-rendering: auto;
  background: var(--ui-panel-2);
}
.profile-card__discord-mark {
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #5865f2;
  color: #fff;
  font-size: 13px;
}
.profile-card__picture-option-text {
  min-width: 0;
}
.profile-card__picture-option-text b {
  display: block;
  font-size: 13px;
  font-weight: 500;
}
.profile-card__picture-option-text small {
  display: block;
  font-size: 11px;
  color: var(--ui-ink-3);
}
.profile-card__picture-error {
  margin-top: 6px;
  font-size: 12px;
  color: var(--ui-red);
}
.profile-card__status {
  margin-top: 12px;
  font-size: var(--ui-fs-sm);
  font-style: italic;
  color: var(--ui-ink-2);
  overflow-wrap: anywhere;
}
.profile-card__status--editable {
  cursor: pointer;
}
.profile-card__status--editable:hover, a .profile-card__status--editable.location:hover, .link .profile-card__status--editable.location:hover {
  color: var(--ui-ink);
}
.profile-card__status--empty {
  font-style: normal;
  color: var(--ui-ink-3);
}
.profile-card__status--blocked {
  text-decoration: line-through;
}
.profile-card__strip {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 16px 12px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #12261a;
  border: 1px solid #1f4a2b;
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-2);
}
.profile-card__strip strong {
  font-weight: 500;
  color: var(--ui-ink);
}
.profile-card__strip .profile-card__dot {
  background: #2ee83a;
  box-shadow: none;
}
.profile-card__strip--sent {
  background: #2a2310;
  border-color: #5a4a1a;
}
.profile-card__strip--sent .profile-card__dot {
  background: var(--ui-warn);
}
.profile-card__strip--incoming {
  background: #10222e;
  border-color: #1d4660;
}
.profile-card__strip--incoming .profile-card__dot {
  background: #18c5f0;
}
.profile-card__strip-action, .profile-card__strip-accept {
  border: 0;
  background: none;
  font: 500 var(--ui-fs-xs) var(--ui-mono);
  white-space: nowrap;
  cursor: pointer;
}
.profile-card__strip-action:disabled, .profile-card__strip-accept:disabled {
  opacity: 0.5;
  cursor: default;
}
.profile-card__strip-action {
  margin-left: auto;
  padding: 0;
  color: #18c5f0;
}
.profile-card__strip-action--muted {
  color: var(--ui-ink-3);
}
.profile-card__strip-action--muted:hover, a .profile-card__strip-action--muted.location:hover, .link .profile-card__strip-action--muted.location:hover {
  color: var(--ui-ink);
}
.profile-card__strip-accept {
  margin-left: auto;
  padding: 3px 10px;
  border-radius: 6px;
  background: var(--ui-good);
  color: #0b1a12;
}
.profile-card__strip-accept + .profile-card__strip-action {
  margin-left: 0;
}
.profile-card__challenge {
  width: 100%;
  margin-top: 12px;
}
.profile-card__picker {
  margin-top: 12px;
  padding: 10px;
  border-radius: 8px;
  background: var(--ui-bg);
  border: 1px solid var(--ui-line-2);
}
.profile-card__picker-title {
  margin-bottom: 8px;
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-2);
}
.profile-card__picker-title b {
  font-weight: 500;
  color: var(--ui-ink);
}
.profile-card__picker-reason {
  margin: -2px 0 6px;
  font-size: 11px;
  color: var(--ui-ink-3);
}
.profile-card__segment {
  display: flex;
  gap: 2px;
  margin-bottom: 6px;
  padding: 2px;
  border-radius: 7px;
  background: var(--ui-panel);
}
.profile-card__segment button {
  flex: 1;
  height: 26px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--ui-ink-2);
  font: 500 var(--ui-fs-xs) var(--ui-mono);
  cursor: pointer;
}
.profile-card__segment button.is-on {
  background: #30354a;
  color: #fff;
}
.profile-card__segment button:disabled {
  color: var(--ui-ink-4);
  cursor: default;
}
.profile-card__picker-actions {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}
.profile-card__picker-actions .profile-card__button {
  flex: 1;
  height: 30px;
}
.profile-card__picker-actions .profile-card__button--icon {
  flex: none;
  width: 30px;
}
.profile-card__flagged {
  display: block;
  margin: 0 16px 12px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #2a141b;
  border: 1px solid #5a2231;
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-3);
}
.profile-card__flagged strong {
  color: var(--ui-red);
  font-weight: 500;
}
.profile-card__flagged:hover, a .profile-card__flagged.location:hover, .link .profile-card__flagged.location:hover {
  text-decoration: none;
}
.profile-card__label {
  margin: 4px 16px 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
}
.profile-card__games {
  margin: 0 10px;
}
.profile-card__game {
  border-radius: 10px;
}
.profile-card__game + .profile-card__game {
  margin-top: 2px;
}
.profile-card__game--open {
  background: var(--ui-panel-2);
}
.profile-card__game-row {
  display: grid;
  grid-template-columns: 36px 1fr auto 14px;
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 9px 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.profile-card__game-row:hover, a .profile-card__game-row.location:hover, .link .profile-card__game-row.location:hover {
  background: var(--ui-panel-2);
}
.profile-card__game-logo {
  position: relative;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: var(--ui-bg);
}
.profile-card__game-icon {
  width: 25px;
  height: 25px;
  object-fit: contain;
  filter: var(--ui-icon-outline);
}
.profile-card__game-medal {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 19px;
  height: 19px;
}
.profile-card__game-name {
  min-width: 0;
  font-weight: 500;
  line-height: 1.25;
}
.profile-card__game-name small {
  display: block;
  font-size: var(--ui-fs-xs);
  font-weight: 400;
  color: var(--ui-ink-3);
}
.profile-card__game-name b {
  font-weight: 500;
  color: var(--ui-ink-2);
}
.profile-card__mains {
  display: flex;
  gap: 3px;
}
.profile-card__character {
  width: 30px;
  height: 22px;
  border-radius: 4px;
  object-fit: cover;
  object-position: center 30%;
  background: var(--ui-bg);
}
.profile-card__chevron {
  color: var(--ui-ink-3);
  transition: transform 0.15s;
}
.profile-card__game--open .profile-card__chevron {
  transform: rotate(180deg);
}
.profile-card__game-detail {
  padding: 2px 12px 12px 56px;
}
.profile-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.profile-card__chip {
  padding: 3px 8px;
  border-radius: 6px;
  background: var(--ui-bg);
  font-size: 11.5px;
  color: var(--ui-ink-3);
}
.profile-card__chip b {
  font-weight: 500;
  color: var(--ui-ink);
}
.profile-card__chip--met b::after {
  content: " ✓";
  color: var(--ui-good);
}
.profile-card__usage {
  margin-top: 10px;
}
.profile-card__usage-bar {
  display: flex;
  gap: 2px;
  height: 5px;
  border-radius: 3px;
  overflow: hidden;
}
.profile-card__usage-bar i {
  display: block;
  height: 100%;
}
.profile-card__usage-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-top: 6px;
  font-size: 11.5px;
  color: var(--ui-ink-2);
}
.profile-card__usage-legend span::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  border-radius: 2px;
  background: var(--profile-card-swatch);
}
.profile-card__usage-legend b {
  font-weight: 400;
  color: var(--ui-ink-3);
}
.profile-card__netplay {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  font-size: 11.5px;
  color: var(--ui-ink-3);
}
.profile-card__builds {
  margin-left: auto;
}
.profile-card__field-edit.profile-card__button--icon {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  vertical-align: middle;
}
.profile-card__field-form {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.profile-card__field-form .profile-card__button {
  height: 30px;
}
.profile-card__field-form .field_error {
  flex-basis: 100%;
  font-size: var(--ui-fs-xs);
}
.profile-card__input {
  flex: 1 1 140px;
  min-width: 0;
  height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid var(--ui-line-2);
  background: var(--ui-bg);
  color: var(--ui-ink);
  font: 400 var(--ui-fs-sm) var(--ui-mono);
}
.profile-card__input::placeholder {
  color: var(--ui-ink-3);
}
.profile-card__input:focus {
  outline: none;
  border-color: #0a6ebd;
}
.profile-card__with {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 16px 0;
  padding: 10px 0 12px;
  border-top: 1px solid var(--ui-line);
  font-size: var(--ui-fs-xs);
  color: var(--ui-ink-3);
}
.profile-card__with strong {
  font-weight: 500;
  color: var(--ui-ink-2);
}
.profile-card__with a, .profile-card__with .link, .profile-card__with a .location:hover, a .profile-card__with .location:hover, .profile-card__with .link .location:hover, .link .profile-card__with .location:hover {
  margin-left: auto;
  white-space: nowrap;
  color: #18c5f0;
}
.profile-card__footer {
  display: flex;
  gap: 6px;
  padding: 10px 12px;
  border-top: 1px solid var(--ui-line-2);
  border-radius: 0 0 11px 11px;
  background: #12141c;
}
.profile-card__footer > .profile-card__button {
  flex: 1 1 0;
  min-width: 0;
}
.profile-card__footer > .profile-card__button--icon {
  flex: none;
}
.profile-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid var(--ui-line-2);
  background: var(--ui-panel-2);
  color: var(--ui-ink);
  font: 500 var(--ui-fs-sm) var(--ui-mono);
  white-space: nowrap;
  cursor: pointer;
}
.profile-card__button:hover, a .profile-card__button.location:hover, .link .profile-card__button.location:hover {
  border-color: var(--ui-line-3);
  background: #1e2838;
  color: var(--ui-ink);
}
.profile-card__button:disabled {
  opacity: 0.45;
  cursor: default;
}
.profile-card__button--icon {
  width: 34px;
  padding: 0;
}
.profile-card__button--primary {
  background: #0a6ebd;
  border-color: transparent;
  color: #fff;
}
.profile-card__button--primary:hover, a .profile-card__button--primary.location:hover, .link .profile-card__button--primary.location:hover {
  background: #0c7fd8;
  color: #fff;
}
.profile-card__button--challenge {
  background: #ffc107;
  border-color: transparent;
  color: #1c1f2b;
  font-weight: 700;
}
.profile-card__button--challenge:hover, a .profile-card__button--challenge.location:hover, .link .profile-card__button--challenge.location:hover {
  background: #ffcd38;
  color: #1c1f2b;
}
.profile-card__button--good, .profile-card__button--good:hover, a .profile-card__button--good.location:hover, .link .profile-card__button--good.location:hover {
  color: var(--ui-good);
}
.profile-card__button--good {
  border-color: rgba(54, 211, 153, 0.4);
}
.profile-card__button--friends .fa, .profile-card__button--friends .chat_message.edited .edited, .chat_message.edited .profile-card__button--friends .edited, .profile-card__button--friends .feedback_thumbs .negative, .feedback_thumbs .profile-card__button--friends .negative, .profile-card__button--friends .feedback_thumbs .positive, .feedback_thumbs .profile-card__button--friends .positive, .profile-card__button--friends .feedback_thumbs .neutral, .feedback_thumbs .profile-card__button--friends .neutral {
  color: var(--ui-good);
}
.profile-card__menu-wrap {
  position: relative;
  display: flex;
}
.profile-card__menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 6px);
  z-index: 10;
  min-width: 220px;
  padding: 6px;
  border-radius: 10px;
  border: 1px solid var(--ui-line-3);
  background: var(--ui-panel-2);
  box-shadow: 0 18px 40px -10px rgba(0, 0, 0, 0.8);
}
.profile-card__menu hr {
  margin: 6px 4px;
  border: 0;
  border-top: 1px solid var(--ui-line-2);
}
.profile-card__menu--panel {
  width: 330px;
  max-height: 70vh;
  overflow-y: auto;
  padding: 10px 12px;
}
.profile-card__menu-label {
  padding: 6px 10px 2px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
}
.profile-card__menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--ui-ink);
  font: 400 var(--ui-fs-sm) var(--ui-mono);
  text-align: left;
  cursor: pointer;
}
.profile-card__menu-item:hover, a .profile-card__menu-item.location:hover, .link .profile-card__menu-item.location:hover {
  background: rgba(255, 255, 255, 0.06);
}
.profile-card__menu-item .fa, .profile-card__menu-item .chat_message.edited .edited, .chat_message.edited .profile-card__menu-item .edited, .profile-card__menu-item .feedback_thumbs .negative, .feedback_thumbs .profile-card__menu-item .negative, .profile-card__menu-item .feedback_thumbs .positive, .feedback_thumbs .profile-card__menu-item .positive, .profile-card__menu-item .feedback_thumbs .neutral, .feedback_thumbs .profile-card__menu-item .neutral {
  width: 16px;
  text-align: center;
  color: var(--ui-ink-2);
}
.profile-card__menu-item--sub, .profile-card__menu-item--sub .fa, .profile-card__menu-item--sub .chat_message.edited .edited, .chat_message.edited .profile-card__menu-item--sub .edited, .profile-card__menu-item--sub .feedback_thumbs .negative, .feedback_thumbs .profile-card__menu-item--sub .negative, .profile-card__menu-item--sub .feedback_thumbs .positive, .feedback_thumbs .profile-card__menu-item--sub .positive, .profile-card__menu-item--sub .feedback_thumbs .neutral, .feedback_thumbs .profile-card__menu-item--sub .neutral {
  color: #ffeb3b;
}
.profile-card__menu-item--danger, .profile-card__menu-item--danger .fa, .profile-card__menu-item--danger .chat_message.edited .edited, .chat_message.edited .profile-card__menu-item--danger .edited, .profile-card__menu-item--danger .feedback_thumbs .negative, .feedback_thumbs .profile-card__menu-item--danger .negative, .profile-card__menu-item--danger .feedback_thumbs .positive, .feedback_thumbs .profile-card__menu-item--danger .positive, .profile-card__menu-item--danger .feedback_thumbs .neutral, .feedback_thumbs .profile-card__menu-item--danger .neutral {
  color: var(--ui-red);
}
.profile-card__menu-count {
  margin-left: auto;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--ui-line-2);
  font-size: 11px;
  color: var(--ui-ink-2);
}
.profile-card__menu-back {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 0 8px;
  border: 0;
  background: none;
  color: var(--ui-ink-2);
  font: 500 var(--ui-fs-xs) var(--ui-mono);
  cursor: pointer;
}
.profile-card__menu-back:hover, a .profile-card__menu-back.location:hover, .link .profile-card__menu-back.location:hover {
  color: #fff;
}
.profile-card__mod-controls .user_info_padding,
.profile-card__mod-controls .panel-body,
.profile-card__mod-controls .bug_row {
  padding: 0;
}
.profile-card__mod-controls .page-sub-heading, .profile-card__mod-controls .blog_post .blog_post_content h1, .blog_post .blog_post_content .profile-card__mod-controls h1, .profile-card__mod-controls .blog_post .blog_post_content h2, .blog_post .blog_post_content .profile-card__mod-controls h2, .profile-card__mod-controls .blog_post .blog_post_content h3, .blog_post .blog_post_content .profile-card__mod-controls h3 {
  margin: 10px 0 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
}
.profile-card__mod-controls .chat_control_group {
  display: flex;
  flex-direction: column;
}
.profile-card__mod-controls .input-toggle {
  padding: 6px 0;
  border-bottom: 1px solid var(--ui-line);
  font-weight: 400;
}
.profile-card__mod-controls .name-label .active {
  color: var(--ui-accent);
  font-size: 11px;
}
.profile-card__skeleton {
  display: block;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.07);
  animation: profile-card-pulse 1.1s ease-in-out infinite alternate;
}
.profile-card--loading .profile-card__game-row {
  cursor: default;
}

@keyframes profile-card-pulse {
  from {
    opacity: 0.55;
  }
  to {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  #bootstrap-modal .history-popup__dialog {
    width: 640px;
  }
}
.history-popup__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: -4px 0 14px;
  border-bottom: 1px solid var(--ui-line-2);
}
.history-popup__tabs .history-popup__tab {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: var(--ui-ink-2);
  font: inherit;
  cursor: pointer;
}
.history-popup__tabs .history-popup__tab img {
  width: 18px;
  height: 16px;
  object-fit: contain;
}
.history-popup__tabs .history-popup__tab:hover {
  color: var(--ui-ink);
}
.history-popup__tabs .history-popup__tab.is-active {
  border-bottom-color: var(--ui-link);
  color: var(--ui-link);
}
.history-popup__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  align-items: center;
  margin-bottom: 14px;
  padding: 14px 16px;
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--ui-panel);
}
.history-popup__label {
  color: var(--ui-ink-3);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.history-popup__value {
  font-size: 18px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.history-popup__value small {
  margin-left: 6px;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
  font-weight: 400;
}
.history-popup__muted {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
  font-weight: 400;
}
.history-popup__form {
  display: flex;
  gap: 3px;
  margin-top: 4px;
}
.history-popup__form span {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}
.history-popup__form-win {
  background: var(--ui-good);
}
.history-popup__form-loss {
  background: var(--ui-red);
}
.history-popup__faceoff {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  align-items: center;
  margin-bottom: 14px;
  padding: 16px;
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--ui-panel);
  text-align: center;
}
.history-popup__name {
  overflow: hidden;
  color: #ffeb3b;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history-popup__faceoff-score {
  font-size: 32px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.history-popup__lead {
  color: var(--ui-good);
}
.history-popup__dash {
  margin: 0 8px;
  color: var(--ui-ink-3);
  font-weight: 400;
}
.history-popup__sets {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  background: var(--ui-panel);
  list-style: none;
}
.history-popup__set {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 40px 64px 128px;
  gap: 12px;
  align-items: center;
  padding: 10px 14px;
  font-size: var(--ui-fs-sm);
}
.history-popup__set + .history-popup__set {
  border-top: 1px solid var(--ui-line);
}
.history-popup__set:hover, a .history-popup__set.location:hover, .link .history-popup__set.location:hover {
  background: rgba(255, 255, 255, 0.025);
}
.history-popup__result {
  display: grid;
  place-items: center;
  width: 30px;
  height: 26px;
  border-radius: 4px;
  color: var(--ui-ink-3);
  font-size: 13px;
  font-weight: 700;
}
.history-popup__result--win {
  background: rgba(54, 211, 153, 0.12);
  color: var(--ui-good);
}
.history-popup__result--loss {
  background: rgba(239, 69, 101, 0.12);
  color: var(--ui-red);
}
.history-popup__matchup {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.history-popup__character {
  width: 29px;
  height: 19px;
  object-fit: contain;
}
.history-popup__vs {
  color: var(--ui-ink-3);
  font-size: 11px;
  text-transform: uppercase;
}
.history-popup__opponent {
  overflow: hidden;
  color: #ffeb3b;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history-popup__disputed {
  padding: 1px 6px;
  border: 1px solid rgba(255, 176, 32, 0.35);
  border-radius: 3px;
  background: rgba(255, 176, 32, 0.1);
  color: var(--ui-warn);
  font-size: 11px;
  font-weight: 500;
}
.history-popup__score {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}
.history-popup__type {
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-xs);
  text-align: right;
}
.history-popup__type--ranked {
  color: var(--ui-cool);
}
.history-popup__points {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.history-popup__points--gain {
  color: var(--ui-good);
}
.history-popup__points--loss {
  color: var(--ui-red);
}
.history-popup__when {
  color: var(--ui-ink-3);
  text-align: right;
}
.history-popup__empty {
  margin: 0;
  padding: 28px 16px;
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  color: var(--ui-ink-2);
  text-align: center;
}
.history-popup__more {
  display: block;
  margin-top: 12px;
  text-align: center;
}
@media (max-width: 600px) {
  .history-popup__set {
    grid-template-columns: 26px minmax(0, 1fr) 30px 64px;
    gap: 8px;
    padding: 10px;
  }
  .history-popup__result {
    width: 26px;
  }
  .history-popup__character + .history-popup__character, .history-popup__type {
    display: none;
  }
  .history-popup__when {
    font-size: var(--ui-fs-xs);
  }
}

@media (min-width: 1400px) {
  .container, body.database_setup {
    width: 1400px;
  }
}
@media (min-width: 1100px) and (max-height: 670px) {
  #dashboard:not(.subscribed_user) .tab-content > #ad-pane-2.tab-pane iframe:nth-child(2) {
    display: none;
  }
}
@media (min-width: 1100px) {
  #dashboard:not(.subscribed_user) .tab-content > #ad-pane-1.tab-pane {
    display: block;
    width: 120px;
    max-width: 120px;
    margin-top: 31px;
    margin-left: 1px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #dashboard.dashboard-sm .matchmaking_tab_content[data-selected-tab="#tab-pane-chat"] #tab-pane-matchmaking {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  .mid-side-container.userlist_showing #main_chat_area {
    display: none;
  }
  .mid-side-container #user_list_side {
    width: 100%;
  }
  .online_user .location {
    float: none;
  }
  /*sidebar*/
  #dashboard .matchmaking_tab_content {
    padding: 0;
  }
  #page_netplay #bottom_dock {
    display: none;
  }
  #dashboard {
    padding-bottom: 0;
  }
  .header {
    position: absolute;
    z-index: 1; /* 0 puts it behind everything and makes a weird transparency effct*/
  }
  .sidebar-opened #top_main_nav {
    display: block;
  }
  #top_main_nav .main_menu_items > li > a.active, #top_main_nav .main_menu_items > li > .active.link, #top_main_nav .main_menu_items > li > a:hover, #top_main_nav .main_menu_items > li > .link:hover, #top_main_nav a .main_menu_items > li > .location:hover, a #top_main_nav .main_menu_items > li > .location:hover, #top_main_nav .link .main_menu_items > li > .location:hover, .link #top_main_nav .main_menu_items > li > .location:hover {
    border-radius: 0;
  }
  #top_main_nav .main_menu_items > li {
    background-color: #30354A;
    display: block;
    float: none;
  }
  [data-theme=light] #top_main_nav .main_menu_items > li {
    background-color: var(--ui-panel);
  }
  [data-theme=light] #top_main_nav {
    border-bottom: 1px solid var(--ui-header-line);
    box-shadow: 0 8px 16px rgba(31, 39, 51, 0.12);
  }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu > li > .link, .navbar-nav .open a .dropdown-menu > li > .location:hover, a .navbar-nav .open .dropdown-menu > li > .location:hover, .navbar-nav .open .link .dropdown-menu > li > .location:hover, .link .navbar-nav .open .dropdown-menu > li > .location:hover {
    color: white;
    font-size: 14px;
  }
  .navbar-nav .open .dropdown-menu > li:hover {
    background: #565559;
    font-size: 16px;
  }
  .nav .open > a, .nav .open > .link, .nav a .open > .location:hover, a .nav .open > .location:hover, .nav .link .open > .location:hover, .link .nav .open > .location:hover, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #565559;
  }
  [data-theme=light] .navbar-nav .open .dropdown-menu > li > a, [data-theme=light] .navbar-nav .open .dropdown-menu > li > .link, [data-theme=light] .navbar-nav .open a .dropdown-menu > li > .location:hover, a [data-theme=light] .navbar-nav .open .dropdown-menu > li > .location:hover, [data-theme=light] .navbar-nav .open .link .dropdown-menu > li > .location:hover, .link [data-theme=light] .navbar-nav .open .dropdown-menu > li > .location:hover {
    color: var(--ui-ink);
  }
  [data-theme=light] .navbar-nav .open .dropdown-menu > li:hover,
  [data-theme=light] .nav .open > a,
  [data-theme=light] .nav .open > .link,
  [data-theme=light] .nav a .open > .location:hover,
  a [data-theme=light] .nav .open > .location:hover,
  [data-theme=light] .nav .link .open > .location:hover,
  .link [data-theme=light] .nav .open > .location:hover,
  [data-theme=light] .nav .open > a:hover,
  [data-theme=light] .nav .open > a:focus {
    background-color: var(--ui-panel-2);
  }
  #top_main_nav .main_menu_items {
    padding-left: 8px;
    z-index: 10;
  }
  #top_main_nav {
    height: auto;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 999;
    display: none;
    top: 41px;
    left: 0;
  }
  /* body container */
  #main-content {
    margin: 0 !important;
    position: none !important;
  }
  #sidebar > ul > li > a > span, #sidebar > ul > li > .link > span, a #sidebar > ul > li > .location:hover > span, .link #sidebar > ul > li > .location:hover > span {
    line-height: 35px;
  }
  #sidebar > ul > li {
    margin: 0 10px 5px 10px;
  }
  #sidebar > ul > li > a, #sidebar > ul > li > .link, a #sidebar > ul > li > .location:hover, .link #sidebar > ul > li > .location:hover {
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    text-align: left;
  }
  #sidebar > ul > li > a i, #sidebar > ul > li > .link i, a #sidebar > ul > li > .location:hover i, .link #sidebar > ul > li > .location:hover i {
    /*display: none !important;*/
  }
  .mail-info, .mail-info:hover, a .mail-info.location:hover, .link .mail-info.location:hover {
    display: none !important;
  }
  #sidebar ul > li > a .arrow, #sidebar ul > li > .link .arrow, #sidebar a ul > li > .location:hover .arrow, a #sidebar ul > li > .location:hover .arrow, #sidebar .link ul > li > .location:hover .arrow, .link #sidebar ul > li > .location:hover .arrow, #sidebar > ul > li > a .arrow.open {
    margin-right: 10px;
    margin-top: 15px;
  }
  #sidebar ul > li.active > a .arrow, #sidebar ul > li.active > .link .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > .link:hover .arrow, #sidebar a ul > li > .location:hover .arrow, a #sidebar ul > li > .location:hover .arrow, #sidebar .link ul > li > .location:hover .arrow, .link #sidebar ul > li > .location:hover .arrow, #sidebar ul > li > a:focus .arrow, #sidebar ul > li > .link:focus .arrow,
  #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open {
    margin-top: 15px;
  }
  #sidebar > ul > li > a, #sidebar > ul > li > .link, a #sidebar > ul > li > .location:hover, .link #sidebar > ul > li > .location:hover, #sidebar > ul > li > ul.sub > li {
    width: 100%;
  }
  #sidebar > ul > li > ul.sub > li > a, #sidebar > ul > li > ul.sub > li > .link, a #sidebar > ul > li > ul.sub > li > .location:hover, .link #sidebar > ul > li > ul.sub > li > .location:hover {
    background: transparent !important;
  }
  #sidebar > ul > li > ul.sub > li > a:hover, #sidebar > ul > li > ul.sub > li > .link:hover, a #sidebar > ul > li > ul.sub > li > .location:hover, .link #sidebar > ul > li > ul.sub > li > .location:hover {
    /*background: #4A8BC2 !important ;*/
  }
  /* sidebar */
  /* sidebar collabler */
  #sidebar .btn-navbar.collapsed .arrow {
    display: none;
  }
  #sidebar .btn-navbar .arrow {
    position: absolute;
    right: 35px;
    width: 0;
    height: 0;
    top: 48px;
    border-bottom: 15px solid #282e36;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
  }
  /*---------*/
  .modal-footer .btn, .modal-footer .btn-xs, .modal-footer .btn-sm, .modal-footer .request_list .challenge_request_hmm.removing button, .request_list .challenge_request_hmm.removing .modal-footer button, .modal-footer .stage_selectable .stage_options button, .stage_selectable .stage_options .modal-footer button, .modal-footer body.database_setup input[type=submit], body.database_setup .modal-footer input[type=submit], .modal-footer body.database_setup button, body.database_setup .modal-footer button, .modal-footer .user_main_info_area .mod_options form button, .user_main_info_area .mod_options form .modal-footer button, .modal-footer .possible_aka_listings button, .possible_aka_listings .modal-footer button {
    margin-bottom: 0px !important;
  }
  .btn, .btn-xs, .btn-sm, .request_list .challenge_request_hmm.removing button, .stage_selectable .stage_options button, body.database_setup input[type=submit], body.database_setup button, body.database_setup .skip_to_form input[type=submit], body.database_setup .migrate_to_form input[type=submit], .user_main_info_area .mod_options form button, .possible_aka_listings button {
    margin-bottom: 5px;
  }
  .top-nav {
    position: right;
    right: 10px;
    top: 0px;
  }
}
@media (max-width: 480px) {
  .search {
    display: none;
  }
  .top-nav {
    position: absolute;
    right: 10px;
    top: 0px;
  }
}
@media (max-width: 320px) {
  .search, .dont-show {
    display: none;
  }
  #top_menu .nav > li, ul.top-menu > li {
    float: right;
  }
}
::-webkit-scrollbar {
  background: var(--ui-scrollbar-track);
  width: 10px;
  border-radius: 4px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover, a .location:hover::-webkit-scrollbar-thumb, .link .location:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}

* {
  scrollbar-color: var(--ui-scrollbar-thumb) var(--ui-scrollbar-track);
  scrollbar-width: thin;
}

#menu_holder {
  display: block;
  position: absolute;
  z-index: 10030;
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  transform: translateY(-2em);
  pointer-events: none;
  user-select: none;
}
#menu_holder.active {
  pointer-events: auto;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.1s;
  visibility: visible;
  opacity: 1;
}

.context_menu {
  position: static;
  flex-direction: column;
  width: auto;
  min-width: 275px;
  max-width: 275px;
  padding-bottom: 0;
  border: 1px solid #3A4059;
  display: none;
}
.context_menu .menu_group, .context_menu .specific_menu {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #3A4059;
}
.context_menu .menu_group:last-child, .context_menu .specific_menu:last-child {
  border-bottom: none;
}
.context_menu.created {
  display: flex;
}
.context_menu.active {
  display: flex;
  opacity: 1;
}
.context_menu .username_holder {
  display: none;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #3A4059;
  margin-bottom: 1px;
}
.context_menu .username_holder.active {
  display: block;
}
.context_menu .username_holder .gangster_name {
  background-color: transparent;
  width: 100%;
}
.context_menu .message_preview {
  display: none;
  margin-bottom: 0.5em;
}
.context_menu .message_preview.active {
  display: flex;
}
.context_menu .chat_container {
  background-color: black;
  overflow: hidden;
  position: relative;
  margin: 0;
  width: auto;
  padding: 4px 4px 4px 12px;
}
.context_menu .chat_container .chat_message {
  overflow: hidden;
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  list-style-type: none;
}
.context_menu .chat_container .time_holder {
  display: none;
}
.context_menu .chat_container .delete_holder {
  display: none;
}
.context_menu .chat_container .chat_message {
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
}
.context_menu .chat_tabs_menu .settings {
  display: none;
}
.context_menu .chat_tabs_menu .leave_chat, .context_menu .chat_tabs_menu .join_chat {
  display: none;
}
.context_menu .chat_tabs_menu .leave_chat {
  color: #FF3434;
}
.context_menu .chat_tabs_menu.can_join .join_chat {
  display: block;
}
.context_menu .chat_tabs_menu.can_leave .leave_chat {
  display: block;
}
.context_menu .chat_tabs_menu.is_chat_mod .settings {
  display: block;
}
.context_menu .start_matchmaking .show_menu, .context_menu .start_matchmaking .hide_menu {
  display: none;
}
.context_menu .start_matchmaking.is_toggleable.is_shown .show_menu {
  display: none;
}
.context_menu .start_matchmaking.is_toggleable.is_shown .hide_menu {
  display: block;
}
.context_menu .start_matchmaking.is_toggleable.is_hidden .hide_menu {
  display: none;
}
.context_menu .start_matchmaking.is_toggleable.is_hidden .show_menu {
  display: block;
}
.context_menu .specific_menu.username_click {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.context_menu .specific_menu.username_click .menuitem {
  flex: 1;
  white-space: nowrap;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
}
.context_menu .chat_message_popup {
  min-width: 238px;
}
.context_menu .chat_message_popup .undelete {
  color: #05D8FF;
  display: inline-block;
}
.context_menu .chat_message_popup .delete {
  color: #FF3434;
  display: inline-block;
}
.context_menu .chat_message_popup .remove {
  color: #FF3434;
  display: inline-block;
}
.context_menu .chat_message_popup .report {
  color: #FF3434;
}
.context_menu .chat_message_popup .dangered {
  color: #FF3434;
}
.context_menu .chat_message_popup .purge, .context_menu .chat_message_popup .scorch {
  color: #FF3434;
}
.context_menu .chat_message_popup h3 {
  font-size: 13px;
  text-align: center;
}
.context_menu .chat_message_popup .copy_selected, .context_menu .chat_message_popup .copy_clicked_text {
  white-space: nowrap;
}
.context_menu .chat_message_popup .limited_user_input {
  color: #05D8FF;
  white-space: nowrap;
  overflow: hidden;
  display: inline;
  width: 100%;
}
.context_menu .chat_message_popup .copy_clicked_text {
  display: block;
  overflow: hidden;
}
.context_menu .game_filters .on {
  color: #0F0;
}
.context_menu .game_filters .off {
  color: #FF3434;
}
.context_menu .game_filters .toggle_visibility_single .on, .context_menu .game_filters .toggle_visibility_single .off {
  display: none;
}
.context_menu .game_filters .toggle_visibility_single.is_on .off {
  display: inline;
}
.context_menu .game_filters .toggle_visibility_single.is_off .on {
  display: inline;
}
.context_menu .game_filters .toggle_visibility_me_important.is_on .off {
  display: inline;
}
.context_menu .game_filters .toggle_visibility_me_important.is_off .on {
  display: inline;
}
.context_menu .specific_menu {
  margin: 0;
}
.context_menu .menuitem {
  font-size: 15px;
  padding: 9px 12px;
  opacity: 0.9;
  cursor: pointer;
}
.context_menu .menuitem.disabled, .context_menu .request_list .challenge_request_hmm.removing button.menuitem, .request_list .challenge_request_hmm.removing .context_menu button.menuitem {
  opacity: 0.7;
  font-style: italic;
  color: yellow;
}
.context_menu .menuitem:hover {
  background-color: #3A4059;
  opacity: 1;
}

[data-theme=light] .context_menu {
  border-color: var(--ui-line-2);
}
[data-theme=light] .context_menu .menu_group, [data-theme=light] .context_menu .specific_menu, [data-theme=light] .context_menu .username_holder {
  border-bottom-color: var(--ui-line-2);
}
[data-theme=light] .context_menu .chat_container {
  background-color: var(--ui-bg);
}
[data-theme=light] .context_menu .menuitem.disabled, [data-theme=light] .context_menu .request_list .challenge_request_hmm.removing button.menuitem, .request_list .challenge_request_hmm.removing [data-theme=light] .context_menu button.menuitem {
  color: var(--ui-warn);
}
[data-theme=light] .context_menu .menuitem:hover {
  background-color: var(--ui-panel-2);
}

.primary_highlight {
  color: #05D8FF;
}

#tab-pane-streams {
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.stream_container .custom_stream {
  display: none;
}

.stream_container .heading {
  margin: 0;
  position: relative;
}
.stream_container .heading .text {
  cursor: pointer;
}

.stream_container.maximized .heading {
  border-bottom: none;
}

.game_search_section.maximized .heading {
  border-bottom: none;
}

.active_twitch_streams .stream_container {
  display: flex;
}

.stream_container .active_stream {
  width: 100%;
}

.stream_container .no_streams {
  border: 1px solid #3A4059;
}

.stream_container .active_streams, .stream_container .no_streams {
  text-align: left;
  max-height: 200px;
  overflow-y: auto;
  padding: 4px;
}

.stream_container .heading .badge, .stream_container .heading .bug_category, .stream_container .heading .bug_summary_description .confirmed, .bug_summary_description .stream_container .heading .confirmed, .stream_container .heading .normal_list .no_tags.active, .normal_list .stream_container .heading .no_tags.active, .stream_container .heading .event_listing .best_of_small, .event_listing .stream_container .heading .best_of_small {
  position: absolute;
  top: -3px;
  left: 2px;
}

.stream_container .heading .badge, .stream_container .heading .bug_category, .stream_container .heading .bug_summary_description .confirmed, .bug_summary_description .stream_container .heading .confirmed, .stream_container .heading .normal_list .no_tags.active, .normal_list .stream_container .heading .no_tags.active, .stream_container .heading .event_listing .best_of_small, .event_listing .stream_container .heading .best_of_small {
  display: inline-block;
  position: relative;
  margin-left: 4px;
}

#tab-pane-streams.active {
  display: flex;
}

#tab-pane-streams {
  height: auto;
}

.stream_container .no_streams {
  display: block;
  padding: 12px;
  font-size: 15px;
  text-align: center;
  background-color: #12141C;
}

#tab-pane-matchmaking .stream_container:not(.maximized) .active_streams {
  display: none;
}
#tab-pane-matchmaking .stream_container:not(.maximized) .no_streams {
  display: none;
}

.stream_container .stream_name {
  color: black;
}

.stream_container .stream_title {
  margin-top: 6px;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  display: block;
  max-height: 60px;
}

.stream_container .stream_actions {
  width: 100%;
}

.stream_container .active_stream.is_offline {
  display: none;
}

.watch_stream {
  border: 1px solid transparent;
  width: 100%;
  background-color: #12141C;
  display: flex;
  flex-direction: row;
  padding: 4px 8px;
  flex-wrap: wrap;
}
.watch_stream.clickable, .dolphin_launcher_waiting .watch_stream.dolphin_user, #main_chat_area .chat_room_title_banner .watch_stream.chat_option {
  cursor: pointer;
}
.watch_stream.clickable:hover, .dolphin_launcher_waiting .watch_stream.dolphin_user:hover, #main_chat_area .chat_room_title_banner .watch_stream.chat_option:hover {
  background-color: rgba(0, 0, 0, 0.49);
}

.stream_container .image_container {
  width: 75px;
  margin-right: 12px;
}

.stream_action {
  overflow: hidden;
  max-width: 340px;
}

.steam_link_preview {
  text-overflow: ellipsis;
}

.stream_container .stream_flair {
  display: block;
  height: 20px;
  margin-right: 12px;
}
.stream_container .stream_filters .stream_filter {
  border-bottom: 2px solid transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 16px;
  padding-bottom: 4px;
  position: relative;
}
.stream_container .stream_filters .stream_filter img {
  transition: 0.5s;
  margin: 0 auto;
  display: block;
}
.stream_container .stream_filters .stream_filter:after {
  display: block;
  content: "";
  transform: scale(0);
  transition: all 450ms ease 0ms;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.stream_container .stream_filters .stream_filter.active {
  transition: background-color 0.5s ease;
}
.stream_container .stream_filters .stream_filter.active:after {
  background: rgba(10, 110, 189, 0.58);
  background: -webkit-linear-gradient(right, rgba(10, 110, 189, 0.58) 0%, #0A6EBD 12%, #05D8FF 47%, rgba(10, 110, 189, 0.58) 100%);
  background: linear-gradient(to left, rgba(10, 110, 189, 0.58) 0%, #0A6EBD 12%, #05D8FF 47%, rgba(10, 110, 189, 0.58) 100%);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transform: scale(1);
}
.stream_container .stream_filters .stream_filter img {
  max-height: 52px;
  max-width: 140px;
}
.stream_container .game_data {
  flex: 1 1 auto;
  text-align: right;
  position: relative;
  transform: none;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.stream_container .game_data .owner {
  display: flex;
  flex-direction: column;
  margin-bottom: 2px;
}
.stream_container .game_data .mini_tier_icon {
  position: absolute;
  height: 28px;
  bottom: -6px;
  border-radius: 8px;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(1px 1px 1px black) drop-shadow(-1px 1px 1px black) drop-shadow(0 -0.5px 1px black);
}
.stream_container .game_data .mini_tier_icon {
  position: static;
  transform: none;
  text-align: center;
}
.stream_container .image_container .stream_logo, .stream_container .image_container .no_logo {
  width: 60px;
  min-height: 1px;
  margin: 2px;
}
.stream_container .image_container.is_image {
  max-height: 200px;
  width: 100%;
}
.stream_container .image_container.is_image .stream_logo {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.stream_container .image_container .stream_logo {
  display: block;
}
.stream_container .image_container .stream_logo.rounded, .stream_container .image_container #dashboard .matchmaking_tab_content #tab-pane-friends .stream_logo.search, #dashboard .matchmaking_tab_content #tab-pane-friends .stream_container .image_container .stream_logo.search {
  border-radius: 50%;
  border: 3px solid #05D8FF;
}
.stream_container .image_container .no_logo {
  display: none;
}
.stream_container .image_container.no_image .stream_logo {
  display: none;
}
.stream_container .image_container.no_image .no_logo {
  display: block;
  height: 60px;
  background-color: #3A4059;
}
.stream_container .title_info {
  display: flex;
  flex-direction: row;
}

.stream_container .stream_info_container {
  display: inline-block;
  flex: 1 1 auto;
  position: relative;
}

.stream_container .channel_name {
  font-size: 18px;
}

.stream_info_container .game_logo {
  max-height: 32px;
}

.stream_info_container .viewers {
  color: rgb(4, 245, 255);
}

.active_twitch_streams {
  overflow-y: auto;
  padding: 4px 0 0 0;
  flex: 1;
}

.active_twitch_streams .stream_filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.active_twitch_streams .loading {
  display: none;
  text-align: center;
  margin-bottom: 8px;
  transition: 0.5s;
  height: 0px;
}
.active_twitch_streams .loading.active {
  display: block;
}
.active_twitch_streams .active_streams {
  flex-grow: 1;
  max-height: none;
  flex: 1 1 0;
  display: block;
}

.broadcast-hub {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px 40px;
  color: var(--ui-ink);
  font-size: var(--ui-fs-base);
}
.broadcast-hub--loading {
  min-height: 70vh;
}
.broadcast-hub--failed {
  padding: 60px 20px;
  text-align: center;
  color: var(--ui-ink-2);
}
.broadcast-hub--with-match {
  max-width: 1860px;
  display: grid;
  grid-template-columns: 400px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
.broadcast-hub__page {
  min-width: 0;
}
.broadcast-hub h2, .broadcast-hub h3 {
  color: var(--ui-ink);
}
.broadcast-hub__tabs {
  display: flex;
  gap: 2px;
  overflow-x: auto;
  scrollbar-width: none;
  border-bottom: 1px solid var(--ui-line);
  margin-bottom: 16px;
}
.broadcast-hub__tabs::-webkit-scrollbar {
  display: none;
}
[data-theme=light] .broadcast-hub__tabs {
  background: var(--ui-header);
  box-shadow: 0 0 0 100vmax var(--ui-header);
  clip-path: inset(-15px -100vmax 0);
}
.broadcast-hub .broadcast-hub__tab {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 14px;
  color: var(--ui-ink-2);
  font-weight: 500;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
}
.broadcast-hub .broadcast-hub__tab:hover {
  color: var(--ui-ink);
}
.broadcast-hub .broadcast-hub__tab.is-active {
  color: var(--ui-body-ink);
  border-bottom-color: var(--ui-accent);
}
.broadcast-hub__tab-icon {
  height: 22px;
  width: 24px;
  object-fit: contain;
  filter: var(--ui-icon-outline);
}
.broadcast-hub__tab-live {
  font-size: var(--ui-fs-label);
  color: #ff6b6b;
}
[data-theme=light] .broadcast-hub__tab-live {
  color: var(--ui-accent);
}
.broadcast-hub__tab-live::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e91916;
  margin-right: 4px;
  vertical-align: 1px;
}
.broadcast-hub__stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 16px;
  align-items: start;
}
.broadcast-hub__main {
  min-width: 0;
}
.broadcast-hub__player {
  position: relative;
  aspect-ratio: 16/9;
  background: #000;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.broadcast-hub__player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.broadcast-hub__player-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.broadcast-hub__player--offline {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 24px;
  text-align: center;
  background: radial-gradient(ellipse at center, var(--ui-panel-2), var(--ui-bg));
  font-size: var(--ui-fs-lg);
}
.broadcast-hub__player--offline p {
  margin: 0;
}
.broadcast-hub__offline-logo {
  max-height: 72px;
  margin-bottom: 10px;
  opacity: 0.8;
}
.broadcast-hub__offline-hint {
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}
.broadcast-hub__player-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  pointer-events: none;
}
.broadcast-hub__player-caption a, .broadcast-hub__player-caption .link, .broadcast-hub__player-caption a .location:hover, a .broadcast-hub__player-caption .location:hover, .broadcast-hub__player-caption .link .location:hover, .link .broadcast-hub__player-caption .location:hover {
  pointer-events: auto;
}
.broadcast-hub__player-name {
  font-weight: 700;
  color: #fff;
}
.broadcast-hub__player-title {
  flex: 1;
  min-width: 0;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme=light] .broadcast-hub__player-title {
  color: #c9d1dc;
}
.broadcast-hub__player-game {
  height: 20px;
}
.broadcast-hub__below {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 16px;
  margin-top: 28px;
}

.broadcast-hub__player:hover .broadcast-hub__player-caption {
  opacity: 0;
  transition: opacity 0.2s;
}

.broadcast-hub .play-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
  min-height: 80px;
  padding: 14px 16px;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-top: 2px solid var(--ui-accent);
  border-radius: 0 0 8px 8px;
}
.broadcast-hub .play-bar__game {
  display: flex;
  align-items: center;
  gap: 12px;
}
.broadcast-hub .play-bar__logo {
  width: 44px;
  height: 44px;
  object-fit: contain;
  filter: var(--ui-icon-outline);
}
.broadcast-hub .play-bar__game-text {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  column-gap: 8px;
}
.broadcast-hub .play-bar__eyebrow {
  grid-column: 1/-1;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
}
.broadcast-hub .play-bar__title {
  margin: 0;
  font-size: var(--ui-fs-xl);
  font-weight: 700;
  line-height: 1.2;
}
.broadcast-hub .play-bar__game-menu {
  position: relative;
}
.broadcast-hub .play-bar__picker {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink);
  background: var(--ui-panel-2);
  border: 1px solid var(--ui-line-2);
  border-radius: 6px;
}
.broadcast-hub .play-bar__picker .fa, .broadcast-hub .play-bar__picker .chat_message.edited .edited, .chat_message.edited .broadcast-hub .play-bar__picker .edited, .broadcast-hub .play-bar__picker .feedback_thumbs .negative, .feedback_thumbs .broadcast-hub .play-bar__picker .negative, .broadcast-hub .play-bar__picker .feedback_thumbs .positive, .feedback_thumbs .broadcast-hub .play-bar__picker .positive, .broadcast-hub .play-bar__picker .feedback_thumbs .neutral, .feedback_thumbs .broadcast-hub .play-bar__picker .neutral {
  font-size: 10px;
  color: var(--ui-ink-3);
}
.broadcast-hub .play-bar__picker:hover, .broadcast-hub .play-bar__picker:focus, .broadcast-hub .play-bar__picker[aria-expanded=true] {
  color: var(--ui-ink);
  background: var(--ui-panel-2);
  border-color: var(--ui-accent);
}
.broadcast-hub .play-bar__menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  padding: 4px;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
.broadcast-hub .play-bar__menu-item {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 5px;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink);
}
.broadcast-hub .play-bar__menu-item:hover, .broadcast-hub .play-bar__menu-item:focus {
  color: var(--ui-ink);
  background: var(--ui-panel-2);
}
.broadcast-hub .play-bar__menu-item.is-active {
  color: var(--ui-accent);
  background: color-mix(in srgb, var(--ui-accent) 14%, transparent);
}
.broadcast-hub .play-bar__menu-item--edit {
  margin-top: 4px;
  border-top: 1px solid var(--ui-line);
  border-radius: 0 0 5px 5px;
  color: var(--ui-ink-2);
}
.broadcast-hub .play-bar__menu-item--edit .fa, .broadcast-hub .play-bar__menu-item--edit .chat_message.edited .edited, .chat_message.edited .broadcast-hub .play-bar__menu-item--edit .edited, .broadcast-hub .play-bar__menu-item--edit .feedback_thumbs .negative, .feedback_thumbs .broadcast-hub .play-bar__menu-item--edit .negative, .broadcast-hub .play-bar__menu-item--edit .feedback_thumbs .positive, .feedback_thumbs .broadcast-hub .play-bar__menu-item--edit .positive, .broadcast-hub .play-bar__menu-item--edit .feedback_thumbs .neutral, .feedback_thumbs .broadcast-hub .play-bar__menu-item--edit .neutral {
  width: 22px;
  text-align: center;
}
.broadcast-hub .play-bar__menu-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.broadcast-hub .play-bar__modes {
  display: flex;
  padding: 3px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--ui-line-2);
  border-radius: 7px;
}
[data-theme=light] .broadcast-hub .play-bar__picker, [data-theme=light] .broadcast-hub .play-bar__modes {
  background: var(--ui-bg);
}
.broadcast-hub .play-bar__mode {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  padding: 7px 14px;
  border-radius: 5px;
  font-size: var(--ui-fs-sm);
  font-weight: 500;
  color: var(--ui-ink-2);
}
.broadcast-hub .play-bar__mode.is-active {
  color: var(--ui-accent);
  background: color-mix(in srgb, var(--ui-accent) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-accent) 45%, transparent);
}
.broadcast-hub .play-bar__activity {
  flex: 1;
  min-width: 180px;
  font-size: var(--ui-fs-sm);
}
.broadcast-hub .play-bar__searching {
  color: var(--ui-good);
  font-weight: 700;
}
.broadcast-hub .play-bar__muted {
  color: var(--ui-ink-3);
}
.broadcast-hub .play-bar__go {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 26px;
  margin-left: auto;
  border-radius: 6px;
  background: var(--ui-accent);
  color: var(--ui-on-accent);
  font-size: var(--ui-fs-lg);
  font-weight: 700;
  white-space: nowrap;
}
.broadcast-hub .play-bar__go:hover, .broadcast-hub .play-bar__go:focus {
  background: var(--ui-accent-hover);
  color: var(--ui-on-accent);
  text-decoration: none;
}
.broadcast-hub .play-bar__go:disabled {
  opacity: 0.6;
  cursor: progress;
}
.broadcast-hub .play-bar__error {
  flex-basis: 100%;
  padding: 8px 12px;
  border-radius: 6px;
  background: rgba(239, 69, 101, 0.12);
  border: 1px solid rgba(239, 69, 101, 0.4);
  color: var(--ui-ink);
  font-size: var(--ui-fs-sm);
}

.broadcast-hub .stream-rail {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
}
.broadcast-hub .stream-rail__head {
  display: flex;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid var(--ui-line);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ui-ink-2);
}
.broadcast-hub .stream-rail__count {
  color: var(--ui-ink-3);
}
.broadcast-hub .stream-rail__list {
  list-style: none;
  margin: 0;
  padding: 6px;
  max-height: 620px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.broadcast-hub .stream-rail__item {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: 6px;
}
.broadcast-hub .stream-rail__item:hover {
  background: rgba(255, 255, 255, 0.04);
}
[data-theme=light] .broadcast-hub .stream-rail__item:hover {
  background: var(--ui-panel-2);
}
.broadcast-hub .stream-rail__item.is-playing {
  background: color-mix(in srgb, var(--ui-accent) 7%, transparent);
  border-color: color-mix(in srgb, var(--ui-accent) 35%, transparent);
}
.broadcast-hub .stream-rail__thumb {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 4px;
  overflow: hidden;
  background: #000;
}
.broadcast-hub .stream-rail__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.broadcast-hub .stream-rail__viewers {
  position: absolute;
  left: 4px;
  top: 4px;
  padding: 0 5px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.75);
  font-size: 11px;
}
[data-theme=light] .broadcast-hub .stream-rail__viewers {
  color: #fff;
}
.broadcast-hub .stream-rail__viewers::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e91916;
  margin-right: 4px;
  vertical-align: 1px;
}
.broadcast-hub .stream-rail__text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.broadcast-hub .stream-rail__name, .broadcast-hub .stream-rail__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.broadcast-hub .stream-rail__name {
  font-weight: 700;
  font-size: var(--ui-fs-sm);
  color: var(--ui-body-ink);
}
.broadcast-hub .stream-rail__game {
  font-size: var(--ui-fs-label);
  color: var(--ui-ink-2);
}
.broadcast-hub .stream-rail__title {
  font-size: var(--ui-fs-label);
  color: var(--ui-ink-3);
}
.broadcast-hub .stream-rail__empty {
  margin: 0;
  padding: 18px 12px;
  text-align: center;
  font-size: var(--ui-fs-sm);
  color: var(--ui-ink-3);
}

.broadcast-hub .hub-panel {
  padding: 16px 18px;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
}
.broadcast-hub .hub-panel__heading {
  margin: 0 0 10px;
  font-size: var(--ui-fs-lg);
  font-weight: 700;
}
.broadcast-hub .hub-panel__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.broadcast-hub .hub-panel__row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 0;
  border-bottom: 1px solid var(--ui-line);
  font-size: var(--ui-fs-sm);
}
.broadcast-hub .hub-panel__row:last-child {
  border-bottom: 0;
}
.broadcast-hub .hub-panel__row a, .broadcast-hub .hub-panel__row .link, .broadcast-hub .hub-panel__row a .location:hover, a .broadcast-hub .hub-panel__row .location:hover, .broadcast-hub .hub-panel__row .link .location:hover, .link .broadcast-hub .hub-panel__row .location:hover {
  color: var(--ui-link);
  font-weight: 700;
}
.broadcast-hub .hub-panel__winner {
  color: var(--ui-link);
  font-weight: 700;
}
.broadcast-hub .hub-panel__muted, .broadcast-hub .hub-panel__game {
  color: var(--ui-ink-3);
}
.broadcast-hub .hub-panel__game {
  margin-left: auto;
}
.broadcast-hub .hub-panel__winner, .broadcast-hub .hub-panel__loser, .broadcast-hub .hub-panel__game {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.broadcast-hub .hub-panel__muted, .broadcast-hub .hub-panel__badge {
  flex: none;
}
.broadcast-hub .hub-panel__time {
  flex: none;
  min-width: 56px;
  text-align: right;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-label);
}
.broadcast-hub .hub-panel__badge {
  padding: 1px 7px;
  border: 1px solid var(--ui-line-3);
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  color: var(--ui-ink-2);
}
.broadcast-hub .hub-panel__badge--ranked {
  color: var(--ui-accent);
  border-color: color-mix(in srgb, var(--ui-accent) 40%, transparent);
}
.broadcast-hub .hub-panel__empty {
  margin: 0;
  padding: 10px 0;
  color: var(--ui-ink-3);
  font-size: var(--ui-fs-sm);
}

.broadcast-hub .hub-panel--live {
  grid-column: 1/-1;
}
.broadcast-hub .hub-panel--live .hub-panel__heading {
  display: flex;
  align-items: center;
  gap: 8px;
}
.broadcast-hub .hub-panel--live .hub-panel__live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ui-red);
  animation: hub-live-pulse 1.6s ease-in-out infinite;
}
.broadcast-hub .hub-panel--live li:not(:last-child) > .hub-live-match {
  border-bottom: 1px solid var(--ui-line);
}

.broadcast-hub .hub-live-match {
  color: var(--ui-ink);
  text-decoration: none;
}
.broadcast-hub .hub-live-match:hover, .broadcast-hub .hub-live-match:focus-visible {
  background: var(--ui-panel-2);
}
.broadcast-hub .hub-live-match__players {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--ui-link);
  font-weight: 700;
}
.broadcast-hub .hub-live-match__score {
  padding: 1px 8px;
  border-radius: 4px;
  background: var(--ui-bg);
  color: var(--ui-ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.broadcast-hub .hub-live-match__status {
  font-size: var(--ui-fs-label);
}
@media (max-width: 600px) {
  .broadcast-hub .hub-live-match {
    flex-wrap: wrap;
    row-gap: 4px;
  }
  .broadcast-hub .hub-live-match__status {
    order: 1;
    flex-basis: 100%;
  }
}

@keyframes hub-live-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
@media (prefers-reduced-motion: reduce) {
  .broadcast-hub .hub-panel--live .hub-panel__live-dot {
    animation: none;
  }
}
.broadcast-hub .hub-how {
  margin-top: 36px;
}
.broadcast-hub .hub-how__heading {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 16px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ui-ink-3);
}
.broadcast-hub .hub-how__heading::before, .broadcast-hub .hub-how__heading::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--ui-line-2);
}
.broadcast-hub .hub-how__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: hub-step;
}
.broadcast-hub .hub-how__step {
  padding: 18px;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line-2);
  border-radius: 8px;
  counter-increment: hub-step;
}
.broadcast-hub .hub-how__step::before {
  content: "0" counter(hub-step);
  font-size: var(--ui-fs-label);
  font-weight: 700;
  color: var(--ui-accent);
}
.broadcast-hub .hub-how__step h3 {
  margin: 8px 0 6px;
  font-size: var(--ui-fs-lg);
}
.broadcast-hub .hub-how__step p {
  margin: 0;
  color: var(--ui-ink-2);
  font-size: var(--ui-fs-sm);
}

@media (max-width: 900px) {
  .broadcast-hub {
    padding: 0 0 32px;
  }
  .broadcast-hub__stage, .broadcast-hub__below {
    grid-template-columns: minmax(0, 1fr);
  }
  .broadcast-hub__player {
    border-radius: 0;
  }
  .broadcast-hub__below {
    gap: 12px;
    padding: 0 12px;
  }
  .broadcast-hub .play-bar {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .broadcast-hub .play-bar__go {
    width: 100%;
    margin-left: 0;
  }
  .broadcast-hub .stream-rail {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .broadcast-hub .stream-rail__list {
    display: flex;
    gap: 8px;
    overflow-x: auto;
  }
  .broadcast-hub .stream-rail__item {
    grid-template-columns: 1fr;
    width: 200px;
  }
  .broadcast-hub .hub-how {
    padding: 0 12px;
  }
  .broadcast-hub .hub-how__steps {
    grid-template-columns: 1fr;
  }
}
.active_selectable_button {
  border-radius: 28px;
  margin-right: 4px;
  border: 2px solid transparent;
}
.active_selectable_button.selected {
  background-color: #0A6EBD;
}
.active_selectable_button.active {
  border-color: #05D8FF;
}
.active_selectable_button.pulse_glow {
  animation-name: highlightBackgroundPulseAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  color: white;
}
.active_selectable_button.border_only {
  background-color: transparent;
  border: 1px solid #05D8FF;
}
.active_selectable_button.border_only:hover {
  box-shadow: 0 0 9px #05D8FF;
  border-color: #05D8FF;
  background-color: #05D8FF;
}
.active_selectable_button.transparent_button {
  position: relative;
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.active_selectable_button.transparent_button:after {
  display: block;
  content: "";
  transform: scale(0);
  transition: all 450ms ease 0ms;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.active_selectable_button.transparent_button.active {
  transition: background-color 0.5s ease;
}
.active_selectable_button.transparent_button.active:after {
  background: rgba(10, 110, 189, 0.58);
  background: -webkit-linear-gradient(right, rgba(10, 110, 189, 0.58) 0%, #0A6EBD 12%, #05D8FF 47%, rgba(10, 110, 189, 0.58) 100%);
  background: linear-gradient(to left, rgba(10, 110, 189, 0.58) 0%, #0A6EBD 12%, #05D8FF 47%, rgba(10, 110, 189, 0.58) 100%);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transform: scale(1);
}
.active_selectable_button.transparent_button[disabled] {
  color: white;
}
.active_selectable_button.transparent_button:hover {
  background-color: #05D8FF;
  color: black;
}

.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button {
  background-color: transparent;
  background-image: none;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
}
.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.btn-danger, .active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.btn-off, .stage_selectable .stage_options button.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button {
  border-color: #EA5849;
  color: #EA5849;
}
.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.btn-danger:hover, .active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.btn-off:hover, .stage_selectable .stage_options button.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button:hover {
  background-color: rgba(234, 88, 73, 0.15);
  color: #EA5849;
}
.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.bright {
  border-color: #0A6EBD;
  color: #0A6EBD;
}
.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.bright:hover {
  background-color: rgba(10, 110, 189, 0.18);
  color: #0A6EBD;
}
.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.btn-success, .active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.btn-on, .stage_selectable .stage_options button.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.active {
  border-color: #3FA34D;
  color: #3FA34D;
}
.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.btn-success:hover, .active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.btn-on:hover, .stage_selectable .stage_options button.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.active:hover {
  background-color: rgba(63, 163, 77, 0.15);
  color: #3FA34D;
}
.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button:not(.btn-danger):not(.btn-off):not(.bright):not(.btn-success):not(.btn-on) {
  border-color: rgba(255, 255, 255, 0.45);
  color: rgba(255, 255, 255, 0.85);
}
.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button:not(.btn-danger):not(.btn-off):not(.bright):not(.btn-success):not(.btn-on):hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.selected {
  background-color: #0A6EBD;
  border-color: #0A6EBD;
  color: #fff;
}
.active_selectable_button--modern.active_selectable_button--modern.active_selectable_button.active_selectable_button.selected:hover {
  background-color: #0A6EBD;
  color: #fff;
}

.bracket {
  display: flex;
}
.bracket .round {
  display: flex;
  flex-direction: column;
  vertical-align: middle;
}
.bracket .round .winners .matchups {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.bracket .round .winners .matchups .matchup {
  display: flex;
  flex-direction: row-reverse;
  margin: 0;
  flex: 1 0 80px;
}
.bracket .round .winners .matchups .matchup .participants {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
}
.bracket .round .winners .matchups .matchup .participants .participants_inner {
  position: relative;
  border: 1px solid #3A4059;
  background-color: #12141C;
  border-radius: 2px;
}
.bracket .round .winners .matchups .matchup .participants .id {
  position: absolute;
  width: 100%;
  text-align: center;
  top: -12px;
}
.bracket .round .winners .matchups .matchup .participants .id .text {
  background-color: white;
  color: black;
  border-radius: 16px;
  border: 1px solid black;
  padding: 2px 6px;
  white-space: nowrap;
}
.bracket .round .winners .matchups .matchup .participants .participant {
  box-sizing: border-box;
  color: #0A6EBD;
  width: 14rem;
  height: 3rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.bracket .round .winners .matchups .matchup .participants .participant.first {
  border-bottom: 1px solid #3A4059;
}
.bracket .round .winners .matchups .matchup .participants .participant.second {
  border-top: 1px solid #3A4059;
}
.bracket .round .winners .matchups .matchup .participants .participant:hover {
  background-color: rgba(10, 110, 189, 0.58);
  cursor: pointer;
}
.bracket .round .winners .matchups .matchup .participants .participant.winner {
  color: #05D8FF;
}
.bracket .round .winners .matchups .matchup .participants .participant.loser {
  color: #5A1F1F;
}
.bracket .round .winners .matchups .matchup .participants .participant > span {
  margin: 12px 1px 0 12px;
  line-height: 3;
}
.bracket .round .winners .connector {
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.bracket .round .winners .connector_holder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 64px;
}
.bracket .round .winners .connector.filled .line {
  border-color: #0A6EBD;
}
.bracket .round .winners .connector.filled.bottom .merger:after {
  border-color: #0A6EBD;
}
.bracket .round .winners .connector.filled.top .merger:before {
  border-color: #0A6EBD;
}
.bracket .round .winners .connector .line {
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  border-bottom: thin solid #0A6EBD;
}
.bracket .round .winners .connector .merger {
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 50%;
}
.bracket .round .winners .connector .merger:before {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 50%;
  border: 0 solid;
  border-color: #0A6EBD;
  border-right-width: thin;
  border-top-width: thin;
  border-top-right-radius: 8px;
}
.bracket .round .winners .connector .merger:after {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 50%;
  border: 0 solid;
  border-color: #0A6EBD;
  border-right-width: thin;
  border-bottom-width: thin;
  border-bottom-right-radius: 8px;
}

/*General marker style*/
.map-marker {
  position: relative;
  text-align: center;
  font-weight: bold;
  background: #444;
  width: auto;
  height: 26px;
  border-radius: 5px;
  margin-top: -34px; /*Shift by arrow top+height*/
  margin-left: -13px; /*Shift by half the marker width*/
  color: black;
}
.map-marker.me .icon {
  background-color: #F66;
  font-size: 11px;
}
.map-marker.exclamation .icon:before {
  content: "!";
}
.map-marker .icon {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #05D8FF;
  line-height: 24px;
  border-radius: 4px;
  margin-left: 1px;
  margin-top: 1px;
  font-size: 22px;
}
.map-marker.online .icon {
  background: yellow;
}

.map-marker div.arrow {
  position: relative;
  border-style: solid;
  border-color: #444 transparent transparent transparent;
  border-width: 10px 6px 0 6px; /*Arrow w/h is defined by the borders*/
  left: 7px; /*(Marker width - arrow width)/2*/
  width: 0px;
  height: 0px;
}

/*Marker color instances*/
.map-marker.red div.icon {
  background: #FF2222;
}

.map-marker.green div.icon {
  background: #008800;
  color: #FFF;
}

.map-marker.green {
  background: #000;
}

.map-marker.green div.arrow {
  border-top-color: #000;
}

/*Marker states*/
.map-marker.inactive {
  opacity: 0.6;
}

/*Wraperclass for the divicon*/
.map-label {
  position: absolute;
  bottom: 0;
  left: -50%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

/*Wrap the content of the divicon (text) in this class*/
.map-label-content {
  order: 1;
  position: relative;
  left: -50%;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #444;
  padding: 3px;
  max-width: 160px;
  display: inline-block;
}

/*Add this arrow*/
.map-label-arrow {
  order: 2;
  width: 0px;
  height: 0px;
  left: 50%;
  border-style: solid;
  border-color: #444 transparent transparent transparent;
  border-width: 10px 6px 0 6px; /*[first number is height, second/fourth are rigth/left width]*/
  margin-left: -6px;
}

/*Instance classes*/
.map-label.inactive {
  opacity: 0.5;
}

.map-label.redborder > .map-label-content {
  border-color: #e00;
}

.map-label.redborder > .map-label-arrow {
  border-top-color: #e00;
}

.map-label.redbackground > .map-label-content {
  white-space: default;
  color: #fff;
  background-color: #e00;
}

/* ==================================================
marker cluster customisation
================================================== */
.leaflet-marker-icon.marker-cluster-small,
.leaflet-marker-icon.marker-cluster-medium,
.leaflet-marker-icon.marker-cluster-large {
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
}
.leaflet-marker-icon.marker-cluster-small > div,
.leaflet-marker-icon.marker-cluster-medium > div,
.leaflet-marker-icon.marker-cluster-large > div {
  background: #F66;
}
.leaflet-marker-icon.marker-cluster-small.interested,
.leaflet-marker-icon.marker-cluster-medium.interested,
.leaflet-marker-icon.marker-cluster-large.interested {
  background-color: #0F0;
  color: black;
}

.marker-cluster div {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}

.marker-cluster span {
  line-height: 42px;
}

.leaflet-marker-icon .number {
  position: relative;
  top: -52px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.bubbly-checkbox {
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.bubbly-checkbox input[type=checkbox] + label {
  display: flex;
  align-items: center;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  font-weight: normal;
  font-size: 16px;
}
.bubbly-checkbox input[type=checkbox] + label:hover:before {
  background-color: #05D8FF;
}
.bubbly-checkbox input[type=checkbox] {
  display: none;
}
.bubbly-checkbox input[type=checkbox] + label:before {
  display: block;
  text-align: center;
  content: "✔";
  border: 1px solid white;
  border-radius: 0.2em;
  width: 1.5em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: 0.2s;
}
.bubbly-checkbox input[type=checkbox] + label:active:before {
  transform: scale(0);
}
.bubbly-checkbox input[type=checkbox]:checked + label:before {
  background-color: rgba(10, 110, 189, 0.58);
  border-color: rgba(10, 110, 189, 0.58);
  color: #fff;
}
.bubbly-checkbox input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}
.bubbly-checkbox input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.material-input {
  width: 100%;
}
.material-input .label {
  transition: 0.2s ease all;
  color: #05D8FF;
  font-size: 100%;
  font-weight: normal;
  padding: 0;
}
.material-input.select-wrapper {
  margin-top: 2em;
}
.material-input.select-wrapper .label {
  position: absolute;
  top: -20px;
}
.material-input .group {
  position: relative;
}
.material-input .group .label {
  opacity: 0.5;
  position: absolute;
  pointer-events: none;
  left: 0.5em;
  top: 1em;
  padding: 0;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.material-input .group .text-input, .material-input .group .materialize-textarea {
  background-color: transparent;
  padding: 0.75em 1.5em 0.75em 0;
  line-height: 1.5em;
  border: 0;
  display: block;
  width: 100%;
  margin-top: 1em;
  border-bottom: 1px solid #05D8FF;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #05D8FF 4%);
  background-position: -100em 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: 0.3s cubic-bezier(0.64, 0.09, 0.08, 1) all;
  border-radius: 0;
}
.material-input .group .text-input:focus, .material-input .group .text-input:valid, .material-input .group .text-input:disabled, .material-input .group .materialize-textarea:focus, .material-input .group .materialize-textarea:valid, .material-input .group .materialize-textarea:disabled {
  background-position: 0 0;
}
.material-input .group .text-input:focus ~ .label, .material-input .group .text-input:valid ~ .label, .material-input .group .text-input:disabled ~ .label, .material-input .group .materialize-textarea:focus ~ .label, .material-input .group .materialize-textarea:valid ~ .label, .material-input .group .materialize-textarea:disabled ~ .label {
  color: #05D8FF;
  font-size: 0.875em;
  left: 0;
  top: -0.8em;
  padding: 0;
  opacity: 1;
}
.material-input .group .text-input:disabled, .material-input .group .materialize-textarea:disabled {
  color: #3A4059;
}
.material-input .group .text-input:disabled:hover, .material-input .group .materialize-textarea:disabled:hover {
  cursor: not-allowed;
}
.material-input .group .text-input:disabled ~ .label, .material-input .group .materialize-textarea:disabled ~ .label {
  font-style: italic;
  color: #3A4059;
  opacity: 0.9;
}
.material-input .group .text-input:focus, .material-input .group .materialize-textarea:focus {
  outline: none;
}
.material-input .group .materialize-textarea {
  line-height: normal;
  overflow-y: hidden;
  padding: 0.8rem 0 0.8rem 0;
  resize: none;
  min-height: 3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 45px;
}

.animated_border_holder {
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
.animated_border_holder .twirler {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.animated_border_holder .twirler.top:before, .animated_border_holder .twirler.bottom:before {
  animation: circling_borders_up_down 4s linear infinite;
  width: 100%;
  height: 2px;
  top: 0;
  left: 0;
}
.animated_border_holder .twirler.left:before, .animated_border_holder .twirler.right:before {
  height: 100%;
  width: 2px;
  animation: circling_borders_left_right 4s linear infinite;
  animation-delay: -2s;
  bottom: 0;
  left: 0;
}
.animated_border_holder .twirler.sticky.left:before, .animated_border_holder .twirler.sticky.right:before, .animated_border_holder .twirler.sticky.top:before, .animated_border_holder .twirler.sticky.bottom:before {
  animation: none;
}
.animated_border_holder .twirler.top {
  top: 0;
  left: 0;
}
.animated_border_holder .twirler.right {
  top: 0;
  right: 0;
}
.animated_border_holder .twirler.bottom {
  bottom: 0;
  left: 0;
}
.animated_border_holder .twirler.left {
  bottom: 0;
  left: 0;
}
.animated_border_holder .twirler:before {
  content: "";
  position: absolute;
  background: #05D8FF;
}
.animated_border_holder .twirler.bottom, .animated_border_holder .twirler.right {
  transform: rotate(180deg);
}

@keyframes circling_borders_up_down {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }
  50% {
    transform: scaleX(1);
    transform-origin: left;
  }
  50.1% {
    transform: scaleX(1);
    transform-origin: right;
  }
  100% {
    transform: scaleX(0);
    transform-origin: right;
  }
}
@keyframes circling_borders_left_right {
  0% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
  50% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  50.1% {
    transform: scaleY(1);
    transform-origin: top;
  }
  100% {
    transform: scaleY(0);
    transform-origin: top;
  }
}