.stage-crumb {
  display: inline-block;
  height: 12px;
  color: #a09b8c;
  font-family: Spiegel;
  font-size: 12px;
  font-weight: 600;
  line-height: 13px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 13px;
  margin-left: 3px;
}
@media screen and (max-width: 768px) {
  .stage-crumb .crumb-text {
    display: none;
  }
}
.complete {
  color: #5b5a56;
}
@media screen and (max-width: 768px) {
  .active {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .active .crumb-text {
    display: inline;
  }
}
.preface {
  position: relative;
  top: 2px;
  margin-left: 5px;
  margin-right: 7px;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.tick {
  height: 10px;
  width: 12px;
}
.diamond {
  border: 1px solid #785a28;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #111317;
}
div.stages-container {
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 0px;
  height: 58px;
  width: 100%;
  background-color: #020912;
  line-height: 52px;
  text-align: center;
}
div.stages-container .riotbar-logo {
  background: url("https://cdn.leagueoflegends.com/riotbar/prod/1.6.121/images/navigation/icon-game-lol.png?1521835317") no-repeat 5px 8px;
  display: inline-block;
  float: left;
  height: 50px;
  padding-left: 50px;
}
div.stages-container .button {
  display: inline;
  float: right;
  padding: 5px 16px;
  margin: 10px 10px 10px 0;
}
@media screen and (max-width: 768px) {
  div.stages-container .button {
    width: auto;
  }
}
div.stages-container .seperator {
  display: none;
  width: 100px;
  height: 1px;
  background-color: #3c3c41;
  margin-left: 13px;
  margin-right: 16px;
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  div.stages-container .seperator {
    display: inline-block;
  }
}
hr.vertical-line {
  width: 0.1px;
  height: 100px;
}
@media screen and (min-width: 769px) {
  .page-header {
    padding: 0px 10px 0px 19px;
  }
}
@media screen and (max-width: 768px) {
  .page-header {
    padding: 0px;
  }
}
.page-header .header {
  color: #f0e6d2;
  font-family: BeaufortforLOL-Bold;
  font-size: 26px;
  font-weight: bold;
  line-height: 33px;
  text-align: center;
  margin: 0 auto;
  padding: 2px;
}
.page-header .sub-header {
  color: #c8aa6e;
  font-family: Spiegel;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  padding: 2px;
  width: 80%;
  margin: 0 auto;
}
.page-header .header-divider {
  content: "";
  display: block;
  margin: 0 auto;
  margin-top: 27px;
  margin-bottom: 30px;
  height: 1px;
  opacity: 0.3;
  background-color: #a09b8c;
}
@media screen and (min-width: 769px) {
  .page-header .header-divider {
    width: 540px;
  }
}
.player-support {
  margin: 10px;
  color: #a09b8c;
  font-size: 14px;
  margin: 10px;
}
.player-support a {
  color: #0296aa;
  text-decoration: none;
}
.player-support a:hover {
  cursor: pointer;
}
.more-info {
  margin: 10px;
  color: #a09b8c;
  font-size: 14px;
  margin: 10px;
}
.more-info a {
  color: #0296aa;
  text-decoration: none;
}
.more-info a:hover {
  cursor: pointer;
}
.button {
  display: inline-block;
  padding: 7px 15px 7px;
  margin: 3px;
  color: #cdbe91;
  font-family: BeaufortforLOL-Bold;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  font-style: normal;
  text-decoration: none;
  border: 2px solid rgba(120,90,40,0.7);
  -o-border-image: linear-gradient(to bottom, #ecc572 0, #815500 100%);
     border-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ecc572), to(#815500));
     border-image: linear-gradient(to bottom, #ecc572 0, #815500 100%);
  border-radius: 0;
  border-image-slice: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-color: #1e2328;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
}
.button:hover {
  cursor: pointer;
}
.button.cta {
  color: #b2d9db;
  background: #1e2328;
  border: 2px solid rgba(192,252,253,0.7);
  -o-border-image: linear-gradient(to bottom, #08abac 0, #01698b 100%);
     border-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #08abac), to(#01698b));
     border-image: linear-gradient(to bottom, #08abac 0, #01698b 100%);
  border-image-slice: 1;
}
.button.large {
  height: auto;
  width: 100%;
}
@media desktop {
  .button.large {
    width: 260px;
  }
}
.button-existing {
  padding-bottom: 20px;
}
.download-link {
  margin: 10px;
  color: #a09b8c;
  font-size: 14px;
  margin: 10px;
}
@media screen and (max-width: 768px) {
  .download-link {
    display: none;
  }
}
.download-link a {
  color: #0296aa;
  text-decoration: none;
}
.download-link a:hover {
  cursor: pointer;
}
.email-sent-notification {
  color: #c8aa6e;
  font-family: Spiegel;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  padding: 2px;
  width: 80%;
  margin: 0 auto;
}
form.update-email {
  padding: 15px;
}
form.update-email .email-label {
  display: inline-block;
  height: 16px;
  width: 100%;
  color: #f0e6d2;
  font-family: BeaufortforLOL-Bold;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
}
@media screen and (min-width: 769px) {
  form.update-email .email-label {
    height: 16px;
    width: 260px;
  }
}
form.update-email .c-input {
  height: 32px;
  width: 100%;
  border: 1px solid #785b28;
  background-color: #1e2328;
  color: #fff;
  -webkit-box-shadow: inset 0 3px 5px 0 rgba(1,10,19,0.5);
          box-shadow: inset 0 3px 5px 0 rgba(1,10,19,0.5);
  margin-top: 5px;
  margin-bottom: 20px;
  padding: 0 7px;
}
@media screen and (min-width: 769px) {
  form.update-email .c-input {
    height: 32px;
    width: 260px;
  }
}
form.update-email .error-message {
  font-family: BeaufortforLOL-Bold;
  color: #ff2445;
}
form.update-email .error-border {
  border: 1px solid #be1e37;
}
form.update-email .normal-border {
  border: 1px solid #785b28;
}
.Toastify__toast-container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 320px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  margin-left: -160px;
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  margin-left: -160px;
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}
@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: 0;
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: 0;
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1), 0 2px 15px 0 rgba(0,0,0,0.05);
          box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1), 0 2px 15px 0 rgba(0,0,0,0.05);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.Toastify__toast--info {
  background: #3498db;
}
.Toastify__toast--success {
  background: #07bc0c;
}
.Toastify__toast--warning {
  background: #f1c40f;
}
.Toastify__toast--error {
  background: #e74c3c;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}
.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  -webkit-animation: Toastify__trackProgress linear 1;
          animation: Toastify__trackProgress linear 1;
  background-color: rgba(255,255,255,0.7);
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
}
.Toastify__progress-bar--default {
  background: -webkit-gradient(linear, left top, right top, from(#4cd964), color-stop(#5ac8fa), color-stop(#007aff), color-stop(#34aadc), color-stop(#5856d6), to(#ff2d55));
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  -webkit-animation-name: Toastify__bounceInLeft;
          animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  -webkit-animation-name: Toastify__bounceInRight;
          animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  -webkit-animation-name: Toastify__bounceInDown;
          animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  -webkit-animation-name: Toastify__bounceInUp;
          animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  -webkit-animation-name: Toastify__bounceOutLeft;
          animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  -webkit-animation-name: Toastify__bounceOutRight;
          animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  -webkit-animation-name: Toastify__bounceOutUp;
          animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  -webkit-animation-name: Toastify__bounceOutDown;
          animation-name: Toastify__bounceOutDown;
}
.Toastify__zoom-enter {
  -webkit-animation-name: Toastify__zoomIn;
          animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
  -webkit-animation-name: Toastify__zoomOut;
          animation-name: Toastify__zoomOut;
}
.Toastify__flip-enter {
  -webkit-animation-name: Toastify__flipIn;
          animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
  -webkit-animation-name: Toastify__flipOut;
          animation-name: Toastify__flipOut;
}
.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  -webkit-animation-name: Toastify__slideInLeft;
          animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  -webkit-animation-name: Toastify__slideInRight;
          animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  -webkit-animation-name: Toastify__slideInDown;
          animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  -webkit-animation-name: Toastify__slideInUp;
          animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  -webkit-animation-name: Toastify__slideOutLeft;
          animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  -webkit-animation-name: Toastify__slideOutRight;
          animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  -webkit-animation-name: Toastify__slideOutUp;
          animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  -webkit-animation-name: Toastify__slideOutDown;
          animation-name: Toastify__slideOutDown;
}
@-webkit-keyframes Toastify__trackProgress {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes Toastify__trackProgress {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@-webkit-keyframes Toastify__flipOut {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes Toastify__flipOut {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
  }
}
@-webkit-keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
  }
}
.legal-footer .legal-text {
  color: #a09b8c;
  font-size: 12px;
}
.legal-footer .legal-links {
  font-size: 12px;
}
.legal-footer .legal-links a {
  color: #0296aa;
  text-decoration: none;
}
.legal-footer .legal-links a:hover {
  cursor: pointer;
}
body > div {
  margin-top: 50px;
}
@media screen and (min-width: 769px) {
  body > div {
    margin-top: 129px;
  }
}
body .container {
  max-width: 600px;
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  padding: 0px;
  padding-top: 42px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  body .container {
    padding-bottom: 39px;
  }
}
body .container .subtle-text {
  color: #a09b8c;
  font-family: Spiegel;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
}
body .container header {
  font-family: "BeaufortforLOL-Bold", sans-serif;
  font-size: 2em;
}
body .container header h1 {
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-size: 24px;
}
body .container div.panel-frame {
  min-height: 407px;
}
@media screen and (min-width: 769px) {
  body .container div.panel-frame {
    width: 600px;
  }
}
body .container div.content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 5px;
}
body .container footer {
  position: absolute;
  top: 100%;
  width: 30%;
}
body > div {
  margin-top: 50px;
}
@media screen and (min-width: 769px) {
  body > div {
    margin-top: 129px;
  }
}
body .container {
  max-width: 600px;
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  padding: 0px;
  padding-top: 42px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  body .container {
    padding-bottom: 39px;
  }
}
body .container .subtle-text {
  color: #a09b8c;
  font-family: Spiegel;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
}
body .container p {
  padding: 0 50px;
}
body .container header {
  font-family: "BeaufortforLOL-Bold", sans-serif;
  font-size: 2em;
}
body .container header h1 {
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-size: 24px;
}
body .container div.panel-frame {
  min-height: 407px;
}
@media screen and (min-width: 769px) {
  body .container div.panel-frame {
    width: 600px;
  }
}
body .container div.content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 5px;
}
body .container footer {
  position: absolute;
  top: 100%;
  width: 30%;
}
.panel-frame {
  border: 2px solid transparent;
  -o-border-image: linear-gradient(to top, #614a1f 0, #463714 5px, #463714 100%) 1 stretch;
     border-image: linear-gradient(to top, #614a1f 0, #463714 5px, #463714 100%) 1 stretch;
}
@font-face {
  font-family: "BeaufortforLOL-Bold";
  src: url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.eot");
  src: url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.eot?#iefix") format('embedded-opentype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.woff") format('woff'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.otf") format('opentype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.ttf") format('truetype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.svg#BeaufortforLOL-Bold") format('svg');
}
@font-face {
  font-family: "Spiegel-Regular";
  src: url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.eot");
  src: url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.eot?#iefix") format('embedded-opentype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.woff") format('woff'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.otf") format('opentype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.ttf") format('truetype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.svg#Spiegel-Regular") format('svg');
}
body {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/hIEfix.png,sizingMethod=crop);
  -webkit-font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  letter-spacing: 0;
  zoom: 1;
  font-width: normal !important;
  font-style: normal !important;
  overflow-y: scroll;
  background: #000a13;
}
@media screen and (min-width: 769px) {
  body {
    background: #000a13 url(assets/bg.jpg) no-repeat center top;
  }
}
body.fonts-loaded {
  font-family: "Spiegel-Regular";
}
#login-wrap {
  margin: 2em auto 2em;
  max-width: 400px;
  overflow: hidden;
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.spinner {
  background: url(assets/spinner.gif) center center no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.fader-enter,
.fader-appear {
  opacity: 0.01;
}
.fader-enter-active,
.fader-appear-active {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.fader-exit {
  opacity: 1;
}
.fader-exit-active {
  opacity: 0.01;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}
.fader-wrapper {
  position: relative;
  min-height: 30px;
}
@media screen and (min-width: 769px) {
  .fader-wrapper {
    position: static;
  }
}
.header {
  margin-top: 6px;
  padding: 13px 10px 0px 10px;
  margin: 0 0 6px 0;
}
@media screen and (min-width: 769px) {
  .header {
    padding: 13px 10px 0px 10px;
    margin: 6px 0 0 0;
  }
}
.header > hr {
  background: #1e282d;
  height: 1px;
  width: 100%;
  margin: 14px 0 0 0;
}
@media screen and (min-width: 769px) {
  .header > hr {
    margin: 18px 0 14px 0;
  }
}
.panel-frame {
  border-color: #463714;
  position: relative;
  background: rgba(1,4,12,0.87);
  -webkit-box-shadow: 0 0 0 1px rgba(1,10,19,0.48);
          box-shadow: 0 0 0 1px rgba(1,10,19,0.48);
  margin: 1em 0;
  padding: 0;
  background: none;
  border-width: 0;
}
@media screen and (min-width: 769px) {
  .panel-frame {
    border-width: 2px;
    background: rgba(1,4,12,0.87);
    position: relative;
    -webkit-box-shadow: 0 0 0 1px rgba(1,10,19,0.48);
            box-shadow: 0 0 0 1px rgba(1,10,19,0.48);
  }
  .panel-frame::before {
    content: '';
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + s4px);
    top: -2px;
    left: -2px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.5);
            box-shadow: 0 0 10px 1px rgba(0,0,0,0.5);
    pointer-events: none;
  }
  .panel-frame > .panel-frame-sub-border::before,
  .panel-frame > .panel-frame-sub-border::after {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    height: 0;
    border: none;
    border-width: 4px 4px 0 4px;
    border-image-width: 4px 4px 0 4px;
    border-image-slice: 4 4 0 4;
    border-image-repeat: stretch;
    border-style: solid;
    border-color: transparent;
  }
  .panel-frame > .panel-frame-sub-border::before {
    top: -6px;
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNTE3MDM0OS0yOTgyLWM5NGUtYmQyZC1kZmMwMGI3MDU5ZjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0U4OEMxNEJDODZDMTFFNUIzQ0FCNTc2NDhERTVENDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0U4OEMxNEFDODZDMTFFNUIzQ0FCNTc2NDhERTVENDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NERCNzAxN0RDN0Q1MTFFNUIzQ0FCNTc2NDhERTVENDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NERCNzAxN0VDN0Q1MTFFNUIzQ0FCNTc2NDhERTVENDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6wZLjAAAAAkUlEQVR42mJkYGBQZ2DhUGFkYtVnYGKWAPIZGVDBf4Z/f18w/Pt96f+fH7dZGBiZRBiZWCwMVNgKRXkZuRmwgDefmb+ev/O/D6j2PQsjC7udshR7HAcLI/feK0DD/qMqBllnrMTIrSzNnnD3yd8fjKqKwk8kBRmlT9/9z/DjNwNWwMHKwGCqzMjw/P3/pwABBgAtKCgNG8DgygAAAABJRU5ErkJggg==);
  }
  .panel-frame > .panel-frame-sub-border::after {
    bottom: -6px;
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNTE3MDM0OS0yOTgyLWM5NGUtYmQyZC1kZmMwMGI3MDU5ZjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REVFQUYxNTBDODZDMTFFNUIzQ0FCNTc2NDhERTVENDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0U4OEMxNTJDODZDMTFFNUIzQ0FCNTc2NDhERTVENDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NERCNzAxN0RDN0Q1MTFFNUIzQ0FCNTc2NDhERTVENDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NERCNzAxN0VDN0Q1MTFFNUIzQ0FCNTc2NDhERTVENDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5f9IXJAAAAlElEQVR42mI00ZF8oiLBJr3l7FeGrz//M2ADgtxMDN5GXAwPXv95x/z8/V8ODg5WNSMlDv7bz38z/EfTw8zEwOBlxM1w79XvZ8evfpjByMDIZM3IyuXhYSJYKCfCwo3Nhsdv/3zbfvp9///f33czAvnqjCwcKgxMrPoMTMwSQD4jmvr/DP/+vmL49/vi/z8/bgEEGABc3zJ9jwJBKgAAAABJRU5ErkJggg==);
  }
}
.status-message {
  font-size: 12px;
}
.status-message.error {
  color: #be1e37;
}
.status-message.success {
  color: #008000;
}
.fade-enter {
  opacity: 0.01;
}
.fade-enter.fade-enter-active {
  opacity: 1;
  -webkit-transition: opacity ease-in 0.3s;
  transition: opacity ease-in 0.3s;
}
.fade-leave {
  opacity: 1;
}
.fade-leave.fade-leave-active {
  opacity: 0.01;
  -webkit-transition: opacity ease-out 0.3s;
  transition: opacity ease-out 0.3s;
}
.button {
  display: inline-block;
  margin: 1em 1.5em 1em 0;
  width: 100%;
}
.button.flex {
  margin: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.button:last-child {
  margin-right: 0;
}
.button:first-child {
  margin-left: 0;
}
.button > button {
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .button {
    width: auto;
  }
}
.button > .button-loading {
  display: block;
  height: 35px;
  min-width: 140px;
  color: rgba(0,0,0,0);
  background: url(assets/spinner.gif) center center no-repeat;
  -webkit-animation: fadein 2s;
          animation: fadein 2s;
}
@media screen and (max-width: 768px) {
  .button > .button-loading {
    min-width: 0px;
  }
}
.button > .button-input {
  font-size: 12px;
  padding: 10px;
  min-width: 140px;
  border-radius: 0;
  border: 1px solid transparent;
  border-image-slice: 1;
  color: #cdbe91;
  background: #1e2328;
  border-color: #a98f5d;
  -o-border-image: linear-gradient(to bottom, #785a28, #c8aa6e) 1 stretch;
     border-image: -webkit-gradient(linear, left top, left bottom, from(#785a28), to(#c8aa6e)) 1 stretch;
     border-image: linear-gradient(to bottom, #785a28, #c8aa6e) 1 stretch;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/hIEfix.png,sizingMethod=crop);
  -webkit-font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  letter-spacing: 0;
  zoom: 1;
  font-width: normal !important;
  font-style: normal !important;
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1.3px;
}
.button > .button-input:focus,
.button > .button-input.focus {
  outline: 0px none;
}
@media screen and (max-width: 768px) {
  .button > .button-input {
    min-width: 0px;
    width: 100%;
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .button > .button-input {
    font-size: 12px;
    width: auto;
  }
}
.button > .button-input:hover {
  color: #cdfafa;
  -o-border-image: linear-gradient(to top, #3295c7 0%, #0ac8b9 49%, #cdfafa 100%);
     border-image: -webkit-gradient(linear, left bottom, left top, from(#3295c7), color-stop(49%, #0ac8b9), to(#cdfafa));
     border-image: linear-gradient(to top, #3295c7 0%, #0ac8b9 49%, #cdfafa 100%);
  border-image-slice: 1;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(88,83,66,0.5)), to(rgba(30,35,40,0.5)));
  background-image: linear-gradient(to top, rgba(88,83,66,0.5), rgba(30,35,40,0.5));
  background-color: #357ebc;
  border-color: #357ebc;
}
.button > .button-input:active {
  background-color: #3c3c41;
}
.button > .button-input[disabled] {
  color: #5c5b57;
  background-color: #1e2328;
  border-color: #5c5b57;
  -o-border-image: initial;
     border-image: initial;
}
.button > .button-input[disabled]:hover {
  color: #5c5b57;
  background-color: #1e2328;
  border-color: #5c5b57;
  -o-border-image: initial;
     border-image: initial;
  background-image: initial;
}
.fonts-loaded .button > .button-input {
  font-family: "BeaufortforLOL-Bold", sans-serif;
}
.checkbox:hover {
  color: #f0e6d2;
}
.checkbox > .checkbox-image {
  width: 14px;
  height: 14px;
  margin-right: 3px;
  margin-bottom: 2px;
  background: url(data:image/png;base64,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) no-repeat;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: text-bottom;
  background-position: 0 -14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.checkbox > .label {
  font-family: "BeaufortforLOL-Bold";
  font-size: 14px;
  letter-spacing: 0.07rem;
  padding-left: 6px;
  color: #cdbe91;
  display: block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.checkbox > .label:hover {
  color: #f0e6d2;
}
.checkbox > .checkbox-input {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
}
.checkbox.checked > .checkbox-image {
  background-position: 0 -28px;
}
p.checkbox-body {
  margin-top: 0px;
  padding: 8px 0 0 25px;
  font-size: 14px;
  line-height: 20px;
  color: #a09b8c;
  font-family: "Spiegel-Regular";
  text-decoration: none;
  letter-spacing: 0.02rem;
  font-weight: bold;
  display: inline-blockwidth 100%;
}
.checkbox.disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  opacity: 0.9;
  -webkit-filter: grayscale(80%);
          filter: grayscale(80%);
}
.checkbox.disabled:hover {
  color: #a09b8c;
}
.checkbox.disabled .label {
  color: #a09b8c;
}
.checkbox.disabled .label:hover {
  color: #a09b8c;
}
.checkbox.disabled .checkbox-image {
  cursor: default;
}
.custom-select {
  position: relative;
}
.custom-select.disabled > .custom-select-caret {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxYTI0YmQwNi02NGUxLTRkOWMtYmVhNS05NTFjZDY3MmE4MDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEI0M0JGMkU2RDJBMTFFNThEN0RFRDM1RDI2NTUxQTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEI0M0JGMkQ2RDJBMTFFNThEN0RFRDM1RDI2NTUxQTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NGQ3MGFmOS1hNzMxLTQ2MjYtOGM3Ni1kNDlkOWQxYzg0YjUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmZDE3MWI4ZS04NzQ0LTExNzgtYjczYy1mZjNhZjdhMzVmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fF9bjAAAA90lEQVR42mL8//8/A6mAiYEMwILVJG4RNiAlDcQgZzz79/XNL2R5RnTnATWwAyn5BEfBaqDUv4UH3rcD+Q+QNaJoAmrgAFJyiY6CdWL8LNEgsRcf/ixA14juJ6kkJ8FGkIbn7//MB2pYKCHAkhDvIFgJksPlJ0ZGRgbmp+9+z1py6EMvSACoASyO009A53FCTfwNCgCoS2A2wAOEcWDiCcl5v6DOY8bmPBYsodf28/f/90sPf+iDBgQo5BiAwd4ICnZcKeKfjDBrepy9IAsoJEFBDgp6fKGHLXIXAm1pQ45cfMmoBpqM2vAmIzSNUkQnWJrFE0CAAQCQxYvehN8YFAAAAABJRU5ErkJggg==) no-repeat center;
}
.custom-select-caret {
  float: right;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxYTI0YmQwNi02NGUxLTRkOWMtYmVhNS05NTFjZDY3MmE4MDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEE5RTEwRDE2RDJBMTFFNUI4NEZBMEMxREExRjEwOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEE5RTEwRDA2RDJBMTFFNUI4NEZBMEMxREExRjEwOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NGQ3MGFmOS1hNzMxLTQ2MjYtOGM3Ni1kNDlkOWQxYzg0YjUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmZDE3MWI4ZS04NzQ0LTExNzgtYjczYy1mZjNhZjdhMzVmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz63dhr3AAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=) no-repeat center;
  width: 13px;
  height: 18px;
}
.custom-select-value {
  color: #cdbe91;
}
.custom-select-combobox {
  border: 1px solid #000;
  color: #000;
  color: -moz-comboboxtext;
  display: block;
  opacity: 0;
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
  height: 100%;
}
.Select {
  width: 100%;
  height: 60px;
  padding-top: 4px;
}
.edit-link {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .edit-link {
    max-width: 365px;
  }
}
.edit-link-button {
  -ms-flex-preferred-size: 25px;
      flex-basis: 25px;
}
.edit-link-button > a {
  color: #a19c8e;
  display: inline-block;
  width: 14px;
  height: 12px;
  padding: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkFGQTI3RjkwNUVDMTFFODk4QjZDQkY4NzZDQkQ2RjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkFGQTI3RkEwNUVDMTFFODk4QjZDQkY4NzZDQkQ2RjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QUZBMjdGNzA1RUMxMUU4OThCNkNCRjg3NkNCRDZGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QUZBMjdGODA1RUMxMUU4OThCNkNCRjg3NkNCRDZGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjZzChkAAAAqUExURfjz6vbx5fHn1PDn0/bv4/Lp1/j06/bw5Pbw4/fy6P7+/fjz6fDm0v///1rYalUAAAAOdFJOU/////////////////8ARcDcyAAAAEhJREFUeNpUzNsOwCAMAlB0F+fE///d1Raj44HkNA3oSnlGQ2pkXTSR56SLSQxBz0uDm4yhFpP4qWPq9UBKfj5w5Wy6GfwEGAC/9AeVom3/XQAAAABJRU5ErkJggg==) center center no-repeat;
}
@media screen and (min-width: 769px) {
  .edit-link-button > a {
    color: #f0e6d2;
  }
}
.edit-link-button > a:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkFGQTI3RkQwNUVDMTFFODk4QjZDQkY4NzZDQkQ2RjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkFGQTI3RkUwNUVDMTFFODk4QjZDQkY4NzZDQkQ2RjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QUZBMjdGQjA1RUMxMUU4OThCNkNCRjg3NkNCRDZGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QUZBMjdGQzA1RUMxMUU4OThCNkNCRjg3NkNCRDZGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsLwGCEAAAA2UExURefgy87AlObfydDBl+LawOffyunizuXexuDXvOfgyujhzNLFnODWuuHYvfz8+ebfyM2+kf///94iME4AAAASdFJOU///////////////////////AOK/vxIAAABNSURBVHjaTM1ZDoBADAJQdNy3ofe/rGPBKB9NXtNQhHMuz4RVyfljE3m8THEwpc3HElz1U6O0qhLS6H9I9RFXBtaQ6w57KTViongLMAChIQnv4RD/GgAAAABJRU5ErkJggg==);
}
.edit-link-contents {
  font-size: 17px;
  margin-top: 4px;
  letter-spacing: 1.1px;
  color: #a19c8e;
}
@media screen and (min-width: 769px) {
  .edit-link-contents {
    font-size: 15px;
    margin-top: 0;
    letter-spacing: normal;
    color: #f0e6d2;
  }
}
.form-group-label {
  font-family: "BeaufortforLOL-Bold";
  font-size: 17px;
  letter-spacing: 1.3px;
}
@media screen and (min-width: 769px) {
  .form-group-label {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
.form-group {
  margin: 24px 0 36px 0;
}
@media screen and (min-width: 769px) {
  .form-group {
    margin: 12px 0 26px 0;
  }
}
.form-group-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 6px;
}
.form-group-contents > p {
  -ms-flex: 0 1 auto;
}
.form-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #f0e6d2;
  border-radius: 0;
  border-color: #785a28;
  border-width: 1px;
  border-style: solid;
  background-color: #1e2328;
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset, 0 0 0 1px rgba(0,0,0,0.25);
          box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset, 0 0 0 1px rgba(0,0,0,0.25);
  -webkit-transition: border-color 0s;
  transition: border-color 0s;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/hIEfix.png,sizingMethod=crop);
  -webkit-font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  letter-spacing: 0;
  zoom: 1;
  font-width: normal !important;
  font-style: normal !important;
  font-family: sans-serif;
  padding: 5px 8px;
  font-size: 14px;
  width: 100%;
  height: 38px;
  margin-top: 6px;
}
.form-input:disabled,
.form-input.disabled {
  background-color: #1e2328;
  border-color: #3c3c41;
}
.form-input:focus,
.form-input.focus {
  border-color: #a98f5d;
  background: -webkit-gradient(linear, left top, left bottom, from(#1e2328), to(#292d30));
  background: linear-gradient(to bottom, #1e2328, #292d30);

    -o-border-image: linear-gradient(to bottom, #785A28, #c8aa6e) 1 stretch;

       border-image: -webkit-gradient(linear, left top, left bottom, from(#785A28), to(#c8aa6e)) 1 stretch;

       border-image: linear-gradient(to bottom, #785A28, #c8aa6e) 1 stretch;
}

    -o-border-image: linear-gradient(to bottom, #785A28, #c8aa6e) 1 stretch;

       border-image: -webkit-gradient(linear, left top, left bottom, from(#785A28), to(#c8aa6e)) 1 stretch;

       border-image: linear-gradient(to bottom, #785A28, #c8aa6e) 1 stretch;
.fonts-loaded .form-input {
  font-family: "Spiegel-Regular", sans-serif;
}
@media screen and (min-width: 769px) {
  .form-input {
    height: 32px;
    margin-top: auto;
  }
}
.form-input:focus,
.form-input.focus {
  outline: 0px none;
}
.password-score-label {
  font-size: 12px;
  padding: 5px 0;
}
.password-score-guage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -10px;
}
.password-score-guage-block {
  width: 25%;
  border-right: 1px solid;
  height: 5px;
  background: #008000;
}
.password-score-guage-block:last-child {
  border-right: none;
}
.password-score-level-none {
  color: #f00;
}
.password-score-level-none > .password-score-guage > .password-score-guage-block {
  background: #f00;
}
.password-score-level-bad {
  color: #f00;
}
.password-score-level-bad > .password-score-guage > .password-score-guage-block {
  background: #f00;
}
.password-score-level-weak {
  color: #f00;
}
.password-score-level-weak > .password-score-guage > .password-score-guage-block {
  background: #f00;
}
.password-score-level-good {
  color: #ff0;
}
.password-score-level-good > .password-score-guage > .password-score-guage-block {
  background: #ff0;
}
.password-score-level-strong {
  color: #008000;
}
.password-score-level-strong > .password-score-guage > .password-score-guage-block {
  background: #008000;
}
.triggered-input-placeholder {
  display: block;
  cursor: pointer;
  height: $input-height-base;
  color: #cdbe91;
  font-size: 12px;
}
.triggered-input-placeholder > .triggered-input-placeholder-caret {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #cdbe91;
  margin-top: 5px;
  margin-left: 7px;
}
.triggered-input-placeholder:hover {
  color: #f0e6d2;
}
.triggered-input-placeholder:hover > .triggered-input-placeholder-caret {
  border-top: 6px solid #f0e6d2;
}
.triggered-input-placeholder.disabled,
.triggered-input-placeholder.disabled:hover {
  color: #5b5a56;
  cursor: default;
}
.triggered-input-placeholder.disabled > .triggered-input-placeholder-caret,
.triggered-input-placeholder.disabled:hover > .triggered-input-placeholder-caret {
  border-top: 0px solid transparent;
}
.triggered-input-placeholder-caret {
  display: inline-block;
}
.item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.item-section {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0.5;
      -ms-flex-positive: 0.5;
          flex-grow: 0.5;
}
.item-section.dot-leader {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 100;
      -ms-flex-positive: 100;
          flex-grow: 100;
  border-bottom: 2px dotted #cdbe91;
}
.item-section:last-child {
  text-align: right;
  -ms-flex-item-align: end;
      align-self: flex-end;
  -webkit-box-flex: 0.5;
      -ms-flex-positive: 0.5;
          flex-grow: 0.5;
  -ms-flex-preferred-size: content;
      flex-basis: content;
}
.panel-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@font-face {
  font-family: "BeaufortforLOL-Bold";
  src: url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.eot");
  src: url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.eot?#iefix") format('embedded-opentype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.woff") format('woff'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.otf") format('opentype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.ttf") format('truetype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.svg#BeaufortforLOL-Bold") format('svg');
}
@font-face {
  font-family: "Spiegel";
  src: url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.eot");
  src: url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.eot?#iefix") format('embedded-opentype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.woff") format('woff'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.otf") format('opentype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.ttf") format('truetype'), url("https://lolstatic-a.akamaihd.net/awesomefonts/1.0.0/Fonts/Spiegel-Regular.svg#Spiegel-Regular") format('svg');
}
body #riotbar-account {
  display: none !important;
}
.panel-wrapper .panel-frame {
  position: relative;
}
.panel-content {
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .panel-content {
    padding: 15px;
  }
}
body > div.riotbar-cookie-policy-v2 {
  margin-top: 57px;
}
.button {
  display: inline-block;
  padding: 7px 15px 7px;
  margin: 3px;
  color: #cdbe91;
  font-family: BeaufortforLOL-Bold;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  font-style: normal;
  text-decoration: none;
  border: 2px solid rgba(120,90,40,0.7);
  -o-border-image: linear-gradient(to bottom, #ecc572 0, #815500 100%);
     border-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ecc572), to(#815500));
     border-image: linear-gradient(to bottom, #ecc572 0, #815500 100%);
  border-radius: 0;
  border-image-slice: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-color: #1e2328;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
}
.button:hover {
  cursor: pointer;
}
.button.cta {
  color: #b2d9db;
  background: #1e2328;
  border: 2px solid rgba(192,252,253,0.7);
  -o-border-image: linear-gradient(to bottom, #08abac 0, #01698b 100%);
     border-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #08abac), to(#01698b));
     border-image: linear-gradient(to bottom, #08abac 0, #01698b 100%);
  border-image-slice: 1;
}
.button.large {
  height: auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .button.large {
    width: 260px;
  }
}
.button-existing {
  padding-bottom: 20px;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  color: #f0e6d2;
}
@media screen and (min-width: 769px) {
  body {
    background: #1c2229 url(assets/bg.jpg) no-repeat center center fixed;
    background-size: cover;
  }
}
body.fonts-loaded {
  font-family: Spiegel;
  -webkit-font-smoothing: antialiased;
}
body span.footer {
  color: #0296aa;
}
body span.footer a {
  height: 14px;
  font-family: Spiegel;
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
}
body span.footer a:hover {
  text-decoration: underline;
}

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