@charset "UTF-8";
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
* Sass Version by Seth Coelen https://github.com/whatsnewsaes
*/
/* Base files. */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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 {
  background-color: transparent; }

a:active {
  outline: 0; }

a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

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

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 {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  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-appearance: textfield;
  box-sizing: content-box; }

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
* Sass Version by Seth Coelen https://github.com/whatsnewsaes
*/
html {
  font-size: 62.5%; }

body {
  font-size: 1.5em;
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #FFF5DF; }

.u-full-width {
  width: 100%;
  box-sizing: border-box; }

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }

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

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }

h1 {
  font-size: 4.0rem;
  line-height: 1.2;
  letter-spacing: -.1rem; }

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem; }

h3 {
  font-size: 3.0rem;
  line-height: 1.3;
  letter-spacing: -.1rem; }

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem; }

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.05rem; }

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0; }

@media (min-width: 550px) {
  h1 {
    font-size: 5.0rem; }
  h2 {
    font-size: 4.2rem; }
  h3 {
    font-size: 3.6rem; }
  h4 {
    font-size: 3.0rem; }
  h5 {
    font-size: 2.4rem; }
  h6 {
    font-size: 1.5rem; } }

p {
  margin-top: 0; }

/* Modules */
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
* Sass Version by Seth Coelen https://github.com/whatsnewsaes
*/
.container {
  position: relative;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

@media (min-width: 400px) {
  .container {
    width: 90%;
    padding: 0; } }

@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }
  .one.column,
  .one.columns {
    width: 4.66667%; }
  .two.columns {
    width: 13.33333%; }
  .three.columns {
    width: 22%; }
  .four.columns {
    width: 30.66667%; }
  .five.columns {
    width: 39.33333%; }
  .six.columns {
    width: 48%; }
  .seven.columns {
    width: 56.66667%; }
  .eight.columns {
    width: 65.33333%; }
  .nine.columns {
    width: 74%; }
  .ten.columns {
    width: 82.66667%; }
  .eleven.columns {
    width: 91.33333%; }
  .twelve.columns {
    width: 100%;
    margin-left: 0; }
  .one-third.column {
    width: 30.66667%; }
  .two-thirds.column {
    width: 65.33333%; }
  .one-half.column {
    width: 48%; }
  .offset-by-one.column,
  .offset-by-one.columns {
    margin-left: 8.66667%; }
  .offset-by-two.column,
  .offset-by-two.columns {
    margin-left: 17.33333%; }
  .offset-by-three.column,
  .offset-by-three.columns {
    margin-left: 26%; }
  .offset-by-four.column,
  .offset-by-four.columns {
    margin-left: 34.66667%; }
  .offset-by-five.column,
  .offset-by-five.columns {
    margin-left: 43.33333%; }
  .offset-by-six.column,
  .offset-by-six.columns {
    margin-left: 52%; }
  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-left: 60.66667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-left: 69.33333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-left: 78%; }
  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-left: 86.66667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-left: 95.33333%; }
  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-left: 34.66667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns {
    margin-left: 69.33333%; }
  .offset-by-one-half.column,
  .offset-by-one-half.column {
    margin-left: 52%; } }

.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

.button,
button {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #e54b4b;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }

input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #e54b4b;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }

.lordaeron .button,
.lordaeron button {
  color: #FFD700; }

.lordaeron input[type="submit"], .lordaeron input[type="reset"], .lordaeron input[type="button"] {
  color: #FFD700; }

.icecrown .button,
.icecrown button {
  color: #FFD700; }

.icecrown input[type="submit"], .icecrown input[type="reset"], .icecrown input[type="button"] {
  color: #FFD700; }

.button:hover,
button:hover {
  color: #999;
  border-color: #eeeeee;
  outline: 0; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  color: #999;
  border-color: #eeeeee;
  outline: 0; }

.button:focus,
button:focus {
  color: #999;
  border-color: #eeeeee;
  outline: 0; }

input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  color: #999;
  border-color: #eeeeee;
  outline: 0; }

.button.button-primary,
button.button-primary {
  color: #fff;
  background-color: #c4976f;
  border-color: #c4976f; }

input.button-primary[type="submit"], input.button-primary[type="reset"], input.button-primary[type="button"] {
  color: #fff;
  background-color: #c4976f;
  border-color: #c4976f; }

.button.button-primary:hover,
button.button-primary:hover {
  color: #fff;
  background-color: #FF7F00;
  border-color: #FF7F00; }

input.button-primary[type="submit"]:hover, input.button-primary[type="reset"]:hover, input.button-primary[type="button"]:hover {
  color: #fff;
  background-color: #FF7F00;
  border-color: #FF7F00; }

.button.button-primary:focus,
button.button-primary:focus {
  color: #fff;
  background-color: #FF7F00;
  border-color: #FF7F00; }

input.button-primary[type="submit"]:focus, input.button-primary[type="reset"]:focus, input.button-primary[type="button"]:focus {
  color: #fff;
  background-color: #FF7F00;
  border-color: #FF7F00; }

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"] {
  height: 38px;
  padding: 6px 10px;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }

input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password'],
textarea,
select {
  height: 38px;
  padding: 8px;
  box-shadow: none;
  box-sizing: border-box; }

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus {
  border: 1px solid #c4976f;
  outline: 0; }

textarea:focus,
select:focus {
  border: 1px solid #c4976f;
  outline: 0; }

label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }

fieldset {
  padding: 0;
  border-width: 0; }

input[type="checkbox"], input[type="radio"] {
  display: inline; }

label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

ul {
  list-style: circle inside; }

ol {
  list-style: decimal inside;
  padding-left: 0;
  margin-top: 0; }

ul {
  padding-left: 0;
  margin-top: 0; }
  ul ul, ul ol {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%; }

ol ol, ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }

li {
  margin-bottom: 1rem; }

code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: white;
  border: 1px solid #FFF5DF;
  border-radius: 4px; }

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }

th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #FFF5DF; }

th:first-child,
td:first-child {
  padding-left: 0; }

th:last-child,
td:last-child {
  padding-right: 0; }

button,
.button {
  margin-bottom: 1rem; }

input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }

/* Stylish styling - Please have opinions and change START */
body > .container {
  padding-top: 20px; }

img.action {
  transition: border-color 300ms;
  border: 1px solid #fff0;
  box-sizing: border-box; }

span.action:hover, nav a:hover, input.action:hover {
  text-shadow: 1px 1px 3px #000; }

b {
  color: #FA6; }

h2 {
  font-size: 20px;
  margin-bottom: 0;
  padding: 8px;
  background: rgba(1, 1, 1, 0.9); }

ul.toasts li {
  list-style-type: none;
  background-color: rgba(10, 5, 5, 0.75);
  margin: 0;
  padding: 8px; }
  ul.toasts li:nth-child(even) {
    background-color: rgba(1, 1, 1, 0.9); }

.content {
  background-color: rgba(10, 5, 5, 0.75);
  padding: 8px; }

.top-controls {
  margin-bottom: 16px; }
  @media (min-width: 550px) {
    .top-controls {
      display: flex; } }
  .top-controls .top-control {
    margin-bottom: 16px; }
    .top-controls .top-control h2 {
      padding-bottom: 8px; }
    @media (min-width: 550px) {
      .top-controls .top-control {
        margin-bottom: 0; } }
html {
  height: 100%; }

html.lordaeron {
  background: #25921F; }

html.barrens {
  background: #7d512c; }

html.icecrown {
  background: #95cbe7; }

html.lwinter {
  background: #444638; }

body {
  min-height: 100%;
  font-family: 'Scada', Tahoma, sans-serif;
  color: #c4976f; }

body.lordaeron {
  background: url("/static/images/lordaeronlarge.jpg"), url("/static/images/lordaeronlarge.jpg");
  background-position: -5% top, 25% top;
  background-repeat: repeat-x, repeat; }

body.barrens {
  background: url("/static/images/barrenslarge.jpg"), url("/static/images/barrenslarge.jpg");
  background-position: 5% top, -20% top;
  background-repeat: repeat-x, repeat; }

body.icecrown {
  background: url("/static/images/icecrownlarge.jpg"), url("/static/images/icecrownlarge.jpg");
  background-position: 5% top, -50% top;
  background-repeat: repeat-x, repeat; }

body.lwinter {
  background: url("/static/images/lwinterlarge.jpg"), url("/static/images/lwinterlarge.jpg");
  background-position: 5% top, -50% top;
  background-repeat: repeat-x, repeat; }

p {
  margin-bottom: 8px; }

@media (max-width: 767px) {
  body {
    background-position: initial; }
    body.lordaeron {
      background: url("/static/images/lordaeronmed.jpg"); }
    body.barrens {
      background: url("/static/images/barrensmed.jpg"); }
    body.icecrown {
      background: url("/static/images/icecrownmed.jpg"); }
    body.lwinter {
      background: url("/static/images/lwintermed.jpg"); } }

@media (max-width: 575px) {
  body.lordaeron {
    background: url("/static/images/lordaeronsmall.jpg"); }
  body.barrens {
    background: url("/static/images/barrenssmall.jpg"); }
  body.icecrown {
    background: url("/static/images/icecrownsmall.jpg"); } }

img.peep {
  max-width: 100%; }

.pager {
  background: #000A;
  display: flex;
  justify-content: center;
  padding-bottom: 3px; }
  .pager a, .pager b {
    padding: 0 2px;
    margin: 0 1px; }

a, a:visited {
  color: #FF7F00; }

a:hover {
  color: #FFF; }

.barrens a, .barrens a:visited {
  color: #FFCCA3; }

.barrens a:hover {
  color: #FFF; }

.lordaeron a, .lordaeron a:visited {
  color: #e7c595; }

.lordaeron a:hover {
  color: #FFF; }

.icecrown a, .icecrown a:visited {
  color: #e7c595; }

.icecrown a:hover {
  color: #FFF; }

nav {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  font-size: 16px;
  z-index: 1;
  background: rgba(1, 1, 1, 0.9); }

nav a, span.action, img.action {
  cursor: pointer; }

span.action {
  padding-top: 1px;
  padding-bottom: 2px; }

nav span.submenu {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 21px; }

nav ul {
  text-align: center;
  display: none;
  padding: 0;
  margin: 5px 0 0 0;
  font-size: 22px; }

nav.expanded ul {
  display: block; }

nav .shortname {
  display: inline; }
  @media (min-width: 750px) {
    nav .shortname {
      display: none; } }
nav .name {
  display: none; }
  @media (min-width: 750px) {
    nav .name {
      display: inline; } }
nav a {
  text-decoration: none;
  display: inline-block;
  padding: 16px 5px; }
  nav a:hover {
    text-decoration: underline; }

nav .row {
  display: flex;
  align-items: center; }

nav .views {
  flex: auto;
  display: flex;
  margin: 0;
  z-index: 3; }

nav ul {
  display: flex;
  justify-items: center;
  margin: 0;
  font-size: 18px; }
  nav ul li {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    line-height: 1; }
    nav ul li.admin img, nav ul li.background-picker img {
      margin: 1px;
      border: 1px solid rgba(0, 0, 0, 0); }
      @media (min-width: 550px) {
        nav ul li.admin img, nav ul li.background-picker img {
          margin-right: 4px; } }
      nav ul li.admin img:hover, nav ul li.background-picker img:hover {
        border: 1px solid #c4976f; }
    nav ul li.admin a, nav ul li.background-picker a {
      padding: 0px;
      margin: 0; }
    @media (min-width: 550px) {
      nav ul li.admin.div a {
        margin-right: 16px; } }
@media (min-width: 550px) {
  nav {
    font-size: 18px;
    text-align: center; }
  nav .views {
    margin-right: 16px; }
  nav a {
    margin-right: 16px; }
  nav span.submenu {
    right: 2%;
    top: 1px; } }

nav {
  text-align: left; }

nav span.submenu {
  display: none; }

h1 {
  font-size: 40px;
  margin: 0 auto;
  color: #ccac8f;
  font-family: "highperch";
  font-size: 80px;
  letter-spacing: -6px;
  cursor: default;
  pointer-events: none;
  text-shadow: 4px 2px 2px rgba(0, 0, 0, 0.75);
  position: relative;
  margin-bottom: -25px;
  max-width: 1170px;
  z-index: 2;
  text-align: center;
  width: auto; }
  h1 .perch {
    color: #e6d9cf; }
  @media (min-width: 550px) {
    h1 {
      text-align: left;
      width: 80%; } }
.headerimg {
  text-decoration: none; }

footer {
  text-align: center; }
  footer p {
    margin: 0; }
  footer .chatlog {
    text-align: left;
    white-space: pre-wrap;
    display: inline-block;
    margin: 15px;
    background: rgba(141, 168, 226, 0.4);
    border: 1px dotted #fff;
    border-radius: 6px;
    padding: 5px 15px;
    color: #ddd;
    font-style: italic;
    font-size: 12px;
    text-shadow: 1px 1px 0 #333; }
    footer .chatlog a {
      text-decoration: none;
      color: #ddd !important; }
  footer .logout {
    color: #c4976f !important;
    text-decoration: none;
    cursor: inherit; }

.minimap, .bigmap {
  font-size: 9px;
  border: 1px solid black;
  position: relative; }
  .minimap img, .bigmap img {
    max-width: 100%;
    max-height: 100%; }
  .minimap .drawmap, .bigmap .drawmap {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .minimap #highlights, .bigmap #highlights {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .minimap #pingmap, .bigmap #pingmap {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.minimap, .download {
  flex: none;
  margin-right: 8px;
  height: 80px;
  width: 80px; }

.adminonly {
  color: #33ccff; }

.replays .grid h2 {
  margin-bottom: 8px; }

.replays .grid .replay {
  flex-direction: column;
  display: inline-flex;
  width: 192px; }
  .replays .grid .replay .minimap, .replays .grid .replay .minimap img {
    margin-right: 0;
    width: 192px;
    height: 192px; }

.replays {
  border-bottom: 1px solid black; }
  .replays .replay {
    border: 1px solid black;
    border-bottom: 0;
    background: rgba(1, 1, 1, 0.9);
    padding: 8px;
    font-size: 12px;
    display: flex;
    align-items: center;
    text-decoration: none; }
    .replays .replay .details a {
      text-decoration: none;
      font-weight: bold; }
      .replays .replay .details a:hover {
        text-decoration: underline; }
    .replays .replay .details .header {
      font-size: 20px; }
      .replays .replay .details .header a {
        font-weight: normal;
        text-decoration: underline; }
    .replays .replay .details .minorlink {
      font-weight: normal; }
    .replays .replay:nth-child(even) {
      background: rgba(10, 5, 5, 0.75); }
    .replays .replay .download {
      text-align: center;
      font-size: 42px; }
    .replays .replay .teams, .replays .replay .team {
      flex-wrap: wrap; }
    .replays .replay a.download {
      display: none; }
      @media (min-width: 750px) {
        .replays .replay a.download {
          display: block; } }
    .replays .replay .details {
      width: 100%; }
      .replays .replay .details .header {
        display: flex; }
        .replays .replay .details .header a.title {
          flex: auto;
          margin-bottom: 0;
          padding-right: 16px; }
          @media (min-width: 750px) {
            .replays .replay .details .header a.title {
              flex: none; } }
      .replays .replay .details .download {
        flex-basis: 100px;
        border: 1px solid black; }
    .replays .replay .countryflag {
      margin-bottom: -1px; }

.playername {
  white-space: nowrap;
  display: inline-block;
  font-weight: bold; }

a.playername:hover {
  color: #FFF !important; }

.player .icon-name {
  display: flex;
  align-items: center; }
  .player .icon-name img {
    margin-right: -4px; }

.large-replay .details {
  margin-bottom: 16px; }
  .large-replay .details h2 {
    display: flex; }
    .large-replay .details h2 a {
      text-decoration: none; }
    .large-replay .details h2 .arrow {
      margin-top: auto;
      margin-bottom: auto;
      font-size: 12px; }
    .large-replay .details h2 .navprev {
      margin-right: 10px; }
    .large-replay .details h2 .navnext {
      margin-left: auto; }
  .large-replay .details .edit {
    display: inline-block;
    margin: 0 0 0 16px;
    height: 0; }
    .large-replay .details .edit input {
      margin: 0; }
    .large-replay .details .edit.visible {
      height: 2em; }
  .large-replay .details .summary p {
    margin-bottom: 4px; }
    .large-replay .details .summary p:first-child {
      margin-bottom: 8px; }
  .large-replay .details .content {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center; }
    @media (min-width: 400px) {
      .large-replay .details .content {
        flex-direction: row;
        align-items: initial; } }
    .large-replay .details .content .minimap {
      margin-right: 8px;
      width: 192px;
      height: 192px; }
      .large-replay .details .content .minimap img {
        width: 100%;
        height: 100%; }
      @media (min-width: 750px) {
        .large-replay .details .content .minimap {
          width: 300px;
          height: 300px; } }
      .large-replay .details .content .minimap .clickable {
        cursor: pointer; }
    .large-replay .details .content .adminicon {
      color: #33ccff; }
    .large-replay .details .content .vodcontainer .addvod .content {
      width: 30vw;
      background: #33ccff99;
      padding: 10px;
      border-radius: 4px; }
      .large-replay .details .content .vodcontainer .addvod .content h2 {
        background: none;
        color: #fff;
        text-shadow: 1px 1px 1px #000; }
      .large-replay .details .content .vodcontainer .addvod .content form {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        width: 300px; }
      .large-replay .details .content .vodcontainer .addvod .content textarea {
        color: #222;
        width: 100%;
        height: 20px;
        resize: vertical;
        border: 1px solid #000; }
      .large-replay .details .content .vodcontainer .addvod .content input[type="submit"] {
        background: #EEE;
        align-self: flex-end; }
    .large-replay .details .content .bancontainer {
      display: inline; }
    .large-replay .details .content .ban .content {
      width: 20vw;
      background: #33ccff99;
      padding: 10px;
      border-radius: 4px; }
      .large-replay .details .content .ban .content h2 {
        background: none;
        color: #fff;
        text-shadow: 1px 1px 1px #000; }
      .large-replay .details .content .ban .content form {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        width: 300px; }
      .large-replay .details .content .ban .content textarea, .large-replay .details .content .ban .content input {
        color: #222;
        width: 100%;
        height: 20px;
        resize: vertical;
        border: 1px solid #000; }
      .large-replay .details .content .ban .content input[type="submit"] {
        background: red;
        width: 50%;
        height: 40px;
        align-self: flex-end;
        color: white;
        font-size: 20px; }
    .large-replay .details .content .admin {
      position: absolute;
      top: 0;
      right: 8px; }
      .large-replay .details .content .admin input[type="submit"] {
        font-family: highperch;
        border: none;
        padding: 0;
        margin: 0;
        color: #33ccff;
        font-size: 18px; }
        .large-replay .details .content .admin input[type="submit"]:hover {
          color: #fff; }

.large-replay .playername {
  font-size: 15px;
  text-shadow: 1px 1px 1px #000000; }

.large-replay .gamecountofficial {
  font-size: 15px;
  color: #F00; }

.large-replay .gamecountnormal {
  font-size: 15px; }

.large-replay .controls {
  width: fit-content;
  width: -moz-fit-content;
  font-size: 12px;
  padding: 5px 5px 0px 5px;
  margin: auto;
  text-align: center;
  background-color: rgba(10, 5, 5, 0.75);
  margin-bottom: 15px; }
  .large-replay .controls img {
    width: 32px;
    height: 32px; }
    @media (min-width: 750px) {
      .large-replay .controls img {
        width: 64px;
        height: 64px; } }
  .large-replay .controls .controlshow {
    outline: 3px rgba(0, 0, 0, 0) solid; }
  .large-replay .controls .itemhide {
    outline: 3px #e1642a solid;
    outline-offset: -3px; }
  .large-replay .controls .unithide {
    outline: 3px #00cddb solid;
    outline-offset: -3px; }
  .large-replay .controls .buildinghide {
    outline: 3px blue solid;
    outline-offset: -3px; }
  .large-replay .controls .buildorderhide {
    outline: 3px violet solid;
    outline-offset: -3px; }
  .large-replay .controls .actionhide {
    outline: 3px red solid;
    outline-offset: -3px; }
  .large-replay .controls .apmhide {
    outline: 3px #2e2e2e solid;
    outline-offset: -3px; }
  .large-replay .controls .allyhide {
    outline: 3px #ffcc44 solid;
    outline-offset: -3px; }

.large-replay .statwarning {
  width: fit-content;
  width: -moz-fit-content;
  font-size: 10px;
  padding: 5px 10px 5px 10px;
  margin: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  margin-bottom: 15px; }

.large-replay .teams {
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  @media (min-width: 750px) {
    .large-replay .teams {
      flex-direction: row; } }
  .large-replay .teams .team {
    flex: 1; }
    .large-replay .teams .team:last-child {
      margin-bottom: 16px; }
    @media (min-width: 750px) {
      .large-replay .teams .team {
        margin-bottom: 16px; } }
  .large-replay .teams .vs {
    text-align: center;
    flex: 0;
    padding: 8px; }
  .large-replay .teams .result {
    margin-left: 0.5em; }
  .large-replay .teams .teamhead {
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    background: rgba(1, 1, 1, 0.9); }
  .large-replay .teams .team .teamcount {
    font-weight: bold; }
  .large-replay .teams .team .teamgold {
    color: #ffcc44;
    font-weight: bold; }
  .large-replay .teams .team .teamwood {
    color: #00910A;
    font-weight: bold; }
  .large-replay .teams .team .teamstats {
    flex-shrink: 0;
    margin-left: auto;
    font-size: 14px;
    text-align: right;
    letter-spacing: 0rem;
    padding: 0px 5px 0px 5px; }
  .large-replay .teams .team .player {
    padding: 8px;
    background-color: rgba(1, 1, 1, 0.9); }
    .large-replay .teams .team .player:nth-child(even) {
      background-color: rgba(10, 5, 5, 0.75); }
    .large-replay .teams .team .player .summary {
      font-size: 12px;
      margin-left: 4px;
      padding-top: 3px;
      flex-grow: 1; }
      .large-replay .teams .team .player .summary .arrangedteam {
        float: right; }
    .large-replay .teams .team .player .details {
      display: block;
      align-items: center;
      margin: 0;
      font-size: 14px; }
      .large-replay .teams .team .player .details table {
        border-collapse: collapse;
        margin-bottom: 0px; }
      .large-replay .teams .team .player .details tr {
        padding-bottom: 0px; }
      .large-replay .teams .team .player .details td {
        border-top: none;
        border-bottom: none;
        padding-top: 0px;
        padding-bottom: 0px; }
      .large-replay .teams .team .player .details .name {
        color: #c4976f;
        text-align: right;
        padding-right: 5px; }
      .large-replay .teams .team .player .details .count {
        font-weight: bold;
        color: #fa6;
        padding-left: 5px;
        padding-right: 5px; }
      .large-replay .teams .team .player .details .gold {
        color: #ffcc44;
        text-align: right;
        padding-right: 0px; }
      .large-replay .teams .team .player .details .slash {
        color: #c4976f;
        text-align: center;
        padding: 0px 2px 0px 2px; }
      .large-replay .teams .team .player .details .wood {
        color: #00910A;
        text-align: left;
        padding-left: 0px; }
      .large-replay .teams .team .player .details .heropic {
        width: 16px;
        height: 16px;
        margin-right: 2px; }
      .large-replay .teams .team .player .details .level {
        display: inline-block;
        font-weight: bold;
        color: #FA6;
        margin-right: 5px; }
      .large-replay .teams .team .player .details .herodetails {
        display: flex;
        margin-left: 8px;
        align-items: center;
        cursor: pointer; }
      .large-replay .teams .team .player .details .heroabilities {
        font-size: 10px;
        margin-top: 3px;
        margin-left: 8px;
        align-items: center;
        width: fit-content;
        width: -moz-fit-content;
        cursor: pointer; }
        .large-replay .teams .team .player .details .heroabilities .hero {
          display: inline; }
          .large-replay .teams .team .player .details .heroabilities .hero .herotext {
            display: inline-block;
            vertical-align: super; }
          .large-replay .teams .team .player .details .heroabilities .hero .alienhero {
            color: violet; }
          .large-replay .teams .team .player .details .heroabilities .hero .retrains {
            display: inline-block;
            vertical-align: super; }
            .large-replay .teams .team .player .details .heroabilities .hero .retrains img {
              width: 16px;
              height: 16px;
              vertical-align: top; }
          .large-replay .teams .team .player .details .heroabilities .hero .abilitytext {
            display: inline-block;
            vertical-align: super; }
          .large-replay .teams .team .player .details .heroabilities .hero .ultimate {
            color: #e8faff; }
          .large-replay .teams .team .player .details .heroabilities .hero .ability {
            margin: 0 0 0 20px;
            font-size: 10px;
            vertical-align: top; }
          .large-replay .teams .team .player .details .heroabilities .hero .abilitypic {
            width: 14px;
            height: 14px;
            margin: 2px 2px 0 2px;
            vertical-align: top; }
      .large-replay .teams .team .player .details .extendeddetails {
        font-size: 10px;
        background-color: rgba(255, 255, 255, 0.05);
        width: fit-content;
        width: -moz-fit-content;
        margin-top: 5px;
        margin-left: 20px;
        padding: 5px 20px 5px 20px; }
      .large-replay .teams .team .player .details .itemdetails {
        border-left: 1px #e1642a solid; }
      .large-replay .teams .team .player .details .unitdetails {
        border-left: 1px #00cddb solid; }
      .large-replay .teams .team .player .details .buildingdetails {
        border-left: 1px blue solid; }
      .large-replay .teams .team .player .details .buildorder {
        border-left: 1px violet solid; }
        .large-replay .teams .team .player .details .buildorder .built .time {
          text-align: right; }
      .large-replay .teams .team .player .details .actiondetails {
        border-left: 1px red solid; }

.replay .details .team, .replay .details .teams, .replay .details .icon-name {
  display: inline-flex; }

.replay .details .player, .replay .details .vs {
  padding-right: 8px; }

.gold {
  color: #ffcc44; }

.lumber {
  color: #00910A; }

.award {
  cursor: default; }
  .award img {
    width: 16px;
    height: 16px;
    vertical-align: sub; }

.chatlog {
  background-color: rgba(10, 5, 5, 0.75);
  padding: 8px;
  margin-bottom: 16px;
  grid-template-columns: auto 99%; }
  .chatlog .silence {
    height: 1.5em;
    grid-column: 1 / 3; }
  .chatlog .leave, .chatlog .pause {
    font-style: italic; }
  .chatlog .admin {
    grid-column: 1 / 3;
    float: right;
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 1; }
    .chatlog .admin .icon {
      font-size: 30px;
      line-height: 15px;
      color: #33ccff; }
      .chatlog .admin .icon:hover {
        color: #FFF; }
    .chatlog .admin .addlog-container {
      position: relative; }
      .chatlog .admin .addlog-container .addlog {
        position: absolute;
        right: 0;
        top: 0; }
        .chatlog .admin .addlog-container .addlog .content {
          width: 30vw;
          background: #33ccff99;
          padding: 10px;
          border-radius: 4px; }
          .chatlog .admin .addlog-container .addlog .content h2 {
            background: none;
            color: #fff;
            text-shadow: 1px 1px 1px #000; }
          .chatlog .admin .addlog-container .addlog .content form {
            display: flex;
            flex-direction: column;
            margin-bottom: 0; }
          .chatlog .admin .addlog-container .addlog .content textarea {
            color: #222;
            width: 100%;
            height: 300px;
            resize: vertical;
            border: 1px solid #000; }
          .chatlog .admin .addlog-container .addlog .content input[type="submit"] {
            background: #EEE;
            align-self: flex-end; }
  .chatlog .timestamp {
    text-align: right;
    font-size: 11px;
    line-height: 25px;
    white-space: nowrap;
    display: inline;
    color: #999; }
  .chatlog .message, .chatlog .leave, .chatlog .pause {
    text-align: left;
    display: inline; }
    @media (min-width: 750px) {
      .chatlog .message, .chatlog .leave, .chatlog .pause {
        left: 125px;
        margin-right: 125px; } }
  .chatlog .leave, .chatlog .pause, .chatlog .share, .chatlog .feed {
    color: #FFF; }
  .chatlog .unshare {
    color: #FF0000; }

.apmcontainer .apmseries {
  background-color: rgba(10, 5, 5, 0.75);
  margin-bottom: 16px; }
  .apmcontainer .apmseries .graph .axis path,
  .apmcontainer .apmseries .graph .axis line {
    fill: none;
    stroke: #c4976f;
    shape-rendering: crispEdges; }
  .apmcontainer .apmseries .graph .line {
    fill: none;
    stroke-width: 1.5px; }
  .apmcontainer .apmseries .graph .battletag {
    fill: #c4976f;
    font-size: 10px; }
  .apmcontainer .apmseries .graph .cursortext {
    fill: #c4976f; }

.controls {
  width: fit-content;
  width: -moz-fit-content;
  font-size: 12px;
  padding: 5px 5px 0px 5px;
  margin: auto;
  margin-top: 20px;
  text-align: center;
  background-color: rgba(10, 5, 5, 0.75);
  margin-bottom: 15px; }
  .controls .controlshow {
    display: inline; }
    .controls .controlshow img {
      width: 32px;
      height: 32px; }
      @media (min-width: 750px) {
        .controls .controlshow img {
          width: 64px;
          height: 64px; } }
  .controls .zoomenabled {
    outline: 3px #6a8d91 solid;
    outline-offset: -3px; }
  .controls .crittersenabled {
    outline: 3px #c2ec56 solid;
    outline-offset: -3px; }

.player.details,
.map.details {
  margin-bottom: 16px; }

.player .stats,
.map .stats {
  display: flex;
  flex-direction: column; }
  @media (min-width: 750px) {
    .player .stats,
    .map .stats {
      flex-direction: row; } }
  .player .stats div,
  .map .stats div {
    flex: 1; }

.player .neutrals,
.map .neutrals {
  text-align: center;
  margin-top: 20px; }

.player .chart,
.map .chart {
  display: flex;
  flex-direction: column;
  margin-right: 16px; }
  .player .chart .chartrow,
  .map .chart .chartrow {
    display: flex;
    flex: 1;
    margin: 4px 0; }
    .player .chart .chartrow .legend,
    .map .chart .chartrow .legend {
      display: flex;
      align-self: center; }
    .player .chart .chartrow .barcontainer,
    .map .chart .chartrow .barcontainer {
      flex: 1; }
      .player .chart .chartrow .barcontainer .bar,
      .map .chart .chartrow .barcontainer .bar {
        text-align: center;
        border: 1px solid #000;
        border-radius: 4px; }
        .player .chart .chartrow .barcontainer .bar span,
        .map .chart .chartrow .barcontainer .bar span {
          cursor: default;
          font-weight: bold;
          color: #FA6; }
  .player .chart.race .bar.H,
  .map .chart.race .bar.H {
    background: #0042ff; }
  .player .chart.race .bar.O,
  .map .chart.race .bar.O {
    background: #006400; }
  .player .chart.race .bar.N,
  .map .chart.race .bar.N {
    background: #540081; }
  .player .chart.race .bar.U,
  .map .chart.race .bar.U {
    background: #959697; }
  .player .chart.race .bar.R,
  .map .chart.race .bar.R {
    background: #7d261b; }
  .player .chart.map .legend,
  .map .chart.map .legend {
    padding-right: 8px; }
  .player .chart.map .bar,
  .map .chart.map .bar {
    background: #5adbff; }
    .player .chart.map .bar.t1on1,
    .map .chart.map .bar.t1on1 {
      background: #094074; }
    .player .chart.map .bar.t2on2,
    .map .chart.map .bar.t2on2 {
      background: #6b0f1a; }
    .player .chart.map .bar.t3on3,
    .map .chart.map .bar.t3on3 {
      background: #414066; }
    .player .chart.map .bar.t4on4,
    .map .chart.map .bar.t4on4 {
      background: #4d9078; }

.player .bigmap-container,
.map .bigmap-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px; }

.player .bigmap,
.map .bigmap {
  user-select: none;
  line-height: 0;
  max-width: 100%; }
  .player .bigmap.lesshuge,
  .map .bigmap.lesshuge {
    max-width: 550px; }

.player #neutraltip,
.map #neutraltip {
  z-index: 2;
  user-select: none;
  display: none;
  position: absolute;
  padding: 7px;
  border: 1px black solid;
  background-color: rgba(0, 0, 0, 0.8); }
  .player #neutraltip .tiptext,
  .map #neutraltip .tiptext {
    margin: 5px;
    text-align: center;
    color: #c4976f;
    font-size: 15px;
    white-space: nowrap;
    line-height: 1rem; }
    .player #neutraltip .tiptext .creeplevel,
    .map #neutraltip .tiptext .creeplevel {
      font-style: italic;
      font-size: 12px;
      margin-bottom: 0; }

.player #creeptip,
.map #creeptip {
  z-index: 2;
  display: none;
  position: absolute;
  padding: 7px;
  border: 1px black solid;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: visible; }
  .player #creeptip table,
  .map #creeptip table {
    border-collapse: collapse;
    margin-bottom: 0px; }
  .player #creeptip th,
  .map #creeptip th {
    border-bottom: none;
    padding: 0px;
    text-align: center; }
  .player #creeptip tr,
  .map #creeptip tr {
    border-collapse: collapse;
    border-bottom: none;
    padding: 5px;
    user-select: text; }
  .player #creeptip td,
  .map #creeptip td {
    border-bottom: none;
    border-top: none;
    padding: 5px; }
  .player #creeptip .creeprow,
  .map #creeptip .creeprow {
    border-bottom: none; }
  .player #creeptip .count,
  .map #creeptip .count {
    font-size: 16px;
    padding-right: 5px;
    white-space: nowrap; }
    .player #creeptip .count .times,
    .map #creeptip .count .times {
      vertical-align: center; }
  .player #creeptip .creepicon,
  .map #creeptip .creepicon {
    padding-left: 0px;
    padding-right: 0px; }
    .player #creeptip .creepicon img,
    .map #creeptip .creepicon img {
      width: 32px;
      height: 32px;
      min-width: 32px;
      min-height: 32px; }
  .player #creeptip .creepname,
  .map #creeptip .creepname {
    white-space: nowrap;
    padding-left: 5px;
    font-size: 12px; }
  .player #creeptip .level,
  .map #creeptip .level {
    font-size: 12px;
    text-align: center; }
  .player #creeptip .exp,
  .map #creeptip .exp {
    font-size: 12px;
    color: #00c5c5;
    text-align: center; }
  .player #creeptip .drops .drop,
  .map #creeptip .drops .drop {
    padding: 5px;
    margin: 2px;
    white-space: nowrap;
    width: fit-content;
    width: -moz-fit-content; }
    .player #creeptip .drops .drop img,
    .map #creeptip .drops .drop img {
      width: 24px;
      height: 24px;
      min-width: 24px;
      min-height: 24px; }
  .player #creeptip .drops .droptable,
  .map #creeptip .drops .droptable {
    border: 1px dashed gray;
    border-radius: 3px; }
  .player #creeptip .total,
  .map #creeptip .total {
    font-style: italic; }
  .player #creeptip .totalexp,
  .map #creeptip .totalexp {
    font-size: 9px; }

.fexp {
  float: right;
  margin-right: 8px;
  font-family: highperch; }
  .fexp::before {
    content: ""; }
  .fexp.active::before {
    content: ""; }

form.filters {
  display: flex;
  margin-bottom: 0; }
  form.filters .flowlist {
    flex: 1; }
  @media (min-width: 550px) {
    form.filters {
      display: flex;
      flex-direction: row; }
      form.filters .flowlist {
        width: 100%;
        display: flex;
        flex-direction: column; } }
  form.filters label {
    margin-left: 10px;
    min-width: 70px; }
  form.filters input, form.filters select {
    background: #444;
    border: 1px solid #000F;
    padding: 8px;
    border-radius: 0;
    width: 100%;
    margin-bottom: 0; }
  form.filters input[type=submit] {
    padding: 0;
    flex: none;
    margin: 0 8px; }
  form.filters input[type=checkbox] {
    margin-left: 8px;
    min-width: auto;
    width: auto; }
  form.filters #f_sort {
    padding: 0; }

.filterrow {
  display: flex;
  flex-direction: column; }
  @media (min-width: 1000px) {
    .filterrow {
      flex-direction: row; } }
  .filterrow:nth-child(even) .filter:nth-child(even) {
    background: rgba(10, 5, 5, 0.75); }
  .filterrow:nth-child(odd) .filter:nth-child(odd) {
    background: rgba(10, 5, 5, 0.75); }

.filter {
  justify-items: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  flex: 1;
  padding: 8px;
  text-align: center;
  background: rgba(10, 5, 5, 0.75); }
  .filter input {
    min-width: 120px; }
  .filter:nth-child(even) {
    background: rgba(10, 5, 5, 0.75); }
  @media (min-width: 1000px) {
    .filter:first-child {
      padding-right: 0; }
    .filter:last-child {
      padding-left: 0; } }
form.upload {
  display: flex;
  margin: 0;
  align-items: center;
  flex-direction: row;
  background-color: rgba(10, 5, 5, 0.75); }
  @media (min-width: 550px) {
    form.upload {
      flex-direction: column; } }
  @media (min-width: 1000px) {
    form.upload {
      flex-direction: row; } }
  form.upload input, form.upload select {
    background: #444;
    border: 1px solid #000F;
    padding: 8px;
    border-radius: 0;
    width: 100%;
    margin: 0; }
  form.upload .inputfields {
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px; }
  form.upload input[type=file] {
    padding: 8px;
    width: calc(100% - 18px);
    height: 20px;
    margin-bottom: 8px; }
  form.upload input[type=submit] {
    background-image: url("/static/images/BTNStaffOfSanctuary-Reforged.png");
    background-size: cover;
    background-position: center;
    width: 86px;
    height: 86px;
    text-shadow: 0px 0px 13px #000, 0px 0px 14px #000, 0px 0px 15px #000;
    flex: none;
    padding: 0;
    color: #e54b4b;
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: text-shadow 0.2s linear;
    -moz-transition: text-shadow 0.2s linear;
    -ms-transition: text-shadow 0.2s linear;
    -o-transition: text-shadow 0.2s linear;
    transition: text-shadow 0.2s linear;
    -webkit-transition: box-shadow 0.2s linear;
    -moz-transition: box-shadow 0.2s linear;
    -ms-transition: box-shadow 0.2s linear;
    -o-transition: box-shadow 0.2s linear;
    transition: box-shadow 0.2s linear;
    transition: color 0.2s linear;
    margin-bottom: 8px;
    margin-top: 8px;
    margin-right: 8px;
    margin-left: 8px; }
    form.upload input[type=submit]:hover {
      color: #fff;
      box-shadow: inset 0 0 10px #fff;
      text-shadow: 0px 0px 13px #fff, 0px 0px 14px #fff, 0px 0px 15px #fff; }
    @media (min-width: 1000px) {
      form.upload input[type=submit] {
        margin-right: 8px; } }
.barrens form.upload input[type=submit] {
  background-image: url("/static/images/Wc3BTNStaffOfSanctuary.png"); }

.lordaeron form.upload input[type=submit] {
  color: #FFD700; }

.icecrown form.upload input[type=submit] {
  color: #FFD700;
  background-image: url("/static/images/Wc3BTNStaffOfPreservation.png"); }

form.adminlogin {
  display: flex;
  margin: 0;
  align-items: center;
  flex-direction: row;
  background-color: rgba(10, 5, 5, 0.75); }
  @media (min-width: 550px) {
    form.adminlogin {
      flex-direction: column; } }
  @media (min-width: 1000px) {
    form.adminlogin {
      flex-direction: row; } }
  form.adminlogin input, form.adminlogin select {
    background: #444;
    border: 1px solid #000F;
    padding: 8px;
    border-radius: 0;
    width: 100%;
    margin: 0; }
  form.adminlogin .inputfields {
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px; }
  form.adminlogin input[type=file] {
    padding: 8px;
    width: calc(100% - 18px);
    height: 20px;
    margin-bottom: 8px; }
  form.adminlogin input[type=submit] {
    background-image: url("/static/images/tomeofretraining.gif");
    background-size: cover;
    background-position: center;
    width: 86px;
    height: 86px;
    text-shadow: 0px 0px 13px #000, 0px 0px 14px #000, 0px 0px 15px #000;
    flex: none;
    padding: 0;
    color: #e54b4b;
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: text-shadow 0.2s linear;
    -moz-transition: text-shadow 0.2s linear;
    -ms-transition: text-shadow 0.2s linear;
    -o-transition: text-shadow 0.2s linear;
    transition: text-shadow 0.2s linear;
    -webkit-transition: box-shadow 0.2s linear;
    -moz-transition: box-shadow 0.2s linear;
    -ms-transition: box-shadow 0.2s linear;
    -o-transition: box-shadow 0.2s linear;
    transition: box-shadow 0.2s linear;
    transition: color 0.2s linear;
    margin-bottom: 8px;
    margin-top: 8px;
    margin-right: 8px;
    margin-left: 8px; }
    form.adminlogin input[type=submit]:hover {
      color: #fff;
      box-shadow: inset 0 0 10px #fff;
      text-shadow: 0px 0px 13px #fff, 0px 0px 14px #fff, 0px 0px 15px #fff; }
    @media (min-width: 1000px) {
      form.adminlogin input[type=submit] {
        margin-right: 8px; } }
.hp-expand,
.hp-highlight {
  cursor: pointer; }
  .hp-expand:hover,
  .hp-highlight:hover {
    color: #FFF; }
  @media (min-width: 550px) {
    .hp-expand.size-ph,
    .hp-highlight.size-ph {
      display: none; } }
.no-hover {
  color: #c4976f !important; }

.hp-hidden {
  overflow: hidden; }
  .hp-hidden.v {
    max-height: 0; }
    .hp-hidden.v.visible {
      max-height: 100vh; }
    @media (min-width: 550px) {
      .hp-hidden.v.size-ph {
        max-height: 100vh; } }
  .hp-hidden.h {
    max-width: 0; }
    .hp-hidden.h.visible {
      max-width: 100vh; }
    @media (min-width: 550px) {
      .hp-hidden.h.size-ph {
        max-width: 100vh; } }
.hp-toggle.hidden {
  display: none !important; }

.statwarning.hidden {
  display: none; }

.tag {
  border: 1px solid #999;
  padding: 1px;
  margin-right: 4px;
  margin-left: 4px;
  margin-bottom: -1px;
  cursor: default;
  align-self: center; }
  .tag.official {
    height: 6px; }

.large-replay .tags {
  display: flex;
  margin-left: 16px; }

.peep.admin {
  background: #33ccff99;
  margin-top: 16px; }
  .peep.admin h2 {
    background: none;
    color: #fff;
    text-shadow: 1px 1px 1px #000; }
  .peep.admin > div {
    color: #FFF5DF;
    padding: 8px; }
  .peep.admin form input[type=text] {
    color: #222; }
    @media (min-width: 750px) {
      .peep.admin form input[type=text] {
        width: 400px; } }
  .peep.admin form input[type="submit"] {
    background: #FFF5DF;
    margin-left: 16px; }

.guide {
  /*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ }
  .guide html {
    box-sizing: border-box; }
  .guide *,
  .guide *::before,
  .guide *::after {
    box-sizing: inherit; }
  .guide .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
  @media (min-width: 576px) {
    .guide .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .guide .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .guide .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .guide .container {
      max-width: 1140px; } }
  .guide .container-fluid, .guide .container-sm, .guide .container-md, .guide .container-lg, .guide .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
  @media (min-width: 576px) {
    .guide .container, .guide .container-sm {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .guide .container, .guide .container-sm, .guide .container-md {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .guide .container, .guide .container-sm, .guide .container-md, .guide .container-lg {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .guide .container, .guide .container-sm, .guide .container-md, .guide .container-lg, .guide .container-xl {
      max-width: 1140px; } }
  .guide .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
  .guide .no-gutters {
    margin-right: 0;
    margin-left: 0; }
  .guide .no-gutters > .col,
  .guide .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }
  .guide .col-1, .guide .col-2, .guide .col-3, .guide .col-4, .guide .col-5, .guide .col-6, .guide .col-7, .guide .col-8, .guide .col-9, .guide .col-10, .guide .col-11, .guide .col-12, .guide .col,
  .guide .col-auto, .guide .col-sm-1, .guide .col-sm-2, .guide .col-sm-3, .guide .col-sm-4, .guide .col-sm-5, .guide .col-sm-6, .guide .col-sm-7, .guide .col-sm-8, .guide .col-sm-9, .guide .col-sm-10, .guide .col-sm-11, .guide .col-sm-12, .guide .col-sm,
  .guide .col-sm-auto, .guide .col-md-1, .guide .col-md-2, .guide .col-md-3, .guide .col-md-4, .guide .col-md-5, .guide .col-md-6, .guide .col-md-7, .guide .col-md-8, .guide .col-md-9, .guide .col-md-10, .guide .col-md-11, .guide .col-md-12, .guide .col-md,
  .guide .col-md-auto, .guide .col-lg-1, .guide .col-lg-2, .guide .col-lg-3, .guide .col-lg-4, .guide .col-lg-5, .guide .col-lg-6, .guide .col-lg-7, .guide .col-lg-8, .guide .col-lg-9, .guide .col-lg-10, .guide .col-lg-11, .guide .col-lg-12, .guide .col-lg,
  .guide .col-lg-auto, .guide .col-xl-1, .guide .col-xl-2, .guide .col-xl-3, .guide .col-xl-4, .guide .col-xl-5, .guide .col-xl-6, .guide .col-xl-7, .guide .col-xl-8, .guide .col-xl-9, .guide .col-xl-10, .guide .col-xl-11, .guide .col-xl-12, .guide .col-xl,
  .guide .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }
  .guide .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .guide .row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .guide .row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .guide .row-cols-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .guide .row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .guide .row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .guide .row-cols-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .guide .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .guide .col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .guide .col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .guide .col-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .guide .col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .guide .col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .guide .col-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .guide .col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .guide .col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .guide .col-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .guide .col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .guide .col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .guide .col-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .guide .offset-1 {
    margin-left: 8.333333%; }
  .guide .offset-2 {
    margin-left: 16.666667%; }
  .guide .offset-3 {
    margin-left: 25%; }
  .guide .offset-4 {
    margin-left: 33.333333%; }
  .guide .offset-5 {
    margin-left: 41.666667%; }
  .guide .offset-6 {
    margin-left: 50%; }
  .guide .offset-7 {
    margin-left: 58.333333%; }
  .guide .offset-8 {
    margin-left: 66.666667%; }
  .guide .offset-9 {
    margin-left: 75%; }
  .guide .offset-10 {
    margin-left: 83.333333%; }
  .guide .offset-11 {
    margin-left: 91.666667%; }
  @media (min-width: 576px) {
    .guide .col-sm {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .guide .row-cols-sm-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .guide .row-cols-sm-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .guide .row-cols-sm-3 > * {
      flex: 0 0 33.333333%;
      max-width: 33.333333%; }
    .guide .row-cols-sm-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .guide .row-cols-sm-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .guide .row-cols-sm-6 > * {
      flex: 0 0 16.666667%;
      max-width: 16.666667%; }
    .guide .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .guide .col-sm-1 {
      flex: 0 0 8.333333%;
      max-width: 8.333333%; }
    .guide .col-sm-2 {
      flex: 0 0 16.666667%;
      max-width: 16.666667%; }
    .guide .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .guide .col-sm-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%; }
    .guide .col-sm-5 {
      flex: 0 0 41.666667%;
      max-width: 41.666667%; }
    .guide .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .guide .col-sm-7 {
      flex: 0 0 58.333333%;
      max-width: 58.333333%; }
    .guide .col-sm-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%; }
    .guide .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .guide .col-sm-10 {
      flex: 0 0 83.333333%;
      max-width: 83.333333%; }
    .guide .col-sm-11 {
      flex: 0 0 91.666667%;
      max-width: 91.666667%; }
    .guide .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .guide .offset-sm-0 {
      margin-left: 0; }
    .guide .offset-sm-1 {
      margin-left: 8.333333%; }
    .guide .offset-sm-2 {
      margin-left: 16.666667%; }
    .guide .offset-sm-3 {
      margin-left: 25%; }
    .guide .offset-sm-4 {
      margin-left: 33.333333%; }
    .guide .offset-sm-5 {
      margin-left: 41.666667%; }
    .guide .offset-sm-6 {
      margin-left: 50%; }
    .guide .offset-sm-7 {
      margin-left: 58.333333%; }
    .guide .offset-sm-8 {
      margin-left: 66.666667%; }
    .guide .offset-sm-9 {
      margin-left: 75%; }
    .guide .offset-sm-10 {
      margin-left: 83.333333%; }
    .guide .offset-sm-11 {
      margin-left: 91.666667%; } }
  @media (min-width: 768px) {
    .guide .col-md {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .guide .row-cols-md-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .guide .row-cols-md-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .guide .row-cols-md-3 > * {
      flex: 0 0 33.333333%;
      max-width: 33.333333%; }
    .guide .row-cols-md-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .guide .row-cols-md-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .guide .row-cols-md-6 > * {
      flex: 0 0 16.666667%;
      max-width: 16.666667%; }
    .guide .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .guide .col-md-1 {
      flex: 0 0 8.333333%;
      max-width: 8.333333%; }
    .guide .col-md-2 {
      flex: 0 0 16.666667%;
      max-width: 16.666667%; }
    .guide .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .guide .col-md-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%; }
    .guide .col-md-5 {
      flex: 0 0 41.666667%;
      max-width: 41.666667%; }
    .guide .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .guide .col-md-7 {
      flex: 0 0 58.333333%;
      max-width: 58.333333%; }
    .guide .col-md-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%; }
    .guide .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .guide .col-md-10 {
      flex: 0 0 83.333333%;
      max-width: 83.333333%; }
    .guide .col-md-11 {
      flex: 0 0 91.666667%;
      max-width: 91.666667%; }
    .guide .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .guide .offset-md-0 {
      margin-left: 0; }
    .guide .offset-md-1 {
      margin-left: 8.333333%; }
    .guide .offset-md-2 {
      margin-left: 16.666667%; }
    .guide .offset-md-3 {
      margin-left: 25%; }
    .guide .offset-md-4 {
      margin-left: 33.333333%; }
    .guide .offset-md-5 {
      margin-left: 41.666667%; }
    .guide .offset-md-6 {
      margin-left: 50%; }
    .guide .offset-md-7 {
      margin-left: 58.333333%; }
    .guide .offset-md-8 {
      margin-left: 66.666667%; }
    .guide .offset-md-9 {
      margin-left: 75%; }
    .guide .offset-md-10 {
      margin-left: 83.333333%; }
    .guide .offset-md-11 {
      margin-left: 91.666667%; } }
  @media (min-width: 992px) {
    .guide .col-lg {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .guide .row-cols-lg-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .guide .row-cols-lg-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .guide .row-cols-lg-3 > * {
      flex: 0 0 33.333333%;
      max-width: 33.333333%; }
    .guide .row-cols-lg-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .guide .row-cols-lg-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .guide .row-cols-lg-6 > * {
      flex: 0 0 16.666667%;
      max-width: 16.666667%; }
    .guide .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .guide .col-lg-1 {
      flex: 0 0 8.333333%;
      max-width: 8.333333%; }
    .guide .col-lg-2 {
      flex: 0 0 16.666667%;
      max-width: 16.666667%; }
    .guide .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .guide .col-lg-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%; }
    .guide .col-lg-5 {
      flex: 0 0 41.666667%;
      max-width: 41.666667%; }
    .guide .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .guide .col-lg-7 {
      flex: 0 0 58.333333%;
      max-width: 58.333333%; }
    .guide .col-lg-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%; }
    .guide .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .guide .col-lg-10 {
      flex: 0 0 83.333333%;
      max-width: 83.333333%; }
    .guide .col-lg-11 {
      flex: 0 0 91.666667%;
      max-width: 91.666667%; }
    .guide .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .guide .offset-lg-0 {
      margin-left: 0; }
    .guide .offset-lg-1 {
      margin-left: 8.333333%; }
    .guide .offset-lg-2 {
      margin-left: 16.666667%; }
    .guide .offset-lg-3 {
      margin-left: 25%; }
    .guide .offset-lg-4 {
      margin-left: 33.333333%; }
    .guide .offset-lg-5 {
      margin-left: 41.666667%; }
    .guide .offset-lg-6 {
      margin-left: 50%; }
    .guide .offset-lg-7 {
      margin-left: 58.333333%; }
    .guide .offset-lg-8 {
      margin-left: 66.666667%; }
    .guide .offset-lg-9 {
      margin-left: 75%; }
    .guide .offset-lg-10 {
      margin-left: 83.333333%; }
    .guide .offset-lg-11 {
      margin-left: 91.666667%; } }
  @media (min-width: 1200px) {
    .guide .col-xl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .guide .row-cols-xl-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .guide .row-cols-xl-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .guide .row-cols-xl-3 > * {
      flex: 0 0 33.333333%;
      max-width: 33.333333%; }
    .guide .row-cols-xl-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .guide .row-cols-xl-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .guide .row-cols-xl-6 > * {
      flex: 0 0 16.666667%;
      max-width: 16.666667%; }
    .guide .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .guide .col-xl-1 {
      flex: 0 0 8.333333%;
      max-width: 8.333333%; }
    .guide .col-xl-2 {
      flex: 0 0 16.666667%;
      max-width: 16.666667%; }
    .guide .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .guide .col-xl-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%; }
    .guide .col-xl-5 {
      flex: 0 0 41.666667%;
      max-width: 41.666667%; }
    .guide .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .guide .col-xl-7 {
      flex: 0 0 58.333333%;
      max-width: 58.333333%; }
    .guide .col-xl-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%; }
    .guide .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .guide .col-xl-10 {
      flex: 0 0 83.333333%;
      max-width: 83.333333%; }
    .guide .col-xl-11 {
      flex: 0 0 91.666667%;
      max-width: 91.666667%; }
    .guide .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .guide .offset-xl-0 {
      margin-left: 0; }
    .guide .offset-xl-1 {
      margin-left: 8.333333%; }
    .guide .offset-xl-2 {
      margin-left: 16.666667%; }
    .guide .offset-xl-3 {
      margin-left: 25%; }
    .guide .offset-xl-4 {
      margin-left: 33.333333%; }
    .guide .offset-xl-5 {
      margin-left: 41.666667%; }
    .guide .offset-xl-6 {
      margin-left: 50%; }
    .guide .offset-xl-7 {
      margin-left: 58.333333%; }
    .guide .offset-xl-8 {
      margin-left: 66.666667%; }
    .guide .offset-xl-9 {
      margin-left: 75%; }
    .guide .offset-xl-10 {
      margin-left: 83.333333%; }
    .guide .offset-xl-11 {
      margin-left: 91.666667%; } }
  .guide .d-none {
    display: none !important; }
  .guide .d-inline {
    display: inline !important; }
  .guide .d-inline-block {
    display: inline-block !important; }
  .guide .d-block {
    display: block !important; }
  .guide .d-table {
    display: table !important; }
  .guide .d-table-row {
    display: table-row !important; }
  .guide .d-table-cell {
    display: table-cell !important; }
  .guide .d-flex {
    display: flex !important; }
  .guide .d-inline-flex {
    display: inline-flex !important; }
  .guide .flex-fill {
    flex: 1 1 auto !important; }
  .guide .flex-row {
    flex-direction: row !important; }
  .guide .flex-column {
    flex-direction: column !important; }
  .guide .flex-row-reverse {
    flex-direction: row-reverse !important; }
  .guide .flex-column-reverse {
    flex-direction: column-reverse !important; }
  .guide .flex-grow-0 {
    flex-grow: 0 !important; }
  .guide .flex-grow-1 {
    flex-grow: 1 !important; }
  .guide .justify-content-start {
    justify-content: flex-start !important; }
  .guide .justify-content-end {
    justify-content: flex-end !important; }
  .guide .justify-content-center {
    justify-content: center !important; }
  .guide .justify-content-between {
    justify-content: space-between !important; }
  .guide .justify-content-around {
    justify-content: space-around !important; }
  .guide .align-items-start {
    align-items: flex-start !important; }
  .guide .align-items-end {
    align-items: flex-end !important; }
  .guide .align-items-center {
    align-items: center !important; }
  .guide .align-items-baseline {
    align-items: baseline !important; }
  .guide .align-items-stretch {
    align-items: stretch !important; }
  .guide .align-content-start {
    align-content: flex-start !important; }
  .guide .align-content-end {
    align-content: flex-end !important; }
  .guide .align-content-center {
    align-content: center !important; }
  .guide .align-content-between {
    align-content: space-between !important; }
  .guide .align-content-around {
    align-content: space-around !important; }
  .guide .align-content-stretch {
    align-content: stretch !important; }
  .guide .align-self-auto {
    align-self: auto !important; }
  .guide .align-self-start {
    align-self: flex-start !important; }
  .guide .align-self-end {
    align-self: flex-end !important; }
  .guide .align-self-center {
    align-self: center !important; }
  .guide .align-self-baseline {
    align-self: baseline !important; }
  .guide .align-self-stretch {
    align-self: stretch !important; }
  .guide .order-first {
    order: -1 !important; }
  .guide .order-0 {
    order: 0 !important; }
  .guide .order-1 {
    order: 1 !important; }
  .guide .order-2 {
    order: 2 !important; }
  .guide .order-3 {
    order: 3 !important; }
  .guide .order-4 {
    order: 4 !important; }
  .guide .order-5 {
    order: 5 !important; }
  .guide .order-last {
    order: 6 !important; }
  .guide .m-0 {
    margin: 0 !important; }
  .guide .m-1 {
    margin: 0.25rem !important; }
  .guide .m-2 {
    margin: 0.5rem !important; }
  .guide .m-3 {
    margin: 1rem !important; }
  .guide .m-4 {
    margin: 1.5rem !important; }
  .guide .m-5 {
    margin: 3rem !important; }
  .guide .m-auto {
    margin: auto !important; }
  .guide .mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .guide .mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .guide .mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .guide .mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .guide .mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .guide .mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .guide .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .guide .my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .guide .my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .guide .my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .guide .my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .guide .my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .guide .my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .guide .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .guide .mt-0 {
    margin-top: 0 !important; }
  .guide .mt-1 {
    margin-top: 0.25rem !important; }
  .guide .mt-2 {
    margin-top: 0.5rem !important; }
  .guide .mt-3 {
    margin-top: 1rem !important; }
  .guide .mt-4 {
    margin-top: 1.5rem !important; }
  .guide .mt-5 {
    margin-top: 3rem !important; }
  .guide .mt-auto {
    margin-top: auto !important; }
  .guide .mr-0 {
    margin-right: 0 !important; }
  .guide .mr-1 {
    margin-right: 0.25rem !important; }
  .guide .mr-2 {
    margin-right: 0.5rem !important; }
  .guide .mr-3 {
    margin-right: 1rem !important; }
  .guide .mr-4 {
    margin-right: 1.5rem !important; }
  .guide .mr-5 {
    margin-right: 3rem !important; }
  .guide .mr-auto {
    margin-right: auto !important; }
  .guide .mb-0 {
    margin-bottom: 0 !important; }
  .guide .mb-1 {
    margin-bottom: 0.25rem !important; }
  .guide .mb-2 {
    margin-bottom: 0.5rem !important; }
  .guide .mb-3 {
    margin-bottom: 1rem !important; }
  .guide .mb-4 {
    margin-bottom: 1.5rem !important; }
  .guide .mb-5 {
    margin-bottom: 3rem !important; }
  .guide .mb-auto {
    margin-bottom: auto !important; }
  .guide .ml-0 {
    margin-left: 0 !important; }
  .guide .ml-1 {
    margin-left: 0.25rem !important; }
  .guide .ml-2 {
    margin-left: 0.5rem !important; }
  .guide .ml-3 {
    margin-left: 1rem !important; }
  .guide .ml-4 {
    margin-left: 1.5rem !important; }
  .guide .ml-5 {
    margin-left: 3rem !important; }
  .guide .ml-auto {
    margin-left: auto !important; }
  .guide .m-n1 {
    margin: -0.25rem !important; }
  .guide .m-n2 {
    margin: -0.5rem !important; }
  .guide .m-n3 {
    margin: -1rem !important; }
  .guide .m-n4 {
    margin: -1.5rem !important; }
  .guide .m-n5 {
    margin: -3rem !important; }
  .guide .mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important; }
  .guide .mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important; }
  .guide .mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important; }
  .guide .mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important; }
  .guide .mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important; }
  .guide .my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .guide .my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .guide .my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .guide .my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important; }
  .guide .my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important; }
  .guide .mt-n1 {
    margin-top: -0.25rem !important; }
  .guide .mt-n2 {
    margin-top: -0.5rem !important; }
  .guide .mt-n3 {
    margin-top: -1rem !important; }
  .guide .mt-n4 {
    margin-top: -1.5rem !important; }
  .guide .mt-n5 {
    margin-top: -3rem !important; }
  .guide .mr-n1 {
    margin-right: -0.25rem !important; }
  .guide .mr-n2 {
    margin-right: -0.5rem !important; }
  .guide .mr-n3 {
    margin-right: -1rem !important; }
  .guide .mr-n4 {
    margin-right: -1.5rem !important; }
  .guide .mr-n5 {
    margin-right: -3rem !important; }
  .guide .mb-n1 {
    margin-bottom: -0.25rem !important; }
  .guide .mb-n2 {
    margin-bottom: -0.5rem !important; }
  .guide .mb-n3 {
    margin-bottom: -1rem !important; }
  .guide .mb-n4 {
    margin-bottom: -1.5rem !important; }
  .guide .mb-n5 {
    margin-bottom: -3rem !important; }
  .guide .ml-n1 {
    margin-left: -0.25rem !important; }
  .guide .ml-n2 {
    margin-left: -0.5rem !important; }
  .guide .ml-n3 {
    margin-left: -1rem !important; }
  .guide .ml-n4 {
    margin-left: -1.5rem !important; }
  .guide .ml-n5 {
    margin-left: -3rem !important; }
  .guide .p-0 {
    padding: 0 !important; }
  .guide .p-1 {
    padding: 0.25rem !important; }
  .guide .p-2 {
    padding: 0.5rem !important; }
  .guide .p-3 {
    padding: 1rem !important; }
  .guide .p-4 {
    padding: 1.5rem !important; }
  .guide .p-5 {
    padding: 3rem !important; }
  .guide .px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .guide .px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .guide .px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .guide .px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .guide .px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .guide .px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .guide .py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .guide .py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .guide .py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .guide .py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .guide .py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .guide .py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .guide .pt-0 {
    padding-top: 0 !important; }
  .guide .pt-1 {
    padding-top: 0.25rem !important; }
  .guide .pt-2 {
    padding-top: 0.5rem !important; }
  .guide .pt-3 {
    padding-top: 1rem !important; }
  .guide .pt-4 {
    padding-top: 1.5rem !important; }
  .guide .pt-5 {
    padding-top: 3rem !important; }
  .guide .pr-0 {
    padding-right: 0 !important; }
  .guide .pr-1 {
    padding-right: 0.25rem !important; }
  .guide .pr-2 {
    padding-right: 0.5rem !important; }
  .guide .pr-3 {
    padding-right: 1rem !important; }
  .guide .pr-4 {
    padding-right: 1.5rem !important; }
  .guide .pr-5 {
    padding-right: 3rem !important; }
  .guide .pb-0 {
    padding-bottom: 0 !important; }
  .guide .pb-1 {
    padding-bottom: 0.25rem !important; }
  .guide .pb-2 {
    padding-bottom: 0.5rem !important; }
  .guide .pb-3 {
    padding-bottom: 1rem !important; }
  .guide .pb-4 {
    padding-bottom: 1.5rem !important; }
  .guide .pb-5 {
    padding-bottom: 3rem !important; }
  .guide .pl-0 {
    padding-left: 0 !important; }
  .guide .pl-1 {
    padding-left: 0.25rem !important; }
  .guide .pl-2 {
    padding-left: 0.5rem !important; }
  .guide .pl-3 {
    padding-left: 1rem !important; }
  .guide .pl-4 {
    padding-left: 1.5rem !important; }
  .guide .pl-5 {
    padding-left: 3rem !important; }
  @media (min-width: 576px) {
    .guide .d-sm-none {
      display: none !important; }
    .guide .d-sm-inline {
      display: inline !important; }
    .guide .d-sm-inline-block {
      display: inline-block !important; }
    .guide .d-sm-block {
      display: block !important; }
    .guide .d-sm-table {
      display: table !important; }
    .guide .d-sm-table-row {
      display: table-row !important; }
    .guide .d-sm-table-cell {
      display: table-cell !important; }
    .guide .d-sm-flex {
      display: flex !important; }
    .guide .d-sm-inline-flex {
      display: inline-flex !important; }
    .guide .flex-sm-fill {
      flex: 1 1 auto !important; }
    .guide .flex-sm-row {
      flex-direction: row !important; }
    .guide .flex-sm-column {
      flex-direction: column !important; }
    .guide .flex-sm-row-reverse {
      flex-direction: row-reverse !important; }
    .guide .flex-sm-column-reverse {
      flex-direction: column-reverse !important; }
    .guide .flex-sm-grow-0 {
      flex-grow: 0 !important; }
    .guide .flex-sm-grow-1 {
      flex-grow: 1 !important; }
    .guide .justify-content-sm-start {
      justify-content: flex-start !important; }
    .guide .justify-content-sm-end {
      justify-content: flex-end !important; }
    .guide .justify-content-sm-center {
      justify-content: center !important; }
    .guide .justify-content-sm-between {
      justify-content: space-between !important; }
    .guide .justify-content-sm-around {
      justify-content: space-around !important; }
    .guide .align-items-sm-start {
      align-items: flex-start !important; }
    .guide .align-items-sm-end {
      align-items: flex-end !important; }
    .guide .align-items-sm-center {
      align-items: center !important; }
    .guide .align-items-sm-baseline {
      align-items: baseline !important; }
    .guide .align-items-sm-stretch {
      align-items: stretch !important; }
    .guide .align-content-sm-start {
      align-content: flex-start !important; }
    .guide .align-content-sm-end {
      align-content: flex-end !important; }
    .guide .align-content-sm-center {
      align-content: center !important; }
    .guide .align-content-sm-between {
      align-content: space-between !important; }
    .guide .align-content-sm-around {
      align-content: space-around !important; }
    .guide .align-content-sm-stretch {
      align-content: stretch !important; }
    .guide .align-self-sm-auto {
      align-self: auto !important; }
    .guide .align-self-sm-start {
      align-self: flex-start !important; }
    .guide .align-self-sm-end {
      align-self: flex-end !important; }
    .guide .align-self-sm-center {
      align-self: center !important; }
    .guide .align-self-sm-baseline {
      align-self: baseline !important; }
    .guide .align-self-sm-stretch {
      align-self: stretch !important; }
    .guide .order-sm-first {
      order: -1 !important; }
    .guide .order-sm-0 {
      order: 0 !important; }
    .guide .order-sm-1 {
      order: 1 !important; }
    .guide .order-sm-2 {
      order: 2 !important; }
    .guide .order-sm-3 {
      order: 3 !important; }
    .guide .order-sm-4 {
      order: 4 !important; }
    .guide .order-sm-5 {
      order: 5 !important; }
    .guide .order-sm-last {
      order: 6 !important; }
    .guide .m-sm-0 {
      margin: 0 !important; }
    .guide .m-sm-1 {
      margin: 0.25rem !important; }
    .guide .m-sm-2 {
      margin: 0.5rem !important; }
    .guide .m-sm-3 {
      margin: 1rem !important; }
    .guide .m-sm-4 {
      margin: 1.5rem !important; }
    .guide .m-sm-5 {
      margin: 3rem !important; }
    .guide .m-sm-auto {
      margin: auto !important; }
    .guide .mx-sm-0 {
      margin-right: 0 !important;
      margin-left: 0 !important; }
    .guide .mx-sm-1 {
      margin-right: 0.25rem !important;
      margin-left: 0.25rem !important; }
    .guide .mx-sm-2 {
      margin-right: 0.5rem !important;
      margin-left: 0.5rem !important; }
    .guide .mx-sm-3 {
      margin-right: 1rem !important;
      margin-left: 1rem !important; }
    .guide .mx-sm-4 {
      margin-right: 1.5rem !important;
      margin-left: 1.5rem !important; }
    .guide .mx-sm-5 {
      margin-right: 3rem !important;
      margin-left: 3rem !important; }
    .guide .mx-sm-auto {
      margin-right: auto !important;
      margin-left: auto !important; }
    .guide .my-sm-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    .guide .my-sm-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important; }
    .guide .my-sm-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important; }
    .guide .my-sm-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important; }
    .guide .my-sm-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important; }
    .guide .my-sm-5 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important; }
    .guide .my-sm-auto {
      margin-top: auto !important;
      margin-bottom: auto !important; }
    .guide .mt-sm-0 {
      margin-top: 0 !important; }
    .guide .mt-sm-1 {
      margin-top: 0.25rem !important; }
    .guide .mt-sm-2 {
      margin-top: 0.5rem !important; }
    .guide .mt-sm-3 {
      margin-top: 1rem !important; }
    .guide .mt-sm-4 {
      margin-top: 1.5rem !important; }
    .guide .mt-sm-5 {
      margin-top: 3rem !important; }
    .guide .mt-sm-auto {
      margin-top: auto !important; }
    .guide .mr-sm-0 {
      margin-right: 0 !important; }
    .guide .mr-sm-1 {
      margin-right: 0.25rem !important; }
    .guide .mr-sm-2 {
      margin-right: 0.5rem !important; }
    .guide .mr-sm-3 {
      margin-right: 1rem !important; }
    .guide .mr-sm-4 {
      margin-right: 1.5rem !important; }
    .guide .mr-sm-5 {
      margin-right: 3rem !important; }
    .guide .mr-sm-auto {
      margin-right: auto !important; }
    .guide .mb-sm-0 {
      margin-bottom: 0 !important; }
    .guide .mb-sm-1 {
      margin-bottom: 0.25rem !important; }
    .guide .mb-sm-2 {
      margin-bottom: 0.5rem !important; }
    .guide .mb-sm-3 {
      margin-bottom: 1rem !important; }
    .guide .mb-sm-4 {
      margin-bottom: 1.5rem !important; }
    .guide .mb-sm-5 {
      margin-bottom: 3rem !important; }
    .guide .mb-sm-auto {
      margin-bottom: auto !important; }
    .guide .ml-sm-0 {
      margin-left: 0 !important; }
    .guide .ml-sm-1 {
      margin-left: 0.25rem !important; }
    .guide .ml-sm-2 {
      margin-left: 0.5rem !important; }
    .guide .ml-sm-3 {
      margin-left: 1rem !important; }
    .guide .ml-sm-4 {
      margin-left: 1.5rem !important; }
    .guide .ml-sm-5 {
      margin-left: 3rem !important; }
    .guide .ml-sm-auto {
      margin-left: auto !important; }
    .guide .m-sm-n1 {
      margin: -0.25rem !important; }
    .guide .m-sm-n2 {
      margin: -0.5rem !important; }
    .guide .m-sm-n3 {
      margin: -1rem !important; }
    .guide .m-sm-n4 {
      margin: -1.5rem !important; }
    .guide .m-sm-n5 {
      margin: -3rem !important; }
    .guide .mx-sm-n1 {
      margin-right: -0.25rem !important;
      margin-left: -0.25rem !important; }
    .guide .mx-sm-n2 {
      margin-right: -0.5rem !important;
      margin-left: -0.5rem !important; }
    .guide .mx-sm-n3 {
      margin-right: -1rem !important;
      margin-left: -1rem !important; }
    .guide .mx-sm-n4 {
      margin-right: -1.5rem !important;
      margin-left: -1.5rem !important; }
    .guide .mx-sm-n5 {
      margin-right: -3rem !important;
      margin-left: -3rem !important; }
    .guide .my-sm-n1 {
      margin-top: -0.25rem !important;
      margin-bottom: -0.25rem !important; }
    .guide .my-sm-n2 {
      margin-top: -0.5rem !important;
      margin-bottom: -0.5rem !important; }
    .guide .my-sm-n3 {
      margin-top: -1rem !important;
      margin-bottom: -1rem !important; }
    .guide .my-sm-n4 {
      margin-top: -1.5rem !important;
      margin-bottom: -1.5rem !important; }
    .guide .my-sm-n5 {
      margin-top: -3rem !important;
      margin-bottom: -3rem !important; }
    .guide .mt-sm-n1 {
      margin-top: -0.25rem !important; }
    .guide .mt-sm-n2 {
      margin-top: -0.5rem !important; }
    .guide .mt-sm-n3 {
      margin-top: -1rem !important; }
    .guide .mt-sm-n4 {
      margin-top: -1.5rem !important; }
    .guide .mt-sm-n5 {
      margin-top: -3rem !important; }
    .guide .mr-sm-n1 {
      margin-right: -0.25rem !important; }
    .guide .mr-sm-n2 {
      margin-right: -0.5rem !important; }
    .guide .mr-sm-n3 {
      margin-right: -1rem !important; }
    .guide .mr-sm-n4 {
      margin-right: -1.5rem !important; }
    .guide .mr-sm-n5 {
      margin-right: -3rem !important; }
    .guide .mb-sm-n1 {
      margin-bottom: -0.25rem !important; }
    .guide .mb-sm-n2 {
      margin-bottom: -0.5rem !important; }
    .guide .mb-sm-n3 {
      margin-bottom: -1rem !important; }
    .guide .mb-sm-n4 {
      margin-bottom: -1.5rem !important; }
    .guide .mb-sm-n5 {
      margin-bottom: -3rem !important; }
    .guide .ml-sm-n1 {
      margin-left: -0.25rem !important; }
    .guide .ml-sm-n2 {
      margin-left: -0.5rem !important; }
    .guide .ml-sm-n3 {
      margin-left: -1rem !important; }
    .guide .ml-sm-n4 {
      margin-left: -1.5rem !important; }
    .guide .ml-sm-n5 {
      margin-left: -3rem !important; }
    .guide .p-sm-0 {
      padding: 0 !important; }
    .guide .p-sm-1 {
      padding: 0.25rem !important; }
    .guide .p-sm-2 {
      padding: 0.5rem !important; }
    .guide .p-sm-3 {
      padding: 1rem !important; }
    .guide .p-sm-4 {
      padding: 1.5rem !important; }
    .guide .p-sm-5 {
      padding: 3rem !important; }
    .guide .px-sm-0 {
      padding-right: 0 !important;
      padding-left: 0 !important; }
    .guide .px-sm-1 {
      padding-right: 0.25rem !important;
      padding-left: 0.25rem !important; }
    .guide .px-sm-2 {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important; }
    .guide .px-sm-3 {
      padding-right: 1rem !important;
      padding-left: 1rem !important; }
    .guide .px-sm-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important; }
    .guide .px-sm-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important; }
    .guide .py-sm-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
    .guide .py-sm-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important; }
    .guide .py-sm-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important; }
    .guide .py-sm-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important; }
    .guide .py-sm-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important; }
    .guide .py-sm-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important; }
    .guide .pt-sm-0 {
      padding-top: 0 !important; }
    .guide .pt-sm-1 {
      padding-top: 0.25rem !important; }
    .guide .pt-sm-2 {
      padding-top: 0.5rem !important; }
    .guide .pt-sm-3 {
      padding-top: 1rem !important; }
    .guide .pt-sm-4 {
      padding-top: 1.5rem !important; }
    .guide .pt-sm-5 {
      padding-top: 3rem !important; }
    .guide .pr-sm-0 {
      padding-right: 0 !important; }
    .guide .pr-sm-1 {
      padding-right: 0.25rem !important; }
    .guide .pr-sm-2 {
      padding-right: 0.5rem !important; }
    .guide .pr-sm-3 {
      padding-right: 1rem !important; }
    .guide .pr-sm-4 {
      padding-right: 1.5rem !important; }
    .guide .pr-sm-5 {
      padding-right: 3rem !important; }
    .guide .pb-sm-0 {
      padding-bottom: 0 !important; }
    .guide .pb-sm-1 {
      padding-bottom: 0.25rem !important; }
    .guide .pb-sm-2 {
      padding-bottom: 0.5rem !important; }
    .guide .pb-sm-3 {
      padding-bottom: 1rem !important; }
    .guide .pb-sm-4 {
      padding-bottom: 1.5rem !important; }
    .guide .pb-sm-5 {
      padding-bottom: 3rem !important; }
    .guide .pl-sm-0 {
      padding-left: 0 !important; }
    .guide .pl-sm-1 {
      padding-left: 0.25rem !important; }
    .guide .pl-sm-2 {
      padding-left: 0.5rem !important; }
    .guide .pl-sm-3 {
      padding-left: 1rem !important; }
    .guide .pl-sm-4 {
      padding-left: 1.5rem !important; }
    .guide .pl-sm-5 {
      padding-left: 3rem !important; } }
  @media (min-width: 768px) {
    .guide .d-md-none {
      display: none !important; }
    .guide .d-md-inline {
      display: inline !important; }
    .guide .d-md-inline-block {
      display: inline-block !important; }
    .guide .d-md-block {
      display: block !important; }
    .guide .d-md-table {
      display: table !important; }
    .guide .d-md-table-row {
      display: table-row !important; }
    .guide .d-md-table-cell {
      display: table-cell !important; }
    .guide .d-md-flex {
      display: flex !important; }
    .guide .d-md-inline-flex {
      display: inline-flex !important; }
    .guide .flex-md-fill {
      flex: 1 1 auto !important; }
    .guide .flex-md-row {
      flex-direction: row !important; }
    .guide .flex-md-column {
      flex-direction: column !important; }
    .guide .flex-md-row-reverse {
      flex-direction: row-reverse !important; }
    .guide .flex-md-column-reverse {
      flex-direction: column-reverse !important; }
    .guide .flex-md-grow-0 {
      flex-grow: 0 !important; }
    .guide .flex-md-grow-1 {
      flex-grow: 1 !important; }
    .guide .justify-content-md-start {
      justify-content: flex-start !important; }
    .guide .justify-content-md-end {
      justify-content: flex-end !important; }
    .guide .justify-content-md-center {
      justify-content: center !important; }
    .guide .justify-content-md-between {
      justify-content: space-between !important; }
    .guide .justify-content-md-around {
      justify-content: space-around !important; }
    .guide .align-items-md-start {
      align-items: flex-start !important; }
    .guide .align-items-md-end {
      align-items: flex-end !important; }
    .guide .align-items-md-center {
      align-items: center !important; }
    .guide .align-items-md-baseline {
      align-items: baseline !important; }
    .guide .align-items-md-stretch {
      align-items: stretch !important; }
    .guide .align-content-md-start {
      align-content: flex-start !important; }
    .guide .align-content-md-end {
      align-content: flex-end !important; }
    .guide .align-content-md-center {
      align-content: center !important; }
    .guide .align-content-md-between {
      align-content: space-between !important; }
    .guide .align-content-md-around {
      align-content: space-around !important; }
    .guide .align-content-md-stretch {
      align-content: stretch !important; }
    .guide .align-self-md-auto {
      align-self: auto !important; }
    .guide .align-self-md-start {
      align-self: flex-start !important; }
    .guide .align-self-md-end {
      align-self: flex-end !important; }
    .guide .align-self-md-center {
      align-self: center !important; }
    .guide .align-self-md-baseline {
      align-self: baseline !important; }
    .guide .align-self-md-stretch {
      align-self: stretch !important; }
    .guide .order-md-first {
      order: -1 !important; }
    .guide .order-md-0 {
      order: 0 !important; }
    .guide .order-md-1 {
      order: 1 !important; }
    .guide .order-md-2 {
      order: 2 !important; }
    .guide .order-md-3 {
      order: 3 !important; }
    .guide .order-md-4 {
      order: 4 !important; }
    .guide .order-md-5 {
      order: 5 !important; }
    .guide .order-md-last {
      order: 6 !important; }
    .guide .m-md-0 {
      margin: 0 !important; }
    .guide .m-md-1 {
      margin: 0.25rem !important; }
    .guide .m-md-2 {
      margin: 0.5rem !important; }
    .guide .m-md-3 {
      margin: 1rem !important; }
    .guide .m-md-4 {
      margin: 1.5rem !important; }
    .guide .m-md-5 {
      margin: 3rem !important; }
    .guide .m-md-auto {
      margin: auto !important; }
    .guide .mx-md-0 {
      margin-right: 0 !important;
      margin-left: 0 !important; }
    .guide .mx-md-1 {
      margin-right: 0.25rem !important;
      margin-left: 0.25rem !important; }
    .guide .mx-md-2 {
      margin-right: 0.5rem !important;
      margin-left: 0.5rem !important; }
    .guide .mx-md-3 {
      margin-right: 1rem !important;
      margin-left: 1rem !important; }
    .guide .mx-md-4 {
      margin-right: 1.5rem !important;
      margin-left: 1.5rem !important; }
    .guide .mx-md-5 {
      margin-right: 3rem !important;
      margin-left: 3rem !important; }
    .guide .mx-md-auto {
      margin-right: auto !important;
      margin-left: auto !important; }
    .guide .my-md-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    .guide .my-md-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important; }
    .guide .my-md-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important; }
    .guide .my-md-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important; }
    .guide .my-md-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important; }
    .guide .my-md-5 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important; }
    .guide .my-md-auto {
      margin-top: auto !important;
      margin-bottom: auto !important; }
    .guide .mt-md-0 {
      margin-top: 0 !important; }
    .guide .mt-md-1 {
      margin-top: 0.25rem !important; }
    .guide .mt-md-2 {
      margin-top: 0.5rem !important; }
    .guide .mt-md-3 {
      margin-top: 1rem !important; }
    .guide .mt-md-4 {
      margin-top: 1.5rem !important; }
    .guide .mt-md-5 {
      margin-top: 3rem !important; }
    .guide .mt-md-auto {
      margin-top: auto !important; }
    .guide .mr-md-0 {
      margin-right: 0 !important; }
    .guide .mr-md-1 {
      margin-right: 0.25rem !important; }
    .guide .mr-md-2 {
      margin-right: 0.5rem !important; }
    .guide .mr-md-3 {
      margin-right: 1rem !important; }
    .guide .mr-md-4 {
      margin-right: 1.5rem !important; }
    .guide .mr-md-5 {
      margin-right: 3rem !important; }
    .guide .mr-md-auto {
      margin-right: auto !important; }
    .guide .mb-md-0 {
      margin-bottom: 0 !important; }
    .guide .mb-md-1 {
      margin-bottom: 0.25rem !important; }
    .guide .mb-md-2 {
      margin-bottom: 0.5rem !important; }
    .guide .mb-md-3 {
      margin-bottom: 1rem !important; }
    .guide .mb-md-4 {
      margin-bottom: 1.5rem !important; }
    .guide .mb-md-5 {
      margin-bottom: 3rem !important; }
    .guide .mb-md-auto {
      margin-bottom: auto !important; }
    .guide .ml-md-0 {
      margin-left: 0 !important; }
    .guide .ml-md-1 {
      margin-left: 0.25rem !important; }
    .guide .ml-md-2 {
      margin-left: 0.5rem !important; }
    .guide .ml-md-3 {
      margin-left: 1rem !important; }
    .guide .ml-md-4 {
      margin-left: 1.5rem !important; }
    .guide .ml-md-5 {
      margin-left: 3rem !important; }
    .guide .ml-md-auto {
      margin-left: auto !important; }
    .guide .m-md-n1 {
      margin: -0.25rem !important; }
    .guide .m-md-n2 {
      margin: -0.5rem !important; }
    .guide .m-md-n3 {
      margin: -1rem !important; }
    .guide .m-md-n4 {
      margin: -1.5rem !important; }
    .guide .m-md-n5 {
      margin: -3rem !important; }
    .guide .mx-md-n1 {
      margin-right: -0.25rem !important;
      margin-left: -0.25rem !important; }
    .guide .mx-md-n2 {
      margin-right: -0.5rem !important;
      margin-left: -0.5rem !important; }
    .guide .mx-md-n3 {
      margin-right: -1rem !important;
      margin-left: -1rem !important; }
    .guide .mx-md-n4 {
      margin-right: -1.5rem !important;
      margin-left: -1.5rem !important; }
    .guide .mx-md-n5 {
      margin-right: -3rem !important;
      margin-left: -3rem !important; }
    .guide .my-md-n1 {
      margin-top: -0.25rem !important;
      margin-bottom: -0.25rem !important; }
    .guide .my-md-n2 {
      margin-top: -0.5rem !important;
      margin-bottom: -0.5rem !important; }
    .guide .my-md-n3 {
      margin-top: -1rem !important;
      margin-bottom: -1rem !important; }
    .guide .my-md-n4 {
      margin-top: -1.5rem !important;
      margin-bottom: -1.5rem !important; }
    .guide .my-md-n5 {
      margin-top: -3rem !important;
      margin-bottom: -3rem !important; }
    .guide .mt-md-n1 {
      margin-top: -0.25rem !important; }
    .guide .mt-md-n2 {
      margin-top: -0.5rem !important; }
    .guide .mt-md-n3 {
      margin-top: -1rem !important; }
    .guide .mt-md-n4 {
      margin-top: -1.5rem !important; }
    .guide .mt-md-n5 {
      margin-top: -3rem !important; }
    .guide .mr-md-n1 {
      margin-right: -0.25rem !important; }
    .guide .mr-md-n2 {
      margin-right: -0.5rem !important; }
    .guide .mr-md-n3 {
      margin-right: -1rem !important; }
    .guide .mr-md-n4 {
      margin-right: -1.5rem !important; }
    .guide .mr-md-n5 {
      margin-right: -3rem !important; }
    .guide .mb-md-n1 {
      margin-bottom: -0.25rem !important; }
    .guide .mb-md-n2 {
      margin-bottom: -0.5rem !important; }
    .guide .mb-md-n3 {
      margin-bottom: -1rem !important; }
    .guide .mb-md-n4 {
      margin-bottom: -1.5rem !important; }
    .guide .mb-md-n5 {
      margin-bottom: -3rem !important; }
    .guide .ml-md-n1 {
      margin-left: -0.25rem !important; }
    .guide .ml-md-n2 {
      margin-left: -0.5rem !important; }
    .guide .ml-md-n3 {
      margin-left: -1rem !important; }
    .guide .ml-md-n4 {
      margin-left: -1.5rem !important; }
    .guide .ml-md-n5 {
      margin-left: -3rem !important; }
    .guide .p-md-0 {
      padding: 0 !important; }
    .guide .p-md-1 {
      padding: 0.25rem !important; }
    .guide .p-md-2 {
      padding: 0.5rem !important; }
    .guide .p-md-3 {
      padding: 1rem !important; }
    .guide .p-md-4 {
      padding: 1.5rem !important; }
    .guide .p-md-5 {
      padding: 3rem !important; }
    .guide .px-md-0 {
      padding-right: 0 !important;
      padding-left: 0 !important; }
    .guide .px-md-1 {
      padding-right: 0.25rem !important;
      padding-left: 0.25rem !important; }
    .guide .px-md-2 {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important; }
    .guide .px-md-3 {
      padding-right: 1rem !important;
      padding-left: 1rem !important; }
    .guide .px-md-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important; }
    .guide .px-md-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important; }
    .guide .py-md-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
    .guide .py-md-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important; }
    .guide .py-md-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important; }
    .guide .py-md-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important; }
    .guide .py-md-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important; }
    .guide .py-md-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important; }
    .guide .pt-md-0 {
      padding-top: 0 !important; }
    .guide .pt-md-1 {
      padding-top: 0.25rem !important; }
    .guide .pt-md-2 {
      padding-top: 0.5rem !important; }
    .guide .pt-md-3 {
      padding-top: 1rem !important; }
    .guide .pt-md-4 {
      padding-top: 1.5rem !important; }
    .guide .pt-md-5 {
      padding-top: 3rem !important; }
    .guide .pr-md-0 {
      padding-right: 0 !important; }
    .guide .pr-md-1 {
      padding-right: 0.25rem !important; }
    .guide .pr-md-2 {
      padding-right: 0.5rem !important; }
    .guide .pr-md-3 {
      padding-right: 1rem !important; }
    .guide .pr-md-4 {
      padding-right: 1.5rem !important; }
    .guide .pr-md-5 {
      padding-right: 3rem !important; }
    .guide .pb-md-0 {
      padding-bottom: 0 !important; }
    .guide .pb-md-1 {
      padding-bottom: 0.25rem !important; }
    .guide .pb-md-2 {
      padding-bottom: 0.5rem !important; }
    .guide .pb-md-3 {
      padding-bottom: 1rem !important; }
    .guide .pb-md-4 {
      padding-bottom: 1.5rem !important; }
    .guide .pb-md-5 {
      padding-bottom: 3rem !important; }
    .guide .pl-md-0 {
      padding-left: 0 !important; }
    .guide .pl-md-1 {
      padding-left: 0.25rem !important; }
    .guide .pl-md-2 {
      padding-left: 0.5rem !important; }
    .guide .pl-md-3 {
      padding-left: 1rem !important; }
    .guide .pl-md-4 {
      padding-left: 1.5rem !important; }
    .guide .pl-md-5 {
      padding-left: 3rem !important; } }
  @media (min-width: 992px) {
    .guide .d-lg-none {
      display: none !important; }
    .guide .d-lg-inline {
      display: inline !important; }
    .guide .d-lg-inline-block {
      display: inline-block !important; }
    .guide .d-lg-block {
      display: block !important; }
    .guide .d-lg-table {
      display: table !important; }
    .guide .d-lg-table-row {
      display: table-row !important; }
    .guide .d-lg-table-cell {
      display: table-cell !important; }
    .guide .d-lg-flex {
      display: flex !important; }
    .guide .d-lg-inline-flex {
      display: inline-flex !important; }
    .guide .flex-lg-fill {
      flex: 1 1 auto !important; }
    .guide .flex-lg-row {
      flex-direction: row !important; }
    .guide .flex-lg-column {
      flex-direction: column !important; }
    .guide .flex-lg-row-reverse {
      flex-direction: row-reverse !important; }
    .guide .flex-lg-column-reverse {
      flex-direction: column-reverse !important; }
    .guide .flex-lg-grow-0 {
      flex-grow: 0 !important; }
    .guide .flex-lg-grow-1 {
      flex-grow: 1 !important; }
    .guide .justify-content-lg-start {
      justify-content: flex-start !important; }
    .guide .justify-content-lg-end {
      justify-content: flex-end !important; }
    .guide .justify-content-lg-center {
      justify-content: center !important; }
    .guide .justify-content-lg-between {
      justify-content: space-between !important; }
    .guide .justify-content-lg-around {
      justify-content: space-around !important; }
    .guide .align-items-lg-start {
      align-items: flex-start !important; }
    .guide .align-items-lg-end {
      align-items: flex-end !important; }
    .guide .align-items-lg-center {
      align-items: center !important; }
    .guide .align-items-lg-baseline {
      align-items: baseline !important; }
    .guide .align-items-lg-stretch {
      align-items: stretch !important; }
    .guide .align-content-lg-start {
      align-content: flex-start !important; }
    .guide .align-content-lg-end {
      align-content: flex-end !important; }
    .guide .align-content-lg-center {
      align-content: center !important; }
    .guide .align-content-lg-between {
      align-content: space-between !important; }
    .guide .align-content-lg-around {
      align-content: space-around !important; }
    .guide .align-content-lg-stretch {
      align-content: stretch !important; }
    .guide .align-self-lg-auto {
      align-self: auto !important; }
    .guide .align-self-lg-start {
      align-self: flex-start !important; }
    .guide .align-self-lg-end {
      align-self: flex-end !important; }
    .guide .align-self-lg-center {
      align-self: center !important; }
    .guide .align-self-lg-baseline {
      align-self: baseline !important; }
    .guide .align-self-lg-stretch {
      align-self: stretch !important; }
    .guide .order-lg-first {
      order: -1 !important; }
    .guide .order-lg-0 {
      order: 0 !important; }
    .guide .order-lg-1 {
      order: 1 !important; }
    .guide .order-lg-2 {
      order: 2 !important; }
    .guide .order-lg-3 {
      order: 3 !important; }
    .guide .order-lg-4 {
      order: 4 !important; }
    .guide .order-lg-5 {
      order: 5 !important; }
    .guide .order-lg-last {
      order: 6 !important; }
    .guide .m-lg-0 {
      margin: 0 !important; }
    .guide .m-lg-1 {
      margin: 0.25rem !important; }
    .guide .m-lg-2 {
      margin: 0.5rem !important; }
    .guide .m-lg-3 {
      margin: 1rem !important; }
    .guide .m-lg-4 {
      margin: 1.5rem !important; }
    .guide .m-lg-5 {
      margin: 3rem !important; }
    .guide .m-lg-auto {
      margin: auto !important; }
    .guide .mx-lg-0 {
      margin-right: 0 !important;
      margin-left: 0 !important; }
    .guide .mx-lg-1 {
      margin-right: 0.25rem !important;
      margin-left: 0.25rem !important; }
    .guide .mx-lg-2 {
      margin-right: 0.5rem !important;
      margin-left: 0.5rem !important; }
    .guide .mx-lg-3 {
      margin-right: 1rem !important;
      margin-left: 1rem !important; }
    .guide .mx-lg-4 {
      margin-right: 1.5rem !important;
      margin-left: 1.5rem !important; }
    .guide .mx-lg-5 {
      margin-right: 3rem !important;
      margin-left: 3rem !important; }
    .guide .mx-lg-auto {
      margin-right: auto !important;
      margin-left: auto !important; }
    .guide .my-lg-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    .guide .my-lg-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important; }
    .guide .my-lg-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important; }
    .guide .my-lg-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important; }
    .guide .my-lg-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important; }
    .guide .my-lg-5 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important; }
    .guide .my-lg-auto {
      margin-top: auto !important;
      margin-bottom: auto !important; }
    .guide .mt-lg-0 {
      margin-top: 0 !important; }
    .guide .mt-lg-1 {
      margin-top: 0.25rem !important; }
    .guide .mt-lg-2 {
      margin-top: 0.5rem !important; }
    .guide .mt-lg-3 {
      margin-top: 1rem !important; }
    .guide .mt-lg-4 {
      margin-top: 1.5rem !important; }
    .guide .mt-lg-5 {
      margin-top: 3rem !important; }
    .guide .mt-lg-auto {
      margin-top: auto !important; }
    .guide .mr-lg-0 {
      margin-right: 0 !important; }
    .guide .mr-lg-1 {
      margin-right: 0.25rem !important; }
    .guide .mr-lg-2 {
      margin-right: 0.5rem !important; }
    .guide .mr-lg-3 {
      margin-right: 1rem !important; }
    .guide .mr-lg-4 {
      margin-right: 1.5rem !important; }
    .guide .mr-lg-5 {
      margin-right: 3rem !important; }
    .guide .mr-lg-auto {
      margin-right: auto !important; }
    .guide .mb-lg-0 {
      margin-bottom: 0 !important; }
    .guide .mb-lg-1 {
      margin-bottom: 0.25rem !important; }
    .guide .mb-lg-2 {
      margin-bottom: 0.5rem !important; }
    .guide .mb-lg-3 {
      margin-bottom: 1rem !important; }
    .guide .mb-lg-4 {
      margin-bottom: 1.5rem !important; }
    .guide .mb-lg-5 {
      margin-bottom: 3rem !important; }
    .guide .mb-lg-auto {
      margin-bottom: auto !important; }
    .guide .ml-lg-0 {
      margin-left: 0 !important; }
    .guide .ml-lg-1 {
      margin-left: 0.25rem !important; }
    .guide .ml-lg-2 {
      margin-left: 0.5rem !important; }
    .guide .ml-lg-3 {
      margin-left: 1rem !important; }
    .guide .ml-lg-4 {
      margin-left: 1.5rem !important; }
    .guide .ml-lg-5 {
      margin-left: 3rem !important; }
    .guide .ml-lg-auto {
      margin-left: auto !important; }
    .guide .m-lg-n1 {
      margin: -0.25rem !important; }
    .guide .m-lg-n2 {
      margin: -0.5rem !important; }
    .guide .m-lg-n3 {
      margin: -1rem !important; }
    .guide .m-lg-n4 {
      margin: -1.5rem !important; }
    .guide .m-lg-n5 {
      margin: -3rem !important; }
    .guide .mx-lg-n1 {
      margin-right: -0.25rem !important;
      margin-left: -0.25rem !important; }
    .guide .mx-lg-n2 {
      margin-right: -0.5rem !important;
      margin-left: -0.5rem !important; }
    .guide .mx-lg-n3 {
      margin-right: -1rem !important;
      margin-left: -1rem !important; }
    .guide .mx-lg-n4 {
      margin-right: -1.5rem !important;
      margin-left: -1.5rem !important; }
    .guide .mx-lg-n5 {
      margin-right: -3rem !important;
      margin-left: -3rem !important; }
    .guide .my-lg-n1 {
      margin-top: -0.25rem !important;
      margin-bottom: -0.25rem !important; }
    .guide .my-lg-n2 {
      margin-top: -0.5rem !important;
      margin-bottom: -0.5rem !important; }
    .guide .my-lg-n3 {
      margin-top: -1rem !important;
      margin-bottom: -1rem !important; }
    .guide .my-lg-n4 {
      margin-top: -1.5rem !important;
      margin-bottom: -1.5rem !important; }
    .guide .my-lg-n5 {
      margin-top: -3rem !important;
      margin-bottom: -3rem !important; }
    .guide .mt-lg-n1 {
      margin-top: -0.25rem !important; }
    .guide .mt-lg-n2 {
      margin-top: -0.5rem !important; }
    .guide .mt-lg-n3 {
      margin-top: -1rem !important; }
    .guide .mt-lg-n4 {
      margin-top: -1.5rem !important; }
    .guide .mt-lg-n5 {
      margin-top: -3rem !important; }
    .guide .mr-lg-n1 {
      margin-right: -0.25rem !important; }
    .guide .mr-lg-n2 {
      margin-right: -0.5rem !important; }
    .guide .mr-lg-n3 {
      margin-right: -1rem !important; }
    .guide .mr-lg-n4 {
      margin-right: -1.5rem !important; }
    .guide .mr-lg-n5 {
      margin-right: -3rem !important; }
    .guide .mb-lg-n1 {
      margin-bottom: -0.25rem !important; }
    .guide .mb-lg-n2 {
      margin-bottom: -0.5rem !important; }
    .guide .mb-lg-n3 {
      margin-bottom: -1rem !important; }
    .guide .mb-lg-n4 {
      margin-bottom: -1.5rem !important; }
    .guide .mb-lg-n5 {
      margin-bottom: -3rem !important; }
    .guide .ml-lg-n1 {
      margin-left: -0.25rem !important; }
    .guide .ml-lg-n2 {
      margin-left: -0.5rem !important; }
    .guide .ml-lg-n3 {
      margin-left: -1rem !important; }
    .guide .ml-lg-n4 {
      margin-left: -1.5rem !important; }
    .guide .ml-lg-n5 {
      margin-left: -3rem !important; }
    .guide .p-lg-0 {
      padding: 0 !important; }
    .guide .p-lg-1 {
      padding: 0.25rem !important; }
    .guide .p-lg-2 {
      padding: 0.5rem !important; }
    .guide .p-lg-3 {
      padding: 1rem !important; }
    .guide .p-lg-4 {
      padding: 1.5rem !important; }
    .guide .p-lg-5 {
      padding: 3rem !important; }
    .guide .px-lg-0 {
      padding-right: 0 !important;
      padding-left: 0 !important; }
    .guide .px-lg-1 {
      padding-right: 0.25rem !important;
      padding-left: 0.25rem !important; }
    .guide .px-lg-2 {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important; }
    .guide .px-lg-3 {
      padding-right: 1rem !important;
      padding-left: 1rem !important; }
    .guide .px-lg-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important; }
    .guide .px-lg-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important; }
    .guide .py-lg-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
    .guide .py-lg-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important; }
    .guide .py-lg-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important; }
    .guide .py-lg-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important; }
    .guide .py-lg-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important; }
    .guide .py-lg-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important; }
    .guide .pt-lg-0 {
      padding-top: 0 !important; }
    .guide .pt-lg-1 {
      padding-top: 0.25rem !important; }
    .guide .pt-lg-2 {
      padding-top: 0.5rem !important; }
    .guide .pt-lg-3 {
      padding-top: 1rem !important; }
    .guide .pt-lg-4 {
      padding-top: 1.5rem !important; }
    .guide .pt-lg-5 {
      padding-top: 3rem !important; }
    .guide .pr-lg-0 {
      padding-right: 0 !important; }
    .guide .pr-lg-1 {
      padding-right: 0.25rem !important; }
    .guide .pr-lg-2 {
      padding-right: 0.5rem !important; }
    .guide .pr-lg-3 {
      padding-right: 1rem !important; }
    .guide .pr-lg-4 {
      padding-right: 1.5rem !important; }
    .guide .pr-lg-5 {
      padding-right: 3rem !important; }
    .guide .pb-lg-0 {
      padding-bottom: 0 !important; }
    .guide .pb-lg-1 {
      padding-bottom: 0.25rem !important; }
    .guide .pb-lg-2 {
      padding-bottom: 0.5rem !important; }
    .guide .pb-lg-3 {
      padding-bottom: 1rem !important; }
    .guide .pb-lg-4 {
      padding-bottom: 1.5rem !important; }
    .guide .pb-lg-5 {
      padding-bottom: 3rem !important; }
    .guide .pl-lg-0 {
      padding-left: 0 !important; }
    .guide .pl-lg-1 {
      padding-left: 0.25rem !important; }
    .guide .pl-lg-2 {
      padding-left: 0.5rem !important; }
    .guide .pl-lg-3 {
      padding-left: 1rem !important; }
    .guide .pl-lg-4 {
      padding-left: 1.5rem !important; }
    .guide .pl-lg-5 {
      padding-left: 3rem !important; } }
  @media (min-width: 1200px) {
    .guide .d-xl-none {
      display: none !important; }
    .guide .d-xl-inline {
      display: inline !important; }
    .guide .d-xl-inline-block {
      display: inline-block !important; }
    .guide .d-xl-block {
      display: block !important; }
    .guide .d-xl-table {
      display: table !important; }
    .guide .d-xl-table-row {
      display: table-row !important; }
    .guide .d-xl-table-cell {
      display: table-cell !important; }
    .guide .d-xl-flex {
      display: flex !important; }
    .guide .d-xl-inline-flex {
      display: inline-flex !important; }
    .guide .flex-xl-fill {
      flex: 1 1 auto !important; }
    .guide .flex-xl-row {
      flex-direction: row !important; }
    .guide .flex-xl-column {
      flex-direction: column !important; }
    .guide .flex-xl-row-reverse {
      flex-direction: row-reverse !important; }
    .guide .flex-xl-column-reverse {
      flex-direction: column-reverse !important; }
    .guide .flex-xl-grow-0 {
      flex-grow: 0 !important; }
    .guide .flex-xl-grow-1 {
      flex-grow: 1 !important; }
    .guide .justify-content-xl-start {
      justify-content: flex-start !important; }
    .guide .justify-content-xl-end {
      justify-content: flex-end !important; }
    .guide .justify-content-xl-center {
      justify-content: center !important; }
    .guide .justify-content-xl-between {
      justify-content: space-between !important; }
    .guide .justify-content-xl-around {
      justify-content: space-around !important; }
    .guide .align-items-xl-start {
      align-items: flex-start !important; }
    .guide .align-items-xl-end {
      align-items: flex-end !important; }
    .guide .align-items-xl-center {
      align-items: center !important; }
    .guide .align-items-xl-baseline {
      align-items: baseline !important; }
    .guide .align-items-xl-stretch {
      align-items: stretch !important; }
    .guide .align-content-xl-start {
      align-content: flex-start !important; }
    .guide .align-content-xl-end {
      align-content: flex-end !important; }
    .guide .align-content-xl-center {
      align-content: center !important; }
    .guide .align-content-xl-between {
      align-content: space-between !important; }
    .guide .align-content-xl-around {
      align-content: space-around !important; }
    .guide .align-content-xl-stretch {
      align-content: stretch !important; }
    .guide .align-self-xl-auto {
      align-self: auto !important; }
    .guide .align-self-xl-start {
      align-self: flex-start !important; }
    .guide .align-self-xl-end {
      align-self: flex-end !important; }
    .guide .align-self-xl-center {
      align-self: center !important; }
    .guide .align-self-xl-baseline {
      align-self: baseline !important; }
    .guide .align-self-xl-stretch {
      align-self: stretch !important; }
    .guide .order-xl-first {
      order: -1 !important; }
    .guide .order-xl-0 {
      order: 0 !important; }
    .guide .order-xl-1 {
      order: 1 !important; }
    .guide .order-xl-2 {
      order: 2 !important; }
    .guide .order-xl-3 {
      order: 3 !important; }
    .guide .order-xl-4 {
      order: 4 !important; }
    .guide .order-xl-5 {
      order: 5 !important; }
    .guide .order-xl-last {
      order: 6 !important; }
    .guide .m-xl-0 {
      margin: 0 !important; }
    .guide .m-xl-1 {
      margin: 0.25rem !important; }
    .guide .m-xl-2 {
      margin: 0.5rem !important; }
    .guide .m-xl-3 {
      margin: 1rem !important; }
    .guide .m-xl-4 {
      margin: 1.5rem !important; }
    .guide .m-xl-5 {
      margin: 3rem !important; }
    .guide .m-xl-auto {
      margin: auto !important; }
    .guide .mx-xl-0 {
      margin-right: 0 !important;
      margin-left: 0 !important; }
    .guide .mx-xl-1 {
      margin-right: 0.25rem !important;
      margin-left: 0.25rem !important; }
    .guide .mx-xl-2 {
      margin-right: 0.5rem !important;
      margin-left: 0.5rem !important; }
    .guide .mx-xl-3 {
      margin-right: 1rem !important;
      margin-left: 1rem !important; }
    .guide .mx-xl-4 {
      margin-right: 1.5rem !important;
      margin-left: 1.5rem !important; }
    .guide .mx-xl-5 {
      margin-right: 3rem !important;
      margin-left: 3rem !important; }
    .guide .mx-xl-auto {
      margin-right: auto !important;
      margin-left: auto !important; }
    .guide .my-xl-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    .guide .my-xl-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important; }
    .guide .my-xl-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important; }
    .guide .my-xl-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important; }
    .guide .my-xl-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important; }
    .guide .my-xl-5 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important; }
    .guide .my-xl-auto {
      margin-top: auto !important;
      margin-bottom: auto !important; }
    .guide .mt-xl-0 {
      margin-top: 0 !important; }
    .guide .mt-xl-1 {
      margin-top: 0.25rem !important; }
    .guide .mt-xl-2 {
      margin-top: 0.5rem !important; }
    .guide .mt-xl-3 {
      margin-top: 1rem !important; }
    .guide .mt-xl-4 {
      margin-top: 1.5rem !important; }
    .guide .mt-xl-5 {
      margin-top: 3rem !important; }
    .guide .mt-xl-auto {
      margin-top: auto !important; }
    .guide .mr-xl-0 {
      margin-right: 0 !important; }
    .guide .mr-xl-1 {
      margin-right: 0.25rem !important; }
    .guide .mr-xl-2 {
      margin-right: 0.5rem !important; }
    .guide .mr-xl-3 {
      margin-right: 1rem !important; }
    .guide .mr-xl-4 {
      margin-right: 1.5rem !important; }
    .guide .mr-xl-5 {
      margin-right: 3rem !important; }
    .guide .mr-xl-auto {
      margin-right: auto !important; }
    .guide .mb-xl-0 {
      margin-bottom: 0 !important; }
    .guide .mb-xl-1 {
      margin-bottom: 0.25rem !important; }
    .guide .mb-xl-2 {
      margin-bottom: 0.5rem !important; }
    .guide .mb-xl-3 {
      margin-bottom: 1rem !important; }
    .guide .mb-xl-4 {
      margin-bottom: 1.5rem !important; }
    .guide .mb-xl-5 {
      margin-bottom: 3rem !important; }
    .guide .mb-xl-auto {
      margin-bottom: auto !important; }
    .guide .ml-xl-0 {
      margin-left: 0 !important; }
    .guide .ml-xl-1 {
      margin-left: 0.25rem !important; }
    .guide .ml-xl-2 {
      margin-left: 0.5rem !important; }
    .guide .ml-xl-3 {
      margin-left: 1rem !important; }
    .guide .ml-xl-4 {
      margin-left: 1.5rem !important; }
    .guide .ml-xl-5 {
      margin-left: 3rem !important; }
    .guide .ml-xl-auto {
      margin-left: auto !important; }
    .guide .m-xl-n1 {
      margin: -0.25rem !important; }
    .guide .m-xl-n2 {
      margin: -0.5rem !important; }
    .guide .m-xl-n3 {
      margin: -1rem !important; }
    .guide .m-xl-n4 {
      margin: -1.5rem !important; }
    .guide .m-xl-n5 {
      margin: -3rem !important; }
    .guide .mx-xl-n1 {
      margin-right: -0.25rem !important;
      margin-left: -0.25rem !important; }
    .guide .mx-xl-n2 {
      margin-right: -0.5rem !important;
      margin-left: -0.5rem !important; }
    .guide .mx-xl-n3 {
      margin-right: -1rem !important;
      margin-left: -1rem !important; }
    .guide .mx-xl-n4 {
      margin-right: -1.5rem !important;
      margin-left: -1.5rem !important; }
    .guide .mx-xl-n5 {
      margin-right: -3rem !important;
      margin-left: -3rem !important; }
    .guide .my-xl-n1 {
      margin-top: -0.25rem !important;
      margin-bottom: -0.25rem !important; }
    .guide .my-xl-n2 {
      margin-top: -0.5rem !important;
      margin-bottom: -0.5rem !important; }
    .guide .my-xl-n3 {
      margin-top: -1rem !important;
      margin-bottom: -1rem !important; }
    .guide .my-xl-n4 {
      margin-top: -1.5rem !important;
      margin-bottom: -1.5rem !important; }
    .guide .my-xl-n5 {
      margin-top: -3rem !important;
      margin-bottom: -3rem !important; }
    .guide .mt-xl-n1 {
      margin-top: -0.25rem !important; }
    .guide .mt-xl-n2 {
      margin-top: -0.5rem !important; }
    .guide .mt-xl-n3 {
      margin-top: -1rem !important; }
    .guide .mt-xl-n4 {
      margin-top: -1.5rem !important; }
    .guide .mt-xl-n5 {
      margin-top: -3rem !important; }
    .guide .mr-xl-n1 {
      margin-right: -0.25rem !important; }
    .guide .mr-xl-n2 {
      margin-right: -0.5rem !important; }
    .guide .mr-xl-n3 {
      margin-right: -1rem !important; }
    .guide .mr-xl-n4 {
      margin-right: -1.5rem !important; }
    .guide .mr-xl-n5 {
      margin-right: -3rem !important; }
    .guide .mb-xl-n1 {
      margin-bottom: -0.25rem !important; }
    .guide .mb-xl-n2 {
      margin-bottom: -0.5rem !important; }
    .guide .mb-xl-n3 {
      margin-bottom: -1rem !important; }
    .guide .mb-xl-n4 {
      margin-bottom: -1.5rem !important; }
    .guide .mb-xl-n5 {
      margin-bottom: -3rem !important; }
    .guide .ml-xl-n1 {
      margin-left: -0.25rem !important; }
    .guide .ml-xl-n2 {
      margin-left: -0.5rem !important; }
    .guide .ml-xl-n3 {
      margin-left: -1rem !important; }
    .guide .ml-xl-n4 {
      margin-left: -1.5rem !important; }
    .guide .ml-xl-n5 {
      margin-left: -3rem !important; }
    .guide .p-xl-0 {
      padding: 0 !important; }
    .guide .p-xl-1 {
      padding: 0.25rem !important; }
    .guide .p-xl-2 {
      padding: 0.5rem !important; }
    .guide .p-xl-3 {
      padding: 1rem !important; }
    .guide .p-xl-4 {
      padding: 1.5rem !important; }
    .guide .p-xl-5 {
      padding: 3rem !important; }
    .guide .px-xl-0 {
      padding-right: 0 !important;
      padding-left: 0 !important; }
    .guide .px-xl-1 {
      padding-right: 0.25rem !important;
      padding-left: 0.25rem !important; }
    .guide .px-xl-2 {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important; }
    .guide .px-xl-3 {
      padding-right: 1rem !important;
      padding-left: 1rem !important; }
    .guide .px-xl-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important; }
    .guide .px-xl-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important; }
    .guide .py-xl-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
    .guide .py-xl-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important; }
    .guide .py-xl-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important; }
    .guide .py-xl-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important; }
    .guide .py-xl-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important; }
    .guide .py-xl-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important; }
    .guide .pt-xl-0 {
      padding-top: 0 !important; }
    .guide .pt-xl-1 {
      padding-top: 0.25rem !important; }
    .guide .pt-xl-2 {
      padding-top: 0.5rem !important; }
    .guide .pt-xl-3 {
      padding-top: 1rem !important; }
    .guide .pt-xl-4 {
      padding-top: 1.5rem !important; }
    .guide .pt-xl-5 {
      padding-top: 3rem !important; }
    .guide .pr-xl-0 {
      padding-right: 0 !important; }
    .guide .pr-xl-1 {
      padding-right: 0.25rem !important; }
    .guide .pr-xl-2 {
      padding-right: 0.5rem !important; }
    .guide .pr-xl-3 {
      padding-right: 1rem !important; }
    .guide .pr-xl-4 {
      padding-right: 1.5rem !important; }
    .guide .pr-xl-5 {
      padding-right: 3rem !important; }
    .guide .pb-xl-0 {
      padding-bottom: 0 !important; }
    .guide .pb-xl-1 {
      padding-bottom: 0.25rem !important; }
    .guide .pb-xl-2 {
      padding-bottom: 0.5rem !important; }
    .guide .pb-xl-3 {
      padding-bottom: 1rem !important; }
    .guide .pb-xl-4 {
      padding-bottom: 1.5rem !important; }
    .guide .pb-xl-5 {
      padding-bottom: 3rem !important; }
    .guide .pl-xl-0 {
      padding-left: 0 !important; }
    .guide .pl-xl-1 {
      padding-left: 0.25rem !important; }
    .guide .pl-xl-2 {
      padding-left: 0.5rem !important; }
    .guide .pl-xl-3 {
      padding-left: 1rem !important; }
    .guide .pl-xl-4 {
      padding-left: 1.5rem !important; }
    .guide .pl-xl-5 {
      padding-left: 3rem !important; } }
  @media print {
    .guide .d-print-none {
      display: none !important; }
    .guide .d-print-inline {
      display: inline !important; }
    .guide .d-print-inline-block {
      display: inline-block !important; }
    .guide .d-print-block {
      display: block !important; }
    .guide .d-print-table {
      display: table !important; }
    .guide .d-print-table-row {
      display: table-row !important; }
    .guide .d-print-table-cell {
      display: table-cell !important; }
    .guide .d-print-flex {
      display: flex !important; }
    .guide .d-print-inline-flex {
      display: inline-flex !important; } }
  .guide .col-xs-1, .guide .col-sm-1, .guide .col-md-1, .guide .col-lg-1, .guide .col-xs-2, .guide .col-sm-2, .guide .col-md-2, .guide .col-lg-2, .guide .col-xs-3, .guide .col-sm-3, .guide .col-md-3, .guide .col-lg-3, .guide .col-xs-4, .guide .col-sm-4, .guide .col-md-4, .guide .col-lg-4, .guide .col-xs-5, .guide .col-sm-5, .guide .col-md-5, .guide .col-lg-5, .guide .col-xs-6, .guide .col-sm-6, .guide .col-md-6, .guide .col-lg-6, .guide .col-xs-7, .guide .col-sm-7, .guide .col-md-7, .guide .col-lg-7, .guide .col-xs-8, .guide .col-sm-8, .guide .col-md-8, .guide .col-lg-8, .guide .col-xs-9, .guide .col-sm-9, .guide .col-md-9, .guide .col-lg-9, .guide .col-xs-10, .guide .col-sm-10, .guide .col-md-10, .guide .col-lg-10, .guide .col-xs-11, .guide .col-sm-11, .guide .col-md-11, .guide .col-lg-11, .guide .col-xs-12, .guide .col-sm-12, .guide .col-md-12, .guide .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  .guide .row {
    display: flex;
    box-sizing: border-box; }
  .guide h1 {
    color: #c4976f;
    font-size: 48px;
    margin-bottom: 25px;
    font-family: Friz, Georgia, serif;
    text-shadow: 2px 2px 1px #000;
    position: initial;
    top: 0;
    height: auto;
    letter-spacing: 0;
    text-align: center;
    margin: 0 auto;
    z-index: initial; }
  .guide .text-center {
    text-align: center; }
  .guide .col-md-1, .guide .col-md-2, .guide .col-md-3, .guide .col-md-4, .guide .col-md-5, .guide .col-md-6, .guide .col-md-7, .guide .col-md-8, .guide .col-md-9, .guide .col-md-10, .guide .col-md-11, .guide .col-md-12 {
    float: left; }

.blend {
  border-top: 1px solid rgba(0, 0, 0, 0.8);
  overflow: hidden;
  margin-bottom: 15px; }
  .blend.derail h2 {
    background: rgba(204, 153, 0, 0.8); }
  .blend.derail .cont {
    background: linear-gradient(to bottom, rgba(204, 153, 0, 0.8) 0%, rgba(204, 153, 0, 0.8) 75%, rgba(204, 153, 0, 0) 100%);
    color: #EEE; }
  .blend h2 {
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #FFDFC6;
    padding: 10px 10px 5px 10px;
    border-bottom: 1px solid #597AC0;
    font-family: Friz, Georgia, serif;
    text-shadow: 2px 2px 1px #000; }
  .blend .cont {
    padding: 10px;
    color: #E2B289;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
    padding-bottom: 30px;
    border-radius: 0; }

@media (min-width: 768px) {
  div.blend div.cont {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
    padding-bottom: 30px;
    border-radius: 0; }
  div.blend.derail div.cont {
    background: linear-gradient(to bottom, rgba(204, 153, 0, 0.8) 0%, rgba(204, 153, 0, 0.8) 75%, rgba(204, 153, 0, 0) 100%); } }

@media (min-width: 992px) {
  div.blend {
    margin-bottom: 10px; } }

@font-face {
  font-family: 'highperch';
  src: url("../font/highperch.eot?53185637");
  src: url("../font/highperch.eot?53185637#iefix") format("embedded-opentype"), url("../font/highperch.woff2?53185637") format("woff2"), url("../font/highperch.woff?53185637") format("woff"), url("../font/highperch.ttf?53185637") format("truetype"), url("../font/highperch.svg?53185637#highperch") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'highperch';
      src: url('../font/highperch.svg?53185637#highperch') format('svg');
    }
  }
  */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "highperch";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-period:before {
  content: '\2e'; }

/* '.' */
.icon-c:before {
  content: '\63'; }

/* 'c' */
.icon-e:before {
  content: '\65'; }

/* 'e' */
.icon-g:before {
  content: '\67'; }

/* 'g' */
.icon-h:before {
  content: '\68'; }

/* 'h' */
.icon-i:before {
  content: '\69'; }

/* 'i' */
.icon-p:before {
  content: '\70'; }

/* 'p' */
.icon-r:before {
  content: '\72'; }

/* 'r' */
.icon-download-alt:before {
  content: '\e800'; }

/* '' */
.icon-user:before {
  content: '\e801'; }

/* '' */
.icon-home:before {
  content: '\e802'; }

/* '' */
.icon-picture:before {
  content: '\e803'; }

/* '' */
.icon-chat:before {
  content: '\e804'; }

/* '' */
.icon-menu:before {
  content: '\e805'; }

/* '' */
.icon-eye:before {
  content: '\e806'; }

/* '' */
.icon-eye-off:before {
  content: '\e807'; }

/* '' */
.icon-heart-empty:before {
  content: '\e808'; }

/* '' */
.icon-cog:before {
  content: '\e809'; }

/* '' */
.icon-discord:before {
  content: '\e80a'; }

/* '' */
.icon-heart:before {
  content: '\e813'; }

/* '' */
.icon-youtube:before {
  content: '\e814'; }

/* '' */
.icon-comment:before {
  content: '\e815'; }

/* '' */
.icon-cancel:before {
  content: '\e816'; }

/* '' */
.icon-ok:before {
  content: '\e817'; }

/* '' */
.icon-tag:before {
  content: '\e818'; }

/* '' */
.icon-chart-bar:before {
  content: '\e819'; }

/* '' */
.icon-attention:before {
  content: '\e81a'; }

/* '' */
.icon-attention-circled:before {
  content: '\e81b'; }

/* '' */
.icon-pencil:before {
  content: '\e81c'; }

/* '' */
.icon-link:before {
  content: '\e81d'; }

/* '' */
.icon-rss:before {
  content: '\f09e'; }

/* '' */
.icon-info:before {
  content: '\f129'; }

/* '' */
.icon-youtube-play:before {
  content: '\f16a'; }

/* '' */
.icon-share:before {
  content: '\f1e0'; }

/* '' */
.icon-twitch:before {
  content: '\f1e8'; }

/* '' */
.icon-user-plus:before {
  content: '\f234'; }

/* '' */
.icon-user-times:before {
  content: '\f235'; }

/* '' */
.console {
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .console hr {
    border-top: 1px solid #c4976f;
    margin: 20px 5% 20px 5%; }
  @media (min-width: 750px) {
    .console {
      flex-direction: row; } }
  .console h2 {
    display: flex; }
  .console h3 {
    font-size: 16px;
    margin-bottom: 0;
    padding: 8px;
    letter-spacing: 0rem; }
  .console .box {
    flex: 1; }
    .console .box:last-child {
      margin-bottom: 16px; }
    @media (min-width: 750px) {
      .console .box {
        margin-bottom: 16px; } }
  .console .inner {
    background-color: rgba(10, 5, 5, 0.75);
    padding: 16px; }
  .console .break {
    padding: 50px; }
  .console .statblock p {
    margin-bottom: 0px; }
  .console .statblock .stats {
    font-size: 10px;
    background-color: rgba(255, 255, 255, 0.05);
    width: fit-content;
    width: -moz-fit-content;
    margin-top: 5px;
    margin-left: 20px;
    padding: 0px 10px 0px 10px; }
    .console .statblock .stats table, .console .statblock .stats th {
      border-collapse: collapse;
      border-bottom: none;
      margin-bottom: 0; }
    .console .statblock .stats tr {
      margin: 0px;
      line-height: 10px; }
    .console .statblock .stats td {
      border: none;
      text-align: right;
      padding: 5px; }
  .console .statblock .bans {
    font-size: 12px;
    background-color: rgba(255, 255, 255, 0.05);
    line-height: 1rem; }
    .console .statblock .bans table, .console .statblock .bans th {
      border-collapse: collapse;
      border-bottom: none;
      margin-bottom: 0;
      padding: 8px;
      width: 100%;
      table-layout: fixed; }
      .console .statblock .bans table .wide, .console .statblock .bans th .wide {
        width: 150%; }
    .console .statblock .bans tr {
      margin: 0px; }
    .console .statblock .bans td, .console .statblock .bans th {
      border: none;
      text-align: left;
      padding: 4px 12px 4px 12px;
      line-height: 1.3; }
    .console .statblock .bans form {
      margin: 0px; }
    .console .statblock .bans .unban {
      font-weight: bold;
      color: #c4976f;
      font-size: 12px;
      border: none;
      padding: 0px;
      margin: 0px;
      letter-spacing: normal; }

.sortable {
  border-bottom: 1px solid black;
  align-items: center;
  width: 100%; }
  .sortable .neutral {
    width: 30px; }
  .sortable table {
    border-collapse: collapse;
    margin-bottom: 0px;
    table-layout: fixed; }
  .sortable th {
    font-weight: normal;
    font-size: 12px;
    padding: 5px;
    border: none;
    text-align: center;
    cursor: pointer;
    background: rgba(1, 1, 1, 0.9); }
  .sortable th:hover {
    color: white; }
  .sortable tr {
    background: rgba(10, 5, 5, 0.75); }
    .sortable tr:nth-child(even) {
      background: rgba(1, 1, 1, 0.9); }
  .sortable td {
    border-bottom: none;
    padding: 8px;
    text-align: center; }
  .sortable .optionaltext {
    display: none; }
    @media (min-width: 750px) {
      .sortable .optionaltext {
        display: inline; } }
  .sortable .optional {
    display: none; }
    @media (min-width: 750px) {
      .sortable .optional {
        display: table-cell; } }
  .sortable .thumbcol {
    text-align: left; }
  .sortable .thumb {
    max-height: 50px;
    vertical-align: middle;
    padding-right: 5px; }
  .sortable a {
    font-weight: bold;
    text-decoration: none;
    padding: 0px; }
  .sortable th[role=columnheader]:not(.no-sort) {
    cursor: pointer; }
  .sortable th[role=columnheader]:not(.no-sort):after {
    content: '';
    float: right;
    margin-top: 7px;
    border-width: 4px 4px 0;
    border-style: solid;
    border-color: #c4976f transparent;
    visibility: hidden;
    opacity: 0;
    user-select: none; }
  .sortable th[aria-sort=ascending]:not(.no-sort):after {
    border-width: 0 4px 4px; }
  .sortable th[aria-sort]:not(.no-sort):after {
    visibility: visible;
    opacity: 0.4; }
  .sortable th[role=columnheader]:not(.no-sort):hover:after {
    visibility: visible;
    opacity: 1; }

.racesplit {
  padding: none;
  white-space: nowrap; }
  .racesplit .racebar {
    border: 1px solid black;
    border-radius: 4px;
    display: inline-block;
    height: 24px; }
    .racesplit .racebar.H {
      background: #0042ff; }
    .racesplit .racebar.O {
      background: #006400; }
    .racesplit .racebar.N {
      background: #540081; }
    .racesplit .racebar.U {
      background: #959697; }
    .racesplit .racebar.R {
      background: #7d261b; }

.playercontrols {
  width: fit-content;
  width: -moz-fit-content;
  font-size: 12px;
  padding: 5px;
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
  background-color: rgba(10, 5, 5, 0.75); }

.speedapp {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px; }
  .speedapp .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%; }
  .speedapp .column {
    display: flex;
    flex-direction: row;
    flex-basis: 40%;
    flex: 1;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center; }
    @media (min-width: 750px) {
      .speedapp .column {
        flex-direction: column; } }
    .speedapp .column .left-col {
      background-color: rgba(0, 0, 0, 0.4);
      height: 100px; }
    .speedapp .column .mid-col {
      background-color: rgba(0, 0, 0, 0.6);
      height: 100px; }
    .speedapp .column .right-col {
      background-color: rgba(0, 0, 0, 0.4);
      height: 100px;
      padding: 10px; }
  .speedapp #mid {
    display: inline; }
  .speedapp .basefast {
    border: 1px solid green; }
  .speedapp .basemedium {
    border: 1px solid orange; }
  .speedapp .baseslow {
    border: 1px solid red; }
  .speedapp #heroicon {
    margin: 0 auto 0 auto; }
  .speedapp #heroname {
    color: white;
    padding-bottom: 10px; }
  .speedapp .caption {
    color: white;
    font-size: 10px;
    margin-bottom: -1px; }
  .speedapp #movespeed {
    text-align: center;
    min-width: 70px;
    width: 20%;
    height: 30px;
    margin: 0 auto 0 auto;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3rem;
    background-color: rgba(0, 0, 0, 0.5); }
  .speedapp #speedclass {
    padding-top: 10px; }
  .speedapp #theoretical {
    color: white;
    font-size: 12px;
    margin: 5px 0 10px 0; }
  .speedapp .veryslow {
    color: darkred; }
  .speedapp .slow {
    color: gray; }
  .speedapp .normal {
    color: white; }
  .speedapp .fast {
    color: green; }
  .speedapp .veryfast {
    color: #00FF00; }
  .speedapp .buff {
    width: 40px; }
    @media (min-width: 750px) {
      .speedapp .buff {
        width: 48px; } }
  .speedapp .hero {
    width: 48px; }
    @media (min-width: 750px) {
      .speedapp .hero {
        width: 64px; } }
  .speedapp .iconrow {
    display: inline; }
  .speedapp #currentbuffs {
    text-align: left;
    margin: 0 15% 0 15%; }
    .speedapp #currentbuffs .listbuff {
      padding: 5px; }
      .speedapp #currentbuffs .listbuff img {
        width: 32px;
        padding-right: 5px;
        vertical-align: bottom; }
      .speedapp #currentbuffs .listbuff .listbufftext {
        color: white;
        font-size: 14px;
        vertical-align: text-bottom; }
  .speedapp .grayedout {
    opacity: 0.1; }
  .speedapp .selected {
    outline: 3px solid white;
    outline-offset: -3px; }