.tile--header.top:after {
  bottom: -30px;
  content: " ";
  height: 0;
  left: 50%;
  margin: -20px 0 0 -15px;
}

.tile--header.left:after {
  top: 50%;
  content: " ";
  height: 0;
  right: -30px;
  margin: -20px 0 0 -15px;
}

.tile--header.right:after {
  top: 50%;
  content: " ";
  height: 0;
  left: -15px;
  margin: -20px 0 0 -15px;
}

.tile--header.red {
  background: #d31131;
}

.tile--header.top.red:after {
  border-color: #d31131 transparent transparent;
}

.tile--header.left.red:after {
  border-color: transparent transparent transparent #d31131;
}

.tile--header.right.red:after {
  border-color: transparent #d31131 transparent transparent;
}

.tile--header.blue {
  background: #333e92;
}

.tile--header.top.blue:after {
  border-color: #333e92 transparent transparent;
}

.tile--header.left.blue:after {
  border-color: transparent transparent transparent #333e92;
}

.tile--header.right.blue:after {
  border-color: transparent #333e92 transparent transparent;
}

.tile--header.yellow {
  background: #ffe600;
}

.tile--header.top.yellow:after {
  border-color: #ffe600 transparent transparent;
}

.tile--header.left.yellow:after {
  border-color: transparent transparent transparent #ffe600;
}

.tile--header.right.yellow:after {
  border-color: transparent #ffe600 transparent transparent;
}

.tile--header.new-yellow {
  background: #ffc836;
}

.tile--header.top.new-yellow:after {
  border-color: #ffc836 transparent transparent;
}

.tile--header.left.new-yellow:after {
  border-color: transparent transparent transparent #ffc836;
}

.tile--header.right.new-yellow:after {
  border-color: transparent #ffc836 transparent transparent;
}

.tile--header.new-blue {
  background: #0077c3;
}

.tile--header.top.new-blue:after {
  border-color: #0077c3 transparent transparent;
}

.tile--header.left.new-blue:after {
  border-color: transparent transparent transparent #0077c3;
}

.tile--header.right.new-blue:after {
  border-color: transparent #0077c3 transparent transparent;
}

.tile--header.black {
  background: #000000;
}

.tile--header.top.black:after {
  border-color: #000000 transparent transparent;
}

.tile--header.left.black:after {
  border-color: transparent transparent transparent #000000;
}

.tile--header.right.black:after {
  border-color: transparent #000000 transparent transparent;
}

.tile--header.teal {
  background: #26cad3;
}

.tile--header.top.teal:after {
  border-color: #26cad3 transparent transparent;
}

.tile--header.left.teal:after {
  border-color: transparent transparent transparent #26cad3;
}

.tile--header.right.teal:after {
  border-color: transparent #26cad3 transparent transparent;
}

.tile--header.white {
  background: #ffffff;
}

.tile--header.top.white:after {
  border-color: #ffffff transparent transparent;
}

.tile--header.left.white:after {
  border-color: transparent transparent transparent #ffffff;
}

.tile--header.right.white:after {
  border-color: transparent #ffffff transparent transparent;
}

.tile--header.ink-blue {
  background: #141134;
}

.tile--header.top.ink-blue:after {
  border-color: #141134 transparent transparent;
}

.tile--header.left.ink-blue:after {
  border-color: transparent transparent transparent #141134;
}

.tile--header.right.ink-blue:after {
  border-color: transparent #141134 transparent transparent;
}

.tile--header.bright-yellow {
  background: #ffda00;
}

.tile--header.top.bright-yellow:after {
  border-color: #ffda00 transparent transparent;
}

.tile--header.left.bright-yellow:after {
  border-color: transparent transparent transparent #ffda00;
}

.tile--header.right.bright-yellow:after {
  border-color: transparent #ffda00 transparent transparent;
}

.tile--header.horizon-blue {
  background: #00b9bb;
}

.tile--header.top.horizon-blue:after {
  border-color: #00b9bb transparent transparent;
}

.tile--header.left.horizon-blue:after {
  border-color: transparent transparent transparent #00b9bb;
}

.tile--header.right.horizon-blue:after {
  border-color: transparent #00b9bb transparent transparent;
}

.tile--header.summer-orange {
  background: #f6931d;
}

.tile--header.top.summer-orange:after {
  border-color: #f6931d transparent transparent;
}

.tile--header.left.summer-orange:after {
  border-color: transparent transparent transparent #f6931d;
}

.tile--header.right.summer-orange:after {
  border-color: transparent #f6931d transparent transparent;
}

.tile--header.speed-red {
  background: #ff2238;
}

.tile--header.top.speed-red:after {
  border-color: #ff2238 transparent transparent;
}

.tile--header.left.speed-red:after {
  border-color: transparent transparent transparent #ff2238;
}

.tile--header.right.speed-red:after {
  border-color: transparent #ff2238 transparent transparent;
}

.tile--header.pitch-green {
  background: #04b72f;
}

.tile--header.top.pitch-green:after {
  border-color: #04b72f transparent transparent;
}

.tile--header.left.pitch-green:after {
  border-color: transparent transparent transparent #04b72f;
}

.tile--header.right.pitch-green:after {
  border-color: transparent #04b72f transparent transparent;
}

.tile--header.high-violet {
  background: #a72ec5;
}

.tile--header.top.high-violet:after {
  border-color: #a72ec5 transparent transparent;
}

.tile--header.left.high-violet:after {
  border-color: transparent transparent transparent #a72ec5;
}

.tile--header.right.high-violet:after {
  border-color: transparent #a72ec5 transparent transparent;
}

/*# sourceMappingURL=tilecolors.css.map */