.UI__Loader__loading {
  animation: UI__Loader__spin 1s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-top-color: #fcaf17;
  height: 16px;
  margin: 0 auto;
  width: 16px; }

.UI__Loader__image {
  animation: UI__Loader__spin 1s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  height: 16px;
  margin: 0 auto;
  width: 16px; }

.UI__Loader__wrapper {
  text-align: center; }

.UI__Loader__hasDelay {
  animation-name: UI__Loader__show;
  animation-duration: 0ms;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes UI__Loader__spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes UI__Loader__show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.Container__container {
  padding: 1.25rem;
  margin: 0.625rem;
  animation-name: Container__fadein;
  animation-duration: 400ms;
  animation-timing-function: ease-out;
  background-color: #ffffff;
  border-radius: 0.125rem;
  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.3);
  width: calc(100% - 1.25rem); }

@media (min-width: 32.5em) {
  .Container__container {
    width: 31.25rem;
    margin: 1.25rem auto; } }

@keyframes Container__fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.UI__Avatar__avatar {
  display: inline-block;
  position: relative; }

.UI__Avatar__avatar img {
  border-radius: 2px;
  position: relative; }

.UI__Avatar__status {
  border-radius: 50%;
  border: 1px solid rgba(26, 26, 26, 0.2);
  bottom: -5px;
  display: block;
  height: 10px;
  position: absolute;
  right: -5px;
  width: 10px; }

.UI__Avatar__status.UI__Avatar__online {
  background-color: rgba(51, 153, 51, 0.85); }

.UI__Avatar__status.UI__Avatar__offline {
  background-color: rgba(153, 153, 153, 0.85); }

.UI__Avatar__status.UI__Avatar__busy {
  background-color: rgba(189, 8, 8, 0.85); }

.UI__Avatar__status.UI__Avatar__away {
  background-color: rgba(252, 175, 23, 0.85); }

.UI__Avatar__notifications {
  background: #004b8e;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  font-size: 0.688rem;
  height: 1.125rem;
  line-height: 1.125rem;
  position: absolute;
  right: -8px;
  text-align: center;
  top: -8px;
  width: 1.125rem; }
.UI__Button__btn {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: calc(2.5rem - 0.25rem);
  padding: 0 1.25rem;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(26, 26, 26, 0.2);
  vertical-align: bottom; }

.UI__Button__btn:focus {
  border: 1px solid #f7931e;
  outline: 0; }

.UI__Button__btn[type='button'],
.UI__Button__btn[type='submit'] {
  -webkit-appearance: none; }

.UI__Button__btn:disabled,
.UI__Button__btn.UI__Button__disabled {
  cursor: not-allowed;
  opacity: 0.5; }

.UI__Button__primary {
  background: linear-gradient(to right, #f7931e, #fcaf17);
  border-color: #fcaf17; }

.UI__Button__primary:hover:not(:disabled), .UI__Button__primary:active:not(:disabled) {
  background: #fcaf17; }

.UI__Button__success {
  background: linear-gradient(to right, #2d862d, #339933);
  border-color: #339933; }

.UI__Button__success:hover:not(:disabled), .UI__Button__success:active:not(:disabled) {
  background: #339933; }

.UI__Button__danger {
  background: linear-gradient(to right, #a60707, #bd0808);
  border-color: #bd0808; }

.UI__Button__danger:hover:not(:disabled), .UI__Button__danger:active:not(:disabled) {
  background: #bd0808; }

.UI__Button__ghost {
  background-color: transparent;
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
  text-shadow: none; }

.UI__Button__ghost:hover:not(:disabled) {
  background-color: rgba(26, 26, 26, 0.2); }

.UI__Button__small {
  font-size: 0.75rem;
  line-height: calc(1.875rem - 0.25rem);
  min-width: 3.75rem;
  padding: 0 0.625rem; }

.UI__Button__medium {
  font-size: 1rem;
  min-width: 6.25rem;
  padding: 0 1.25rem; }

.UI__Button__large {
  font-size: 1.125rem;
  line-height: calc(2.5rem - 0.25rem);
  min-width: 11.25rem;
  padding: 0.625rem 1.25rem; }

.UI__Button__shaded {
  background-color: rgba(26, 26, 26, 0.7);
  border-color: transparent;
  color: #ffffff; }

.UI__Button__shaded:hover:not(:disabled), .UI__Button__shaded:active:not(:disabled) {
  background-color: rgba(26, 26, 26, 0.9); }

.UI__Button__reversed {
  background-color: rgba(26, 26, 26, 0.2);
  border-color: #ffffff;
  color: #ffffff; }

.UI__Button__reversed:hover:not(:disabled), .UI__Button__reversed:active:not(:disabled) {
  background-color: rgba(26, 26, 26, 0.4); }

.UI__Button__btn svg {
  fill: #ffffff;
  -webkit-filter: drop-shadow(0 1px 1px rgba(26, 26, 26, 0.3));
          filter: drop-shadow(0 1px 1px rgba(26, 26, 26, 0.3));
  height: 13px;
  margin-right: 6px;
  position: relative;
  top: -0.095rem;
  width: 13px; }

.UI__Button__btn.UI__Button__small svg {
  margin-right: 3px;
  width: 10px;
  height: 10px; }
.UI__Card__card {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  color: #4d4d4d;
  overflow: hidden;
  padding: 20px;
  position: relative; }

.UI__Card__rockstar {
  background-color: #333333;
  color: #fafafa; }

.UI__Card__shadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  border: 0;
  border-top: 1px solid #f2f2f2; }
.UI__CheckBox__wrapper {
  position: relative; }

.UI__CheckBox__wrapper input[type='checkbox'] {
  opacity: 0;
  height: 1.25rem;
  width: 1.25rem;
  position: absolute; }

.UI__CheckBox__wrapper label {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25rem;
  min-height: 20px;
  padding-left: 1.875rem;
  position: relative; }

.UI__CheckBox__wrapper label::before,
.UI__CheckBox__wrapper label::after {
  position: absolute;
  content: '';
  display: inline-block; }

.UI__CheckBox__wrapper label::before {
  background: #ffffff;
  border-color: rgba(77, 77, 77, 0.3);
  border-radius: 3px;
  border: 1px solid;
  height: 1.25rem;
  left: 0;
  top: 0;
  width: 1.25rem; }

.UI__CheckBox__wrapper label::after {
  height: 0.375rem;
  width: 0.75rem;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: #333333;
  transform: rotate(-50deg);
  left: 0.25rem;
  top: 0.375rem; }

.UI__CheckBox__wrapper input[type='checkbox'] + label::after {
  content: none; }

.UI__CheckBox__wrapper input[type='checkbox']:checked + label::after {
  content: ''; }

.UI__CheckBox__wrapper input[type='checkbox']:focus + label::before {
  border-color: #fcaf17;
  border-width: 1px; }

.UI__CheckBox__wrapper input[disabled] + label::before,
.UI__CheckBox__wrapper input[disabled] + label::after {
  opacity: 0.4; }
.UI__CrewCard__crew {
  background: #ffffff;
  border: 1px solid #f2f2f2;
  border-bottom: 3px solid transparent;
  border-radius: 3px;
  color: #999999;
  overflow: hidden;
  padding: 0.625rem;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap; }

@media (min-width: 21.875em) {
  .UI__CrewCard__crew {
    padding: 1.25rem; } }

.UI__CrewCard__crew.UI__CrewCard__shadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  border: 0;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-top: 1px solid #f2f2f2; }

.UI__CrewCard__emblem {
  -ms-flex: 0 1 33.33%;
      flex: 0 1 33.33%;
  max-height: 100px;
  max-width: 100px;
  overflow: hidden;
  word-break: break-all; }

.UI__CrewCard__emblem img {
  height: auto;
  width: 100%; }

.UI__CrewCard__text {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  overflow: hidden;
  padding-left: 0.625rem;
  text-overflow: ellipsis; }

@media (min-width: 21.875em) {
  .UI__CrewCard__text {
    padding-left: 1.25rem; } }

.UI__CrewCard__right {
  bottom: 0;
  position: absolute;
  right: 0; }

.UI__CrewCard__username {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #fcaf17;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap; }

.UI__CrewCard__username:hover,
.UI__CrewCard__username:hover mark {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  text-decoration: underline; }

.UI__CrewCard__members {
  font-size: 0.75rem;
  line-height: 1.25rem;
  -ms-flex-align: center;
      align-items: center;
  color: #000000;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  text-decoration: none; }

.UI__CrewCard__members:hover span {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  text-decoration: underline;
  color: #fcaf17; }

.UI__CrewCard__members svg {
  clear: both;
  fill: #000000;
  float: left;
  height: 9px;
  margin-right: 5px;
  width: 9px; }

.UI__CrewCard__options:hover .UI__CrewCard__icon {
  fill: #fcaf17; }

.UI__CrewCard__icon {
  box-sizing: content-box;
  fill: #999999;
  height: 14px;
  padding: 20px;
  width: 14px; }

.UI__CrewCard__content {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  border-top: 1px solid #e6e6e6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  margin: 0.625rem -0.625rem 0 -0.625rem;
  padding: 0.625rem 0.625rem 0 0.625rem;
  width: 100%; }

@media (min-width: 21.875em) {
  .UI__CrewCard__content {
    margin: 1.25rem -1.25rem 0 -1.25rem;
    padding: 1.25rem 1.25rem 0 1.25rem;
    max-width: calc(100% + 2.5rem); } }

.UI__CrewCard__childText {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #999999;
  font-weight: normal;
  margin: 0 0 10px 0;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.UI__CrewCard__childButtons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%; }

.UI__CrewCard__childButtons > button {
  margin-right: 10px; }

.UI__CrewCard__childButtons > button:last-of-type {
  margin-right: 0; }

.UI__CrewCard__description {
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding-right: 20px; }
.UI__CrewTag__crewTag {
  font-size: 1rem;
  line-height: 1.25rem;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #f2f2f2;
  display: inline-block;
  height: 28px;
  position: relative;
  text-decoration: none;
  width: 64px; }

.UI__CrewTag__crewTag.UI__CrewTag__isRockstar {
  margin-right: 10px;
  width: 54px; }

.UI__CrewTag__crewTag.UI__CrewTag__isRockstar .UI__CrewTag__tag {
  margin-top: 3px; }

.UI__CrewTag__crewTag.UI__CrewTag__isRockstar::before {
  border-bottom: 13px solid transparent;
  border-left: 13px solid #ffffff;
  border-top: 13px solid transparent;
  content: '';
  height: 0;
  right: -12.4px;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 1; }

.UI__CrewTag__crewTag.UI__CrewTag__isRockstar::after {
  border-bottom: 14px solid transparent;
  border-left: 14px solid #f2f2f2;
  border-top: 14px solid transparent;
  content: '';
  height: 0;
  right: -13.8px;
  position: absolute;
  top: -1px;
  width: 0; }

.UI__CrewTag__tag {
  color: #1a1a1a;
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 2px;
  text-align: center;
  text-indent: 2px;
  text-transform: uppercase;
  width: 100%; }

.UI__CrewTag__rank {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%; }

.UI__CrewTag__rank div {
  border-right: 1px solid #ffffff;
  -ms-flex: 0 0 20%;
      flex: 0 0 20%; }

.UI__CrewTag__rank div:first-child {
  border-bottom-left-radius: 1px; }

.UI__CrewTag__rank div:nth-child(5) {
  border: 0;
  border-bottom-right-radius: 1px; }

.UI__CrewTag__noRank .UI__CrewTag__rank {
  width: 100%; }
/* Container used for styling the custom select, the buttom class below adds the
 * bg gradient, corners, etc. */
.UI__DropDown__custom-select {
  position: relative;
  display: block; }

/* This is the native select, we're making everything but the text invisible so
 * we can see the button styles in the wrapper */
.UI__DropDown__custom-select select {
  width: 100%;
  margin: 0;
  padding: .6em .8em .5em .8em;
  /* Prefixed box-sizing rules necessary for older browsers */
  box-sizing: border-box;
  /* Font size must be 16px to prevent iOS page zoom on focus */
  font-size: 16px; }

/* Custom arrow sits on top of the select - could be an image, SVG, icon font,
 * etc. or the arrow could just baked into the bg image on the select. */
.UI__DropDown__custom-select::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 1em;
  z-index: 2;
  /* These hacks make the select behind the arrow clickable in some browsers */
  pointer-events: none;
  display: none; }

/* Firefox <= 34 has a false positive on @supports( -moz-appearance: none )
 * @supports ( mask-type: alpha ) is Firefox 35+
 */
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) or ((-moz-appearance: none) and (mask-type: alpha)) {
  /* Show custom arrow */
  .UI__DropDown__custom-select::after {
    display: block; }
  /* Remove select styling */
  .UI__DropDown__custom-select select {
    padding-right: 2em;
    /* Match-01 */
    /* inside @supports so that iOS <= 8 display the native arrow */
    background: none;
    /* Match-04 */
    /* inside @supports so that Android <= 4.3 display the native arrow */
    border: 1px solid transparent;
    /* Match-05 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .UI__DropDown__custom-select select:focus {
    border-color: #aaa;
    /* Match-03 */ } }

/* Adds Firefox < 35 support */
/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  /* Warning: this kills the focus outline style */
  .UI__DropDown__custom-select {
    overflow: hidden; }
  .UI__DropDown__custom-select::after {
    display: block; }
  /* Make the native select extra wide so the arrow is clipped. 1.5em seems to be enough to safely clip it */
  .UI__DropDown__custom-select select {
    overflow: -moz-hidden-unscrollable;
    padding-right: .4em;
    background: none;
    /* Match-04 */
    border: 1px solid transparent;
    /* Match-05 */
    /* Firefox < 4 */
    min-width: 6em;
    width: 130%;
    /* Firefox 4-15 */
    min-width: -moz-calc(0em);
    width: -moz-calc(100% + 2.4em);
    /* Firefox 16+ */
    min-width: calc(0em);
    width: calc(100% + 2.4em); }
  /* Firefox 35+ that supports hiding the native select can have a proper 100% width, no need for the overflow clip trick */
  @supports (mask-type: alpha) {
    .UI__DropDown__custom-select {
      overflow: visible; }
    .UI__DropDown__custom-select select {
      -moz-appearance: none;
      width: 100%;
      padding-right: 2em;
      /* Match-01 padding-right */ } } }

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.UI__DropDown__custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance. Targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .UI__DropDown__custom-select select::-ms-expand {
    display: none; }
  .UI__DropDown__custom-select select:focus {
    border-color: #aaa;
    /* Match-03 */ }
  .UI__DropDown__custom-select select:focus::-ms-value {
    background: transparent;
    color: #222;
    /* Match-02*/ }
  .UI__DropDown__custom-select select {
    padding-right: 2em;
    /* Match-01 */
    background: none;
    /* Match-04 */
    border: 1px solid transparent;
    /* Match-05 */ }
  .UI__DropDown__custom-select::after {
    display: block; } }

/*
    Based upon Filament Group's css-only select
    https://github.com/filamentgroup/select-css
*/
.UI__DropDown__custom-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  color: #666666;
  display: block;
  float: left;
  font-size: 1.125rem;
  height: 3.125rem;
  margin: 0;
  padding: 0 1.25rem;
  position: relative;
  width: 100%;
  display: block;
  padding: 0;
  position: relative; }

.UI__DropDown__custom-select::-ms-clear {
  display: none; }

.UI__DropDown__custom-select select {
  font-size: 1rem;
  line-height: 1.25rem;
  border: 0 !important;
  box-sizing: border-box;
  color: #666666;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  height: 100%;
  margin: 0;
  padding: 0.625rem calc(2.875rem + 0.625rem) 0.625rem 0.625rem;
  width: 100%; }

.UI__DropDown__custom-select:hover {
  border-color: #fcaf17; }

.UI__DropDown__custom-select.UI__DropDown__hasLabel select {
  padding: 0.75rem calc(1.25rem + 2.875rem) 0 1.25rem; }

.UI__DropDown__label {
  color: #999999;
  font-size: 1rem;
  left: 1.25rem;
  line-height: 3.125rem;
  pointer-events: none;
  position: absolute;
  transform-origin: 0 0;
  transform: translate(0, -0.3125rem) scale(0.75); }

.UI__DropDown__custom-select option {
  background-color: inherit;
  font-weight: normal; }

.UI__DropDown__arrow::after {
  background-image: url(../../../images/ui-lib/c5e0673c3de66caf613234a091f6c626.png);
  background-position: center 1.375rem;
  background-repeat: no-repeat;
  background-size: 0.75rem 0.5rem;
  border-left: 1px solid #e6e6e6;
  content: ' ';
  display: none;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.875rem;
  z-index: 0; }

@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) or ((-moz-appearance: none) and (mask-type: alpha)) {
  .UI__DropDown__arrow::after {
    display: block; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .UI__DropDown__arrow::after {
    display: block; } }
.UI__TextInput__input {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100%; }

.UI__TextInput__field {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  color: #666666;
  display: block;
  float: left;
  font-size: 1.125rem;
  height: 3.125rem;
  margin: 0;
  padding: 0 1.25rem;
  position: relative;
  width: 100%; }

.UI__TextInput__field::-ms-clear {
  display: none; }

.UI__TextInput__label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  color: #4d4d4d;
  display: block;
  float: right;
  font-size: 1rem;
  left: 1.25rem;
  line-height: 3.125rem;
  padding: 0;
  pointer-events: none;
  position: absolute;
  text-align: left;
  transform-origin: 0 0;
  transition-duration: 0.2s;
  transition-property: transform, color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: calc(100% - 2.5rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: inherit; }

.UI__TextInput__filled .UI__TextInput__field {
  padding-top: 0.75rem; }

.UI__TextInput__filled .UI__TextInput__label {
  color: #999999;
  transform: translate(0.0625rem, -0.3125rem) scale(0.75); }

.UI__TextInput__input.UI__TextInput__error .UI__TextInput__field {
  border-color: #bd0808;
  color: #bd0808; }

.UI__TextInput__input.UI__TextInput__error .UI__TextInput__field:focus + label {
  color: #bd0808; }

.UI__TextInput__input.UI__TextInput__error label {
  color: #bd0808; }

.UI__TextInput__hint {
  display: none;
  clear: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
  color: #ffffff;
  background: #004b8e;
  padding: 0.375rem 1.25rem; }

.UI__TextInput__field:focus ~ .UI__TextInput__hint {
  display: block; }

.UI__TextInput__mask {
  letter-spacing: 1px; }
.UI__ValidationError__error {
  display: block;
  clear: left;
  background: #bd0808;
  color: #ffffff;
  padding: 6px 20px;
  font-size: 0.875rem;
  line-height: 1.25rem; }
.UI__DateOfBirth__wrapper {
  border: none;
  margin: 0;
  padding: 0; }

@media (min-width: 27.5em) {
  .UI__DateOfBirth__selectWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 -5px; } }

.UI__DateOfBirth__legend {
  margin-bottom: 10px; }

.UI__DateOfBirth__dropdown {
  margin-bottom: 0.625rem; }

@media (min-width: 27.5em) {
  .UI__DateOfBirth__dropdown {
    margin: 0 5px 0.625rem;
    -ms-flex-positive: 1;
        flex-grow: 1; } }

.UI__DateOfBirth__dropdown > div {
  float: none; }

.UI__DateOfBirth__input {
  width: 140px; }
.UI__Hint__container {
  display: inline; }

.UI__Hint__icon {
  cursor: pointer; }

.UI__Hint__icon[data-balloon] {
  overflow: visible; }

[data-balloon] {
  position: relative; }

[data-balloon]::after {
  opacity: 0;
  transition: all 0.18s ease-out 0.18s;
  pointer-events: none;
  font-size: 0.75rem;
  line-height: 1.25rem;
  background: rgba(26, 26, 26, 0.9);
  border-radius: 4px;
  color: #ffffff;
  content: attr(data-balloon);
  padding: 0.625rem 1.25rem;
  position: absolute;
  white-space: nowrap;
  z-index: 10; }

[data-balloon]::before {
  opacity: 0;
  transition: all 0.18s ease-out 0.18s;
  pointer-events: none;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(26, 26, 26, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  content: '';
  position: absolute;
  z-index: 10; }

[data-balloon]:hover::before, [data-balloon]:hover::after, [data-balloon][data-balloon-visible]::before, [data-balloon][data-balloon-visible]::after {
  opacity: 1;
  pointer-events: auto; }

[data-balloon].UI__Hint__font-awesome::after {
  font-family: FontAwesome; }

[data-balloon][data-balloon-break]::after {
  white-space: pre; }

[data-balloon][data-balloon-pos='up']::after {
  transform: translate(-50%, 10px);
  transform-origin: top;
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px; }

[data-balloon][data-balloon-pos='up']::before {
  transform: translate(-50%, 10px);
  transform-origin: top;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px; }

[data-balloon][data-balloon-pos='up']:hover::after, [data-balloon][data-balloon-pos='up'][data-balloon-visible]::after {
  transform: translate(-50%, 0); }

[data-balloon][data-balloon-pos='up']:hover::before, [data-balloon][data-balloon-pos='up'][data-balloon-visible]::before {
  transform: translate(-50%, 0); }

[data-balloon][data-balloon-pos='down']::after {
  transform: translate(-50%, -10px);
  left: 50%;
  margin-top: 11px;
  top: 100%; }

[data-balloon][data-balloon-pos='down']::before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(26, 26, 26, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  transform: translate(-50%, -10px);
  left: 50%;
  margin-top: 5px;
  top: 100%; }

[data-balloon][data-balloon-pos='down']:hover::after, [data-balloon][data-balloon-pos='down'][data-balloon-visible]::after {
  transform: translate(-50%, 0); }

[data-balloon][data-balloon-pos='down']:hover::before, [data-balloon][data-balloon-pos='down'][data-balloon-visible]::before {
  transform: translate(-50%, 0); }

[data-balloon][data-balloon-pos='left']::after {
  transform: translate(10px, -50%);
  margin-right: 11px;
  right: 100%;
  top: 50%; }

[data-balloon][data-balloon-pos='left']::before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(26, 26, 26, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 6px;
  height: 18px;
  transform: translate(10px, -50%);
  margin-right: 5px;
  right: 100%;
  top: 50%; }

[data-balloon][data-balloon-pos='left']:hover::after, [data-balloon][data-balloon-pos='left'][data-balloon-visible]::after {
  transform: translate(0, -50%); }

[data-balloon][data-balloon-pos='left']:hover::before, [data-balloon][data-balloon-pos='left'][data-balloon-visible]::before {
  transform: translate(0, -50%); }

[data-balloon][data-balloon-pos='right']::after {
  transform: translate(-10px, -50%);
  left: 100%;
  margin-left: 11px;
  top: 50%; }

[data-balloon][data-balloon-pos='right']::before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(26, 26, 26, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 6px;
  height: 18px;
  transform: translate(-10px, -50%);
  left: 100%;
  margin-left: 5px;
  top: 50%; }

[data-balloon][data-balloon-pos='right']:hover::after, [data-balloon][data-balloon-pos='right'][data-balloon-visible]::after {
  transform: translate(0, -50%); }

[data-balloon][data-balloon-pos='right']:hover::before, [data-balloon][data-balloon-pos='right'][data-balloon-visible]::before {
  transform: translate(0, -50%); }

[data-balloon][data-balloon-length='small']::after {
  white-space: normal;
  width: 80px; }

[data-balloon][data-balloon-length='medium']::after {
  white-space: normal;
  width: 150px; }

[data-balloon][data-balloon-length='large']::after {
  white-space: normal;
  width: 260px; }

[data-balloon][data-balloon-length='xlarge']::after {
  white-space: normal;
  width: 380px; }

@media screen and (max-width: 768px) {
  [data-balloon][data-balloon-length='xlarge']::after {
    white-space: normal;
    width: 90vw; } }

[data-balloon][data-balloon-length='fit']::after {
  white-space: normal;
  width: 100%; }
.UI__Icon__icon {
  fill: #999999;
  vertical-align: middle; }
.UI__ModalLabel__label {
  font-size: 1.125rem;
  line-height: 1.25rem;
  background-color: #f2f2f2;
  border-radius: 2px;
  color: #1a1a1a;
  display: block;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  text-align: center;
  text-decoration: none; }
.UI__ModalLink__link {
  font-size: 1.125rem;
  line-height: 1.25rem;
  background-color: #999999;
  border-radius: 2px;
  color: #fafafa;
  cursor: pointer;
  display: block;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  text-align: center;
  text-decoration: none; }

.UI__ModalLink__link:hover {
  background-color: #1a1a1a;
  color: #ffffff; }
.UI__Modal__body {
  padding: 1.25rem 1.25rem 0 1.25rem; }

.UI__Modal__body::after {
  clear: both;
  content: '';
  display: table; }

.UI__Modal__body,
.UI__Modal__body p {
  color: #4d4d4d; }

.UI__Modal__modalOpenHtml {
  overflow-y: visible; }

.UI__Modal__modalOpenBody {
  overflow: hidden; }

.UI__Modal__modalOverlay {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 250ms;
  z-index: 10000;
  -webkit-overflow-scrolling: touch;
  display: -ms-flexbox;
  display: flex; }

.UI__Modal__modalOverlay.UI__Modal__afterOpen {
  opacity: 1; }

.UI__Modal__modalOverlay.UI__Modal__afterOpen .UI__Modal__modal {
  transform: translateY(0); }

.UI__Modal__modalOverlay.UI__Modal__beforeClose {
  opacity: 0; }

.UI__Modal__modalOverlay.UI__Modal__beforeClose .UI__Modal__modal {
  transform: translateY(-25%); }

.UI__Modal__modal {
  margin: auto 0.625rem;
  width: 100%;
  min-width: 300px;
  outline: 0;
  position: relative;
  transform: translateY(-25%);
  transition: transform 0.3s ease-out; }

.UI__Modal__modal:focus {
  outline: 0; }

@media (min-width: 38.75em) {
  .UI__Modal__modal {
    max-width: 600px;
    margin: auto; } }

.UI__Modal__content {
  background-clip: padding-box;
  background-color: #ffffff;
  border-radius: 3px;
  color: #4d4d4d;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  outline: 0;
  width: 100%; }

.UI__Modal__content::after {
  clear: both;
  content: '';
  display: table; }

.UI__Modal__close {
  padding: 18px 20px;
  position: absolute;
  right: 0;
  top: 0; }

.UI__Modal__close svg {
  fill: #fafafa;
  float: left;
  height: 24px;
  width: 24px; }

.UI__Modal__close:hover svg {
  fill: #1a1a1a; }

.UI__Modal__close span {
  display: none; }

.UI__Modal__title {
  font-size: 1.125rem;
  line-height: 1.25rem;
  background-color: #fcaf17;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #ffffff;
  font-weight: bold;
  padding: 18px 0.625rem;
  text-align: center; }

.UI__Modal__title.UI__Modal__closeIcon {
  padding: 18px 64px; }

.UI__Modal__mtlModal {
  transform: translateY(0);
  margin: auto; }

.UI__Modal__mtlPolicyModal {
  transform: translateY(0);
  margin: auto; }

.UI__Modal__mtlPolicyModal .UI__Modal__body {
  padding: 0; }

.UI__Modal__mtlPolicyModal .UI__Modal__title {
  margin: 0; }
.UI__NavBar__container {
  font-size: 1rem;
  line-height: 1.25rem;
  background: #1a1a1a;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  height: 3.75rem;
  width: 100%; }

.UI__NavBar__transparent {
  background: rgba(26, 26, 26, 0.8); }

.Landing__body .UI__NavBar__container {
  background: #1a1a1a; }

.UI__NavBar__inner {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  position: relative; }

.UI__NavBar__item {
  border-top: 1px solid #333333; }

.UI__NavBar__link {
  color: #ffffff;
  display: block;
  font-size: 0.875rem;
  letter-spacing: 0.4px;
  padding: 1.25rem 1.25rem calc(1.25rem - 1px);
  position: relative;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase; }

.UI__NavBar__link:hover {
  color: #ffffff; }

.UI__NavBar__link .UI__NavBar__text {
  display: inline-block;
  position: relative; }

.UI__NavBar__link .UI__NavBar__text::after {
  background-color: #fcaf17;
  bottom: -6px;
  content: ' ';
  display: none;
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%; }

.UI__NavBar__link:hover .UI__NavBar__text::after,
.UI__NavBar__active .UI__NavBar__text::after {
  display: block; }

.UI__NavBar__icon {
  fill: #ffffff;
  height: 16px;
  margin-right: 20px;
  position: relative;
  top: -2px;
  width: 16px; }
.UI__Nickname__item {
  display: inline-block; }

.UI__Nickname__item:not(:last-child)::after {
  content: ', ';
  white-space: pre; }

.UI__Nickname__link {
  text-decoration: none;
  color: #fcaf17; }
.UI__NicknameSuggestions__card {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff; }

.UI__NicknameSuggestions__title {
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0 0 0.625rem;
  color: #333333;
  font-weight: normal; }

.UI__NicknameSuggestions__list {
  list-style: none;
  padding: 0;
  margin: 0; }
.UI__MarkText__mark {
  background-color: #dac5ff;
  color: #000000; }
.UI__OptionsButtonItem__item {
  padding: 10px 1.25rem;
  white-space: nowrap;
  cursor: pointer; }

.UI__OptionsButtonItem__item:hover {
  background: #f1f1f1;
  color: #000000; }

.UI__OptionsButtonItem__border {
  border-top: 1px solid #f1f1f1; }
.UI__OptionsButton__container {
  position: relative;
  display: inline-block; }

.UI__OptionsButton__left {
  text-align: left; }

.UI__OptionsButton__left .UI__OptionsButton__menu {
  left: 0; }

.UI__OptionsButton__right {
  text-align: right; }

.UI__OptionsButton__right .UI__OptionsButton__menu {
  right: 0; }

.UI__OptionsButton__button {
  border-radius: 3px 0 0 3px;
  float: left; }

.UI__OptionsButton__toggleButton {
  height: 38px;
  padding: 0 10px;
  min-width: 0;
  margin-left: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.UI__OptionsButton__menu {
  position: absolute;
  margin-top: 0;
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #f1f1f1;
  list-style: none;
  padding-left: 0; }
.UI__PasswordInput__inputContainer {
  position: relative;
  display: inline-block;
  width: 100%; }

.UI__PasswordInput__capsLock {
  color: #bd0808;
  text-transform: uppercase;
  padding-left: 0.3125rem;
  display: none; }

.UI__PasswordInput__passwordInput input:focus + label .UI__PasswordInput__capsLock {
  display: inline-block; }

.UI__PasswordInput__passwordReveal {
  cursor: pointer;
  height: 1rem;
  position: absolute;
  right: 1.25rem;
  top: 1.125rem;
  width: 1rem; }

.UI__PasswordInput__passwordReveal svg {
  vertical-align: unset; }

.UI__PasswordInput__revealHint {
  cursor: pointer;
  border-bottom: 0 !important; }

.UI__PasswordInput__revealHint svg {
  width: 1rem;
  height: 1rem; }

.UI__PasswordInput__hasReveal input,
.UI__PasswordInput__hasStrenthCheck input {
  padding-right: 3.25rem; }

.UI__PasswordInput__hasReveal.UI__PasswordInput__hasStrenthCheck input {
  padding-right: 5.2rem; }

.UI__PasswordInput__hasReveal.UI__PasswordInput__hasStrenthCheck .UI__PasswordInput__passwordReveal {
  right: 3.125rem; }

.UI__PasswordInput__box {
  border: 1px solid #999999;
  padding: 0.0625rem 0.0625rem 0;
  margin-bottom: 0.3125rem;
  width: 0.875rem;
  height: 1.813rem;
  position: absolute;
  right: 1.25rem;
  top: 0.6875rem;
  transform: rotate(180deg); }

.UI__PasswordInput__strengthHint {
  cursor: pointer;
  position: absolute !important;
  right: 1.25rem;
  top: 0.6875rem;
  border-bottom: 0 !important; }

.UI__PasswordInput__strengthHint .UI__PasswordInput__box {
  position: static; }

.UI__PasswordInput__box span {
  display: block;
  width: 100%;
  height: calc(25% - 1px);
  margin-top: 1px;
  background: #bd0808; }

.UI__PasswordInput__box span:first-child {
  margin: 0; }

.UI__PasswordInput__strength_0 span {
  display: none; }

.UI__PasswordInput__strength_1 span:nth-child(n + 2) {
  display: none; }

.UI__PasswordInput__strength_2 span {
  background: #fcaf17; }

.UI__PasswordInput__strength_2 span:nth-child(n + 3) {
  display: none; }

.UI__PasswordInput__strength_3 span {
  background: #339933; }

.UI__PasswordInput__strength_3 span:nth-child(n + 4) {
  display: none; }

.UI__PasswordInput__strength_4 span {
  background: #339933;
  display: block; }
.UI__PlatformIcon__icon {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap;
  background-image: url(../../../images/ui-lib/5e88a4fbb29bbf0da759d11bc6a8c2e7.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 0;
  padding-bottom: 20%;
  width: 100%; }

.UI__PlatformIcon__alt {
  background-image: url(../../../images/ui-lib/cdf40fd0ff86c566362c4e72deb6f987.png); }

.UI__PlatformIcon__xboxone {
  background-position: 0 0; }

.UI__PlatformIcon__xbox {
  background-position: 0 14.2857143%; }

.UI__PlatformIcon__ps3 {
  background-position: 0 28.5714286%; }

.UI__PlatformIcon__ps4 {
  background-position: 0 42.8571429%; }

.UI__PlatformIcon__pc,
.UI__PlatformIcon__gfwl {
  background-position: 0 57.1428571%; }

.UI__PlatformIcon__iosros {
  background-position: 0 71.4285714%; }

.UI__PlatformIcon__android {
  background-position: 0 85.7142857%; }

.UI__PlatformIcon__switch {
  background-position: 0 100%; }
.UI__PlayerCard__player {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  max-width: 600px;
  padding: 5px;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }

.UI__PlayerCard__player.UI__PlayerCard__shadow {
  border: 1px solid #f2f2f2; }

.UI__PlayerCard__isChecked {
  border: 1px solid #fcaf17; }

.UI__PlayerCard__withCheckbox {
  margin-right: 49px; }

.UI__PlayerCard__avatar img {
  border-radius: 2px; }

.UI__PlayerCard__text {
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  -ms-flex: 1 0;
      flex: 1 0; }

.UI__PlayerCard__right {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto; }

.UI__PlayerCard__username {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #000000;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap; }

a.UI__PlayerCard__username {
  color: #fcaf17;
  font-weight: bold; }

a.UI__PlayerCard__username:hover,
a.UI__PlayerCard__username:hover mark {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  text-decoration: underline; }

.UI__PlayerCard__service,
.UI__PlayerCard__email {
  font-size: 0.875rem;
  line-height: 1.25rem; }

.UI__PlayerCard__service {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex; }

.UI__PlayerCard__serviceIcon {
  margin-right: 5px; }

.UI__PlayerCard__cbx {
  position: absolute;
  right: 10px;
  top: 20px; }

.UI__PlayerCard__options:hover .UI__PlayerCard__icon {
  fill: #fcaf17; }

.UI__PlayerCard__icon {
  box-sizing: content-box;
  fill: #999999;
  height: 14px;
  margin-left: 5px;
  padding: 13px 15px;
  width: 14px; }

.UI__PlayerCard__content {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 10px 5px 10px;
  margin: 5px -5px 0 -5px;
  border-top: 1px solid #e6e6e6;
  width: 100%;
  overflow: hidden; }

.UI__PlayerCard__childText {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #999999;
  font-weight: normal;
  margin: 0 0 10px 0;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.UI__PlayerCard__childButtons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%; }

.UI__PlayerCard__childButtons > button {
  margin-right: 10px; }

.UI__PlayerCard__childButtons > button:last-of-type {
  margin-right: 0; }
.UI__PlatformCard__serviceIcon {
  position: absolute; }

.UI__PlatformCard__userName {
  padding: 0 0 0 60px;
  margin: 0;
  color: #333333;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  word-break: break-all;
  font-size: 1.125rem;
  line-height: 1.25rem;
  line-height: 40px; }

.UI__PlatformCard__icon {
  fill: #bd0808; }

.UI__PlatformCard__close {
  background: none;
  border: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }

.UI__PlatformCard__close:focus {
  outline: none; }

.UI__PlatformCard__close:focus .UI__PlatformCard__icon {
  fill: #fcaf17; }
.UI__Popover__optionsNavOpen {
  overflow: hidden; }

.UI__Popover__popover {
  margin-left: -18px;
  z-index: 10000; }

.UI__Popover__arrowInner {
  position: absolute;
  border-left: 12px solid transparent;
  border-right: 0 solid transparent;
  right: 1px; }

.UI__Popover__popover > div[name='bottom'] > div {
  padding-top: 13px !important; }

.UI__Popover__popover > div[name='bottom'] .UI__Popover__popoverContent {
  border-radius: 3px 0 3px 3px; }

.UI__Popover__popover > div[name='bottom'] .UI__Popover__popoverContent li:first-of-type a {
  border-radius: 3px 0 0 0; }

.UI__Popover__popover > div[name='bottom'] .UI__Popover__arrowInner {
  top: 2px;
  border-bottom: 12px solid #ffffff; }

.UI__Popover__popover > div[name='bottom'].UI__Popover__hasHeading .UI__Popover__arrowInner {
  border-bottom: 12px solid #e6e6e6; }

.UI__Popover__popover > div[name='top'] > div {
  padding-bottom: 13px !important; }

.UI__Popover__popover > div[name='top'] .UI__Popover__popoverContent {
  border-radius: 3px 3px 0 3px; }

.UI__Popover__popover > div[name='top'] .UI__Popover__arrowInner {
  bottom: 2px;
  border-top: 12px solid #ffffff; }

.UI__Popover__popoverContent {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: 1px solid #cccccc;
  min-width: 160px; }

.UI__Popover__popoverContent h3 {
  color: #1a1a1a;
  font-size: 1rem;
  margin: 0;
  padding: 0 0.625rem;
  background-color: #e6e6e6;
  line-height: 1.875rem;
  border-radius: 3px 0 0 0; }

.UI__Popover__popoverContent ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.UI__Popover__popoverContent li {
  border-top: 1px solid #e6e6e6; }

.UI__Popover__popoverContent li:first-of-type {
  border: none; }

.UI__Popover__popoverContent li:first-of-type a {
  border-radius: 3px 3px 0 0; }

.UI__Popover__popoverContent li:last-of-type a {
  border-radius: 0 0 3px 3px; }

.UI__Popover__popoverContent a,
.UI__Popover__popoverContent label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1a1a1a;
  display: block;
  text-decoration: none;
  padding: 0.625rem 1.25rem; }

.UI__Popover__popoverContent a:hover,
.UI__Popover__popoverContent label:hover {
  background-color: #f2f2f2; }

.UI__Popover__popoverContent a svg,
.UI__Popover__popoverContent label svg {
  height: 16px;
  margin-right: 10px;
  position: relative;
  top: -2px;
  width: 16px; }

.UI__Popover__popoverContent label {
  font-weight: normal; }

.UI__Popover__popoverContent label:hover {
  background-color: #ffffff; }

.UI__Popover__popoverContent h3 + ul li:first-of-type a {
  border-radius: 0; }

.UI__Popover__optionsTest {
  background-color: #fcaf17; }

.UI__Popover__optionsNav {
  right: 0;
  position: fixed !important;
  z-index: 11000; }

.UI__Popover__optionsNavInner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8); }

.UI__Popover__optionsNavMenuWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all 0.25s ease-in-out;
  transform: translateY(100%); }

.UI__Popover__optionsNavOpen .UI__Popover__optionsNavMenuWrap {
  transform: translateY(0); }

.UI__Popover__optionsNavMenu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 auto;
  background-color: #ffffff; }

.UI__Popover__optionsNavMenu h3 {
  display: none; }

.UI__Popover__optionsNavMenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.UI__Popover__optionsNavMenu li {
  border-top: 1px solid #f2f2f2; }

.UI__Popover__optionsNavMenu li:first-of-type {
  border: none; }

.UI__Popover__optionsNavMenu a,
.UI__Popover__optionsNavMenu label {
  color: #1a1a1a;
  font-size: 1rem;
  font-weight: bold;
  display: block;
  text-decoration: none;
  line-height: 45px;
  padding: 0 1.25rem;
  background-color: #ffffff; }

.UI__Popover__optionsNavMenu a:hover,
.UI__Popover__optionsNavMenu label:hover {
  background-color: #f2f2f2; }

.UI__Popover__optionsNavMenu a svg,
.UI__Popover__optionsNavMenu label svg {
  width: 12px;
  height: 12px;
  margin-right: 8px;
  position: relative;
  top: -0.125rem; }

.UI__Popover__optionsNavMenu label {
  font-weight: normal; }

.UI__Popover__optionsNavMenu label:hover {
  background-color: #ffffff; }
.UI__ProgressBar__container {
  height: 8px;
  width: 100%;
  background: rgba(255, 255, 255, 0.13);
  border-radius: 4px; }

.UI__ProgressBar__progress {
  height: 8px;
  width: 0;
  border-radius: 4px; }

.UI__ProgressBar__progress.UI__ProgressBar__error {
  background: #bd0808; }

.UI__ProgressBar__progress:not(.UI__ProgressBar__error) {
  background: #fcaf17; }

.UI__ProgressBar__animate {
  transition: width 0.5s ease; }
.UI__Radio__radio {
  background: #ffffff;
  border: 1px solid #f2f2f2;
  height: 20px;
  width: 20px;
  cursor: pointer;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  position: absolute; }

/* disabled radio */
.UI__Radio__radio:disabled {
  box-shadow: none;
  border-color: #e6e6e6;
  background-color: #f2f2f2; }

.UI__Radio__radio:disabled + label {
  color: #999999; }

/* accessibility */
.UI__Radio__radio:focus {
  outline-color: #fcaf17;
  outline-offset: -1px;
  outline-width: 3px; }

/* hover style just for information */
.UI__Radio__radio:hover {
  border: 1px solid #fcaf17; }

.UI__Radio__label {
  cursor: pointer;
  line-height: normal;
  padding-left: 32px;
  display: inline-block; }
.UI__ServiceIcon__icon {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap;
  background-position: 0 -14.28571%;
  background-image: url(../../../images/ui-lib/e62a3377f0be8e20dbe1b618f74bcfcd.png);
  background-repeat: no-repeat;
  background-size: 99%;
  display: inline-block;
  height: 100%;
  width: 100%; }

.UI__ServiceIcon__facebook {
  background-position: 0 0%; }

.UI__ServiceIcon__twitter {
  background-position: 0 14.28571%; }

.UI__ServiceIcon__google {
  background-position: 0 28.57143%; }

.UI__ServiceIcon__psn,
.UI__ServiceIcon__np {
  background-position: 0 42.85714%; }

.UI__ServiceIcon__xbox,
.UI__ServiceIcon__xbl {
  background-position: 0 57.14286%; }

.UI__ServiceIcon__steam {
  background-position: 0 71.42857%; }

.UI__ServiceIcon__legacygfwl {
  background-position: 0 85.71429%; }

.UI__ServiceIcon__nintendoswitch {
  background-position: 0 100%; }
.UI__SCLogo__logo {
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  box-sizing: content-box;
  display: block;
  text-indent: -9999px; }

.UI__SCLogo__logo:not(.UI__SCLogo__isIcon) {
  background-image: url(../../../images/ui-lib/fa49443a89195c47c6ed020e94968212.svg); }

.UI__SCLogo__isIcon {
  background-image: url(../../../images/ui-lib/08e8e07d1a9a670a342c7b753b7a0ea5.svg); }
.UI__Toggle__toggle {
  width: 52px;
  height: 28px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  background: #999999; }

.UI__Toggle__toggleButton {
  box-shadow: 1px 0 2px #666666;
  width: 24px;
  height: 24px;
  left: 2px;
  top: 2px;
  border-radius: 3px;
  background: #ffffff;
  position: relative;
  transition: left 0.2s ease-in-out; }

.UI__Toggle__toggle.UI__Toggle__on {
  background: #fcaf17; }

.UI__Toggle__toggle.UI__Toggle__on .UI__Toggle__toggleButton {
  left: 26px;
  box-shadow: -1px 0 2px #999999; }

.UI__Toggle__toggle.UI__Toggle__disabled {
  cursor: not-allowed; }
.UI__Tooltip__tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #fcaf17;
  cursor: pointer; }

/* Tooltip text */
.UI__Tooltip__tooltip .UI__Tooltip__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  visibility: hidden;
  width: auto;
  background-color: #333333;
  color: #ffffff;
  text-align: center;
  padding: 0.625rem;
  border-radius: 2px;
  opacity: 0;
  transition: opacity 200ms;
  position: absolute;
  z-index: 1; }

.UI__Tooltip__tooltip .UI__Tooltip__text::after {
  content: '';
  position: absolute; }

.UI__Tooltip__top .UI__Tooltip__text {
  bottom: 125%;
  left: 50%;
  transform: translate(-50%, 0); }

.UI__Tooltip__top .UI__Tooltip__text::after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333333 transparent transparent transparent; }

.UI__Tooltip__bottom .UI__Tooltip__text {
  top: 125%;
  left: 50%;
  transform: translate(-50%, 0); }

.UI__Tooltip__bottom .UI__Tooltip__text::after {
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #333333 transparent; }

.UI__Tooltip__left .UI__Tooltip__text {
  right: 125%;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: -3px; }

.UI__Tooltip__left .UI__Tooltip__text::after {
  left: 100%;
  top: 50%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #333333; }

.UI__Tooltip__right .UI__Tooltip__text {
  left: 125%;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: -3px; }

.UI__Tooltip__right .UI__Tooltip__text::after {
  right: 100%;
  top: 50%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #333333 transparent transparent; }

/* Show the tooltip text when you mouse over the tooltip container */
.UI__Tooltip__tooltip:hover .UI__Tooltip__text {
  visibility: visible;
  opacity: 1; }
@media (min-width: 32.5em) {
  .UI__ThirdPartyAuth__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; } }

.UI__ThirdPartyAuth__services {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between; }

@media (min-width: 32.5em) {
  .UI__ThirdPartyAuth__services {
    width: 50%; } }

.UI__ThirdPartyAuth__label {
  margin-bottom: 0.625rem; }

@media (min-width: 32.5em) {
  .UI__ThirdPartyAuth__label {
    margin-bottom: 0;
    text-align: right; } }
.UI__ThirdPartyAuthProvider__link {
  display: inline-block;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  margin-right: 10px;
  position: relative;
  max-height: 40px;
  max-width: 40px; }

.UI__ThirdPartyAuthProvider__link > * {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 40px;
  max-height: 40px; }

.UI__ThirdPartyAuthProvider__link::before {
  content: '';
  display: block;
  padding-top: 100%; }

.UI__ThirdPartyAuthProvider__link:last-child {
  margin-right: 0; }
.UI__Alert__alert {
  border-radius: 2px;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
  width: 100%;
  z-index: 1; }

.UI__Alert__heading {
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: currentColor; }

.UI__Alert__hasIcon .UI__Alert__text {
  padding-left: 2.188rem; }

.UI__Alert__hasClose .UI__Alert__text {
  width: calc(100% - 1.875rem); }

.UI__Alert__pageError .UI__Alert__text {
  padding-right: 2.625rem;
  padding-left: 0; }

.UI__Alert__link {
  font-weight: bold; }

.UI__Alert__close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  box-sizing: content-box; }

.UI__Alert__close svg {
  fill: #ffffff; }

.UI__Alert__close:hover {
  cursor: pointer; }

.UI__Alert__close:hover svg {
  fill: #1a1a1a; }

.UI__Alert__fade {
  opacity: 0.01;
  transition: opacity 0.15s ease-in-out; }

.UI__Alert__fade.UI__Alert__active {
  opacity: 1; }

.UI__Alert__alert a {
  color: #ffffff;
  text-decoration: underline; }

.UI__Alert__alert a:hover {
  text-decoration: underline; }

.UI__Alert__alert ul {
  margin-bottom: 0; }

.UI__Alert__icon {
  fill: #ffffff;
  float: left;
  margin: 0.125rem 1.25rem 0 0;
  width: 1rem;
  height: 1rem; }

.UI__Alert__pageError .UI__Alert__icon {
  float: right;
  margin: 0.375rem 0 0 0;
  width: 1.875rem;
  height: 1.875rem; }

.UI__Alert__success {
  background-color: #339933;
  color: #ffffff; }

.UI__Alert__info {
  background-color: #004b8e;
  color: #ffffff; }

.UI__Alert__warning {
  background-color: #fcaf17;
  color: #ffffff; }

.UI__Alert__danger {
  background-color: #bd0808;
  color: #ffffff; }

.UI__Alert__danger.UI__Alert__pageError {
  border: 1px solid #bd0808; }

.UI__Alert__topRight {
  position: fixed;
  top: 1.25rem;
  z-index: 9500; }

@media (min-width: 35.625em) {
  .UI__Alert__topRight {
    max-width: 28.13rem;
    right: 1.25rem; } }

.UI__Alert__topLeft {
  position: fixed;
  top: 1.25rem;
  z-index: 9500; }

@media (min-width: 35.625em) {
  .UI__Alert__topLeft {
    max-width: 28.13rem;
    left: 1.25rem; } }

.UI__Alert__bottomRight {
  bottom: 1.25rem;
  position: fixed;
  z-index: 9500; }

@media (min-width: 35.625em) {
  .UI__Alert__bottomRight {
    max-width: 28.13rem;
    right: 1.25rem; } }

.UI__Alert__bottomLeft {
  bottom: 1.25rem;
  position: fixed;
  z-index: 9500; }

@media (min-width: 35.625em) {
  .UI__Alert__bottomLeft {
    max-width: 28.13rem;
    left: 1.25rem; } }

.UI__Alert__errorInfo {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  margin: 1.25rem -1.25rem -1.25rem;
  padding: 0.625rem 1.25rem;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

.UI__Alert__errorInfo::after {
  clear: both;
  content: '';
  display: table; }

.UI__Alert__danger .UI__Alert__errorInfo {
  background: #740505; }

@media (min-width: 26.25em) {
  .UI__Alert__errorCode {
    float: right;
    text-align: right; } }

@media (min-width: 26.25em) {
  .UI__Alert__logId {
    float: left;
    text-align: left; } }

.UI__Alert__animateAppear {
  opacity: 0.01; }

.UI__Alert__animateAppear.UI__Alert__animateAppearActive {
  opacity: 1;
  transition: opacity 0.225s ease-in-out; }

.UI__Alert__animateEnter {
  opacity: 0.01; }

.UI__Alert__animateEnter.UI__Alert__animateEnterActive {
  opacity: 1;
  transition: opacity 0.225s ease-in-out; }

.UI__Alert__animateLeave {
  opacity: 1; }

.UI__Alert__animateLeave.UI__Alert__animateLeaveActive {
  opacity: 0.01;
  transition: opacity 0.225s ease-in-out; }
.UI__ModalButtons__buttons {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 1.25rem 0; }

.UI__ModalButtons__buttons > *:only-child {
  margin: 0 auto; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.ReturnToGame__floatingWrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 1.25rem;
  background: rgba(0, 0, 0, 0.9);
  text-align: center; }

@media screen and (min-width: 800px) {
  .ReturnToGame__floatingWrapper {
    padding: 0;
    width: auto;
    top: 0.625rem;
    right: auto;
    left: 1.25rem;
    bottom: auto;
    background: transparent;
    text-align: right; } }
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  /*font-family: sans-serif;*/
  /* 1 */
  /*line-height: 1.15;*/
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/**
   * Remove the margin in all browsers (opinionated).
   */
body {
  margin: 0; }

/* HTML5 display definitions
     ========================================================================== */
/**
   * Add the correct display in IE 9-.
   * 1. Add the correct display in Edge, IE, and Firefox.
   * 2. Add the correct display in IE.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
   * Add the correct display in IE 9-.
   */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
   * Add the correct display in iOS 4-7.
   */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline; }

/**
   * Add the correct display in IE 10-.
   * 1. Add the correct display in IE.
   */
template,
[hidden] {
  display: none; }

/* Links
     ========================================================================== */
/**
   * 1. Remove the gray background on active links in IE 10.
   * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
   */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
   * Remove the outline on focused links when they are also active or hovered
   * in all browsers (opinionated).
   */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
     ========================================================================== */
/**
   * 1. Remove the bottom border in Firefox 39-.
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
   * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
   */
b,
strong {
  font-weight: inherit; }

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder; }

/**
   * Add the correct font style in Android 4.3-.
   */
dfn {
  font-style: italic; }

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
/*h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }*/
/**
   * Add the correct background and color in IE 9-.
   */
mark {
  background-color: #ff0;
  color: #000; }

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10-.
   */
img {
  border-style: none; }

/**
   * Hide the overflow in IE.
   */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
     ========================================================================== */
/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
   * Add the correct margin in IE 8.
   */
figure {
  margin: 1em 40px; }

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
     ========================================================================== */
/**
   * 1. Change font properties to `inherit` in all browsers (opinionated).
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
   * Restore the font weight unset by the previous rule.
   */
optgroup {
  font-weight: bold; }

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible; }

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none; }

/**
   * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
   *    controls in Android 4.
   * 2. Correct the inability to style clickable types in iOS and Safari.
   */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
   * Change the border, margin, and padding in all browsers (opinionated).
   */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
   * Remove the default vertical scrollbar in IE.
   */
textarea {
  overflow: auto; }

/**
   * 1. Add the correct box sizing in IE 10-.
   * 2. Remove the padding in IE 10-.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
   * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
   */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * Correct the text style of placeholders in Chrome, Edge, and Safari.
   */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
*,
::before,
::after {
  box-sizing: border-box; }

html {
  min-width: 320px;
  font-size: 13px; }

@media (min-width: 32.5em) {
  html {
    font-size: 16px; } }

@media (min-width: 80em) {
  html.console {
    font-size: 18px; } }

@media (min-width: 120em) {
  html.console {
    font-size: 22px; } }

body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }

html,
body {
  min-height: 100%;
  height: 100%;
  color: #4d4d4d; }

/* links */
a {
  color: #fcaf17;
  text-decoration: none;
  cursor: pointer; }

fieldset {
  margin: 0; }

::-moz-selection {
  background: rgba(252, 175, 23, 0.6);
  text-shadow: none; }

::selection {
  background: rgba(252, 175, 23, 0.6);
  text-shadow: none; }

:focus {
  outline-color: #fcaf17;
  outline-offset: -1px;
  outline-width: 3px; }

#app-root {
  min-height: 100%;
  height: 100%; }

.flexJustify {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.flexMiddle {
  margin: 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

.buttonLoaderIcon {
  padding: 0.326rem; }

.buttonLoaderIcon > div {
  height: 1.6rem !important;
  width: 1.6rem !important; }

.console input,
.console select {
  cursor: pointer; }

.Master__wrap {
  display: table;
  height: 100%;
  width: 100%; }

.Master__wrap::before {
  background-image: url("/images/bg-repeat.png");
  background-repeat: repeat;
  background-size: 256px;
  content: ' ';
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  will-change: transform;
  z-index: -1; }

.Master__content {
  display: block;
  overflow: auto; }

@media screen and (min-width: 32.5em) and (-webkit-min-device-pixel-ratio: 0) {
  .Master__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto;
        grid-template-columns: auto;
    -ms-grid-rows: 0 auto 3.875rem;
        grid-template-rows: 0 auto 3.875rem;
    min-height: 100vh;
    width: 100%;
    grid-gap: 0;
    grid-template-areas: '. . .'
 '. content .'
 'footer footer footer'; } }

@media (min-width: 32.5em) {
  @-moz-document url-prefix('') {
    .Master__content {
      display: grid;
      grid-template-columns: auto;
      grid-template-rows: 0 auto 3.875rem;
      min-height: 100vh;
      width: 100%;
      grid-gap: 0;
      grid-template-areas: '. . .'
 '. content .'
 'footer footer footer'; } }
  @supports (-ms-ime-align: auto) {
    .Master__content {
      display: block;
      min-height: auto; } } }

.Master__logo {
  margin: 1.25rem 0;
  height: 5.125rem; }

.Master__logo > span {
  background-image: url("/images/sc_logo_20180910.svg");
  background-repeat: no-repeat;
  margin: 0 auto;
  display: block;
  width: 18.13rem !important;
  height: 5.125rem !important; }

@media (min-width: 32.5em) {
  .Master__logo {
    margin: 1.25rem 0 2.5rem; } }

.Master__logoLink:focus {
  outline: none; }

.Master__main {
  grid-area: content;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  justify-self: center; }

.Master__footer {
  grid-area: footer;
  text-align: center;
  margin: 1.25rem 0; }

.Master__infoList {
  margin: 0;
  padding: 0 0.625rem 0;
  list-style: none; }

.Master__info {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #999999;
  text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.8);
  text-transform: uppercase; }

.Master__info:not(:nth-child(-n+2)) {
  margin-left: 0.3125rem;
  padding-left: 0.3125rem;
  border-left: 1px solid #999999; }

.Master__info:first-child {
  display: block;
  line-height: 1.375rem; }

@media screen and (min-width: 500px) {
  .Master__info:first-child {
    display: inline-block; }
  .Master__info:not(:first-child) {
    margin-left: 0.3125rem;
    padding-left: 0.3125rem;
    border-left: 1px solid #999999; } }

.Master__infoLink {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.2s ease-out; }

.Master__infoLink:hover {
  color: white; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.Fieldset__fieldset {
  border: none;
  margin: 0 0 1.25rem;
  padding: 0; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.Heading__heading {
  color: #4d4d4d;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  margin-top: 0;
  margin-bottom: 0.625rem;
  font-weight: 600; }

h1.Heading__heading {
  font-size: 1.5rem;
  line-height: 1.875rem; }

h2.Heading__heading {
  font-size: 1.125rem;
  line-height: 1.25rem; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.LegalPolicyMaster__copy {
  margin: 0 0 1.875rem; }

.LegalPolicyMaster__policyList {
  padding-left: 20px;
  margin: 0 0 1.25rem; }

.LegalPolicyMaster__link {
  font-size: 1.125rem;
  margin-bottom: 0.625rem;
  cursor: pointer; }

.LegalPolicyMaster__checkbox {
  margin: 0 0 1.875rem;
  line-height: 20px; }

.LegalPolicyMaster__policy {
  color: #000000; }

.LegalPolicyMaster__policyConsole {
  pointer-events: none; }

.LegalPolicyMaster__policyConsole a {
  text-decoration: none;
  color: #000000; }

.LegalPolicyMaster__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0;
  padding: 0;
  border: 0; }

.LegalPolicyMaster__next {
  -ms-flex-order: 2;
      order: 2; }

.LegalPolicyMaster__acceptanceError {
  margin: 0.625rem 0 0; }

.LegalPolicyMaster__errorContainer {
  margin: 0; }

.LegalPolicyMaster__loginError {
  margin-bottom: 1.25rem; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.loginform__form {
  margin-top: 1.25rem; }

.loginform__link {
  cursor: pointer; }

.loginform__thirdParty {
  padding: 0;
  border: 0; }

@media screen and (min-width: 500px) {
  .loginform__thirdPartyAuth {
    display: -ms-flexbox;
    display: flex;
    height: 50px; } }

@media screen and (min-width: 500px) {
  .loginform__thirdPartyAuth p {
    font-size: 1.125rem;
    margin: auto; } }

@media screen and (min-width: 500px) {
  .loginform__thirdPartyAuth > div {
    display: block;
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: right;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; } }

@media screen and (min-width: 500px) {
  .loginform__thirdPartyAuth > div > a {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    width: 50px;
    height: 50px; } }

.loginform__errorContainer {
  margin-bottom: 0; }

.loginform__loginError {
  margin-bottom: 1.25rem; }

@media screen and (max-width: 570px) {
  .loginform__loginError {
    position: static;
    width: auto; } }

@media screen and (max-width: 499px) {
  .loginform__loginError {
    padding: 10px; } }

@media screen and (max-width: 499px) {
  .loginform__loginError * {
    float: none;
    text-align: left; } }

.loginform__submitField {
  border: 0;
  padding: 0; }

.loginform__submitActions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.loginform__submitActions p {
  margin: 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

.loginform__submit {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.625rem; }

.loginform__alert {
  font-size: 1rem;
  color: #ffffff;
  margin-top: 0;
  padding: 13px 10px;
  background: #bd0808; }

.loginform__loader {
  margin-right: 10px;
  display: inline-block; }

.loginform__loader > div::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.loginform__captchaField {
  margin: 0; }

@media screen and (max-width: 660px) {
  .loginform__captchaField > div > div {
    position: static !important;
    margin: 1.875rem auto 0; } }

.loginform__checkbox {
  color: #000000;
  margin-top: 1.25rem;
  display: block;
  line-height: 20px; }

.loginform__copy {
  color: #ffffff; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.mfaformview__button {
  margin-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.mfaformview__checkbox {
  line-height: 20px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

.mfaformview__alert {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  color: #ffffff;
  margin-top: 0; }

.mfaformview__mfaError {
  margin-bottom: 1.25rem; }

.mfaformview__flexJustify {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.mfaformview__text {
  margin-bottom: 1.25rem; }

.mfaformview__next {
  -ms-flex-order: 2;
      order: 2; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.PlatformDropDown__platformDropDown {
  width: 100%;
  height: 100%;
  position: relative; }

.PlatformDropDown__platformDropDown .PlatformDropDown__arrow {
  background-image: url("/images/dropdown.png");
  background-position: center 1.375rem;
  background-repeat: no-repeat;
  background-size: 0.75rem 0.5rem;
  border-left: 1px solid #e6e6e6;
  content: ' ';
  display: none;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.875rem;
  height: calc(3.12rem - 2px);
  display: block;
  z-index: 0; }

.PlatformDropDown__platformDropDown .PlatformDropDown__label {
  color: #999;
  font-size: 1rem;
  left: 1.25rem;
  top: 1.5rem;
  line-height: 3.125rem;
  pointer-events: none;
  position: absolute;
  transform-origin: 0 0;
  transform: translate3d(0.0625rem, -1.75rem, 0) scale3d(0.75, 0.75, 1); }

.PlatformDropDown__platformDropDown .PlatformDropDown__button {
  height: 3.12rem;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(75, 73, 70, 0.3);
  text-align: left;
  position: relative;
  padding: 0 1.25rem; }

.PlatformDropDown__platformDropDown .PlatformDropDown__selectedValue {
  float: left;
  color: #4b4946;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem; }

.PlatformDropDown__platformDropDown .PlatformDropDown__selectedValue.PlatformDropDown__hasLabel {
  position: absolute;
  padding-left: 1.25rem;
  left: 0;
  top: 1.563rem; }

.PlatformDropDown__platformDropDown .PlatformDropDown__menuContainer {
  position: relative; }

.PlatformDropDown__platformDropDown .PlatformDropDown__isOpen {
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 1; }

.PlatformDropDown__platformDropDown .PlatformDropDown__menu {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 100%;
  max-width: 31.25rem;
  height: auto;
  max-height: calc(100vh - 2.5rem);
  background-color: #303030;
  z-index: 1;
  border: 1px solid #666;
  color: #fff;
  line-height: 2.5;
  font-size: 1.375rem;
  overflow-y: auto; }

.PlatformDropDown__platformDropDown .PlatformDropDown__menu .PlatformDropDown__item {
  padding: 0.625rem 1.25rem; }

.PlatformDropDown__platformDropDown .PlatformDropDown__menu .PlatformDropDown__item.PlatformDropDown__selected {
  font-weight: bold; }

.PlatformDropDown__platformDropDown .PlatformDropDown__menu .PlatformDropDown__item.PlatformDropDown__highlighted {
  background-color: #fcaf17; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.Privacy__subTitle {
  margin-top: 2.5rem; }

.Privacy__description {
  margin: 0 0 1.25rem; }

.Privacy__post {
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #e6e6e6; }

.Privacy__fieldset {
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #e6e6e6; }

.Privacy__legend {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #4d4d4d;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-right: 1.25rem;
  font-size: 1rem;
  min-width: 50%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1; }

.Privacy__dropdown {
  margin-top: 0.625rem; }

@media (min-width: 32.5em) {
  .Privacy__dropdown {
    margin-top: 0;
    width: 50%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-positive: 1;
        flex-grow: 1; } }

.Privacy__settingsSection {
  border-top: 1px solid #e6e6e6;
  margin-top: 1.25rem; }

.Privacy__flexJustify {
  display: block;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

@media (min-width: 32.5em) {
  .Privacy__flexJustify {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: -10px; }
  .Privacy__flexJustify > .Privacy__legend {
    margin: 10px 0 0;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .Privacy__flexJustify > .Privacy__dropdown,
  .Privacy__flexJustify > .Privacy__checkbox {
    margin-top: 10px; } }

.Privacy__checkbox {
  width: 100%; }

.Privacy__checkbox span {
  width: 100%; }

.Privacy__checkbox label {
  width: 100%;
  padding-left: 0;
  padding-right: 1.875rem; }

.Privacy__checkbox label::before {
  left: auto;
  right: 0; }

.Privacy__checkbox label::after {
  left: auto;
  right: 0.25rem; }

.Privacy__submitField {
  border: 0;
  margin: 2.5rem 0 0;
  padding: 0;
  text-align: center; }

.Privacy__linkedID {
  margin: 1.25rem 0 -1.25rem; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
/*
    ==========================
    SCAUTH.WEB SPECIFIC MIXINS
    ==========================
*/
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.LoginMaster__consoleBuffer {
  margin-bottom: 125px; }

.LoginMaster__copy {
  color: #000000;
  margin: 0 0 1.25rem; }

.LoginMaster__thirdParty {
  margin-bottom: 0; }

.LoginMaster__thirdParty p {
  font-size: 1.125rem;
  color: #4d4d4d;
  font-weight: 500;
  min-width: 50%;
  text-align: left;
  margin: 0 0 0.625rem; }

@media (min-width: 32.5em) {
  .LoginMaster__thirdParty p {
    margin: 0; } }

.LoginMaster__linkedID {
  margin-bottom: 0.625rem;
  border: 1px solid rgba(77, 77, 77, 0.3); }

.LoginMaster__alert {
  position: static;
  width: 100%;
  max-width: 31.25rem;
  margin: 1.25rem auto 0; }

.LoginMaster__alert h3 {
  font-size: 1.125rem;
  margin: 0 0 0.625rem;
  font-weight: 500; }

.LoginMaster__alert p {
  margin: 0; }

.LoginMaster__successAlert {
  margin-bottom: 1.25rem; }

.LoginMaster__errorContainer {
  margin-top: 1.25rem;
  position: static;
  width: calc(100% - 1.25rem);
  margin: 0 auto; }

@media (min-width: 32.5em) {
  .LoginMaster__errorContainer {
    width: 31.25rem; } }

.LoginMaster__createLink {
  text-align: center;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.125rem;
  padding: 0.625rem 0;
  margin: 0.625rem auto;
  width: calc(100% - 1.25rem); }

@media (min-width: 32.5em) {
  .LoginMaster__createLink {
    max-width: 31.25rem;
    width: 100%;
    margin: 1.25rem auto; } }
/*
    ==========================
    SCAUTH.WEB SPECIFIC MIXINS
    ==========================
*/
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.UnlinkMaster__copy {
  margin: 0 0 1.25rem; }

.UnlinkMaster__linkedID {
  margin-bottom: 0.625rem; }

.UnlinkMaster__alert {
  margin-top: 1.25rem;
  position: static;
  width: calc(100% - 1.25rem);
  margin: 0 auto; }

@media (min-width: 32.5em) {
  .UnlinkMaster__alert {
    width: 31.25rem; } }

.UnlinkMaster__submitField {
  border: 0;
  margin: 0;
  padding: 0; }

.UnlinkMaster__submitActions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

@media (min-width: 30em) {
  .UnlinkMaster__submitActions br {
    display: none; } }

.UnlinkMaster__submitActions p {
  margin: 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

.UnlinkMaster__submit {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.625rem; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.PasswordField__inputContainer {
  position: relative;
  display: block; }

.PasswordField__confirmPassword {
  margin-top: 1.25rem; }

.PasswordField__alert {
  color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  margin-top: 0; }

.PasswordField__requirements {
  font-size: 0.75rem;
  margin: 0.3125rem 0 0; }

.PasswordField__confirmField {
  margin-top: 1.25rem; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.CreateAccount__container {
  margin-top: 1.25rem; }

.CreateAccount__formMargin {
  margin-top: 1.25rem; }

.CreateAccount__fieldset {
  margin: 0 0 1.875rem; }

.CreateAccount__submitField {
  border: 0;
  margin: 0;
  padding: 0; }

.CreateAccount__submit {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.CreateAccount__next {
  -ms-flex-order: 2;
      order: 2; }

.CreateAccount__legend {
  margin-bottom: 0.625rem;
  color: #4d4d4d; }

.CreateAccount__accountExists {
  margin-bottom: 1.25rem; }

.CreateAccount__alert {
  margin-top: 0; }

.CreateAccount__captchaField {
  margin: 0; }

@media screen and (max-width: 660px) {
  .CreateAccount__captchaField > div > div {
    position: static !important;
    margin: 1.875rem auto 0; } }

.CreateAccount__requirements {
  font-size: 0.75rem;
  margin: 0.3125rem 0 0; }

.CreateAccount__checkbox {
  display: block;
  line-height: 20px; }

.CreateAccount__dropdown select {
  display: block; }

.CreateAccount__suggestions {
  margin-top: 0.625rem;
  animation: CreateAccount__fadeIn 0.5s ease-out both; }

@keyframes CreateAccount__fadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
.DateOfBirth__wrapper {
  border: none;
  margin: 0;
  padding: 0; }

@media (min-width: 27.5em) {
  .DateOfBirth__selectWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 -5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.DateOfBirth__legend {
  margin-bottom: 10px; }

.DateOfBirth__dropdown {
  margin-bottom: 0.625rem; }

@media (min-width: 27.5em) {
  .DateOfBirth__dropdown {
    margin: 0 5px 0.625rem;
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0; } }

.DateOfBirth__dropdown > div {
  float: none; }

.DateOfBirth__input {
  width: 140px; }
/*
    ==========================
    SCAUTH.WEB SPECIFIC MIXINS
    ==========================
*/
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.CreateAccountMaster__formMargin {
  margin-bottom: 1.25rem; }

.CreateAccountMaster__fieldset {
  margin: 0 0 1.875rem; }

.CreateAccountMaster__thirdParty {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 1.25rem; }

@media screen and (min-width: 500px) {
  .CreateAccountMaster__thirdPartyAuth {
    display: -ms-flexbox;
    display: flex;
    height: 50px; } }

@media screen and (min-width: 500px) {
  .CreateAccountMaster__thirdPartyAuth p {
    font-size: 1.125rem;
    margin: auto; } }

@media screen and (min-width: 500px) {
  .CreateAccountMaster__thirdPartyAuth > div {
    display: block;
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: right;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; } }

@media screen and (min-width: 500px) {
  .CreateAccountMaster__thirdPartyAuth > div > a {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    width: 50px;
    height: 50px; } }

.CreateAccountMaster__legend {
  margin-bottom: 0.625rem;
  color: #ffffff; }

.CreateAccountMaster__createError {
  margin-top: 1.25rem;
  position: static;
  width: calc(100% - 1.25rem);
  margin: 0 auto; }

@media (min-width: 32.5em) {
  .CreateAccountMaster__createError {
    width: 31.25rem; } }

@media screen and (max-width: 499px) {
  .CreateAccountMaster__createError * {
    float: none;
    text-align: left; } }

.CreateAccountMaster__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  border: 0;
  padding: 0;
  margin: 0; }

.CreateAccountMaster__actions > * {
  -ms-flex-item-align: right;
      -ms-grid-row-align: right;
      align-self: right; }

.CreateAccountMaster__linkedID {
  margin-bottom: 1.25rem;
  border: 1px solid rgba(77, 77, 77, 0.3); }

.CreateAccountMaster__newAccountTitle {
  padding: 0;
  border: 0; }

.CreateAccountMaster__signIn {
  text-align: center;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.125rem;
  padding: 0.625rem 0;
  margin: 0.625rem auto;
  width: calc(100% - 1.25rem); }

@media (min-width: 32.5em) {
  .CreateAccountMaster__signIn {
    max-width: 31.25rem;
    width: 100%;
    margin: 1.25rem auto; } }

.CreateAccountMaster__successAlert {
  margin-bottom: 1.25rem; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
/*
    ==========================
    SCAUTH.WEB SPECIFIC MIXINS
    ==========================
*/
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.ForgotPassword__copy {
  margin: 0 0 1.25rem; }

.ForgotPassword__submitField {
  border: 0;
  margin: 0;
  padding: 0; }

.ForgotPassword__captchaField {
  margin: 0; }

.ForgotPassword__alert {
  margin-top: 1.25rem;
  position: static;
  width: calc(100% - 1.25rem);
  margin: 0 auto; }

@media (min-width: 32.5em) {
  .ForgotPassword__alert {
    width: 31.25rem; } }
.ResetPassword__email {
  border: none;
  margin: 0 0 1.25rem;
  padding: 0; }

.ResetPassword__submitField {
  margin: 0;
  padding: 0;
  border: none; }

.ResetPassword__flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.ResetPassword__requestSuccess {
  color: #339933;
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 5px; }

.ResetPassword__requestFailed {
  color: #bd0808;
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 5px; }

.ResetPassword__captchaField {
  margin: 0; }

@media screen and (max-width: 660px) {
  .ResetPassword__captchaField > div > div {
    position: static !important;
    margin: 0 auto 1.875rem; } }

.ResetPassword__alert {
  margin-bottom: 1.25rem; }

.ResetPassword__error {
  margin-top: 0.625rem; }

.ResetPassword__signIn {
  text-align: center;
  color: #ffffff; }
/*
    ==========================
    SCAUTH.WEB SPECIFIC MIXINS
    ==========================
*/
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.ErrorPage__content {
  margin-top: 1.25rem;
  position: static;
  width: calc(100% - 1.25rem);
  margin: 0 auto; }

@media (min-width: 32.5em) {
  .ErrorPage__content {
    width: 31.25rem; } }

.ErrorPage__header {
  color: #ffffff; }

.ErrorPage__description {
  display: block; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.ViewPolicy__policyActions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0;
  border: 0;
  margin: 1.25rem 0 0; }

.ViewPolicy__policy {
  word-break: break-word;
  word-wrap: break-word; }

.ViewPolicy__policyConsole {
  pointer-events: none; }

.ViewPolicy__policyConsole a {
  text-decoration: none;
  color: #4d4d4d; }

.ViewPolicy__fixedCloseWrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.25rem;
  background: rgba(0, 0, 0, 0.9);
  text-align: center; }

@media screen and (min-width: 800px) {
  .ViewPolicy__fixedCloseWrapper {
    padding: 0;
    width: auto;
    top: 0.625rem;
    right: 1.25rem;
    left: auto;
    bottom: auto;
    background: transparent;
    text-align: right; } }

.ViewPolicy__container {
  margin-bottom: 1.875rem; }

@media screen and (min-width: 800px) {
  .ViewPolicy__container {
    margin-bottom: 0.625rem; } }
.ConsoleSuccess__copy {
  text-align: center; }

.ConsoleSuccess__alert {
  margin-top: 1.25rem;
  position: static;
  width: 100%; }
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.FileNotFound__error {
  text-align: center; }

.FileNotFound__alert {
  width: 3.125rem;
  height: 3.125rem;
  margin-bottom: 1.25rem;
  fill: #fc0; }
/*
    ==========================
    SCAUTH.WEB SPECIFIC MIXINS
    ==========================
*/
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.PrivacyMaster__alert {
  margin-top: 1.25rem;
  position: static;
  width: calc(100% - 1.25rem);
  margin: 0 auto; }

@media (min-width: 32.5em) {
  .PrivacyMaster__alert {
    width: 31.25rem; } }
/*
    ==========================
    SCAUTH.WEB SPECIFIC MIXINS
    ==========================
*/
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.InterstitialPage__alert {
  margin-top: 1.25rem;
  position: static;
  width: calc(100% - 1.25rem);
  margin: 0 auto; }

@media (min-width: 32.5em) {
  .InterstitialPage__alert {
    width: 31.25rem; } }
/*
    ==========================
    SCAUTH.WEB SPECIFIC MIXINS
    ==========================
*/
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.ThirdPartyAuthMaster__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.ThirdPartyAuthMaster__copy {
  margin: 0 0 1.875rem; }

.ThirdPartyAuthMaster__alert {
  margin-top: 1.25rem;
  position: static;
  width: calc(100% - 1.25rem);
  margin: 0 auto; }

@media (min-width: 32.5em) {
  .ThirdPartyAuthMaster__alert {
    width: 31.25rem; } }
/*
    ==========================
    SCAUTH.WEB SPECIFIC MIXINS
    ==========================
*/
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.LinkPassthrough__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.LinkPassthrough__copy {
  margin: 0 0 1.875rem; }
.LinkResult__alert {
  margin-top: 1.25rem;
  position: static;
  width: 100%; }

.LinkResult__container p:last-child {
  margin-bottom: 0; }

.LinkResult__platform {
  text-transform: capitalize; }

.LinkResult__submitField {
  border: 0;
  margin: 2.5rem 0 0;
  padding: 0;
  text-align: center; }
/*
    ==========================
    SCAUTH.WEB SPECIFIC MIXINS
    ==========================
*/
/*
    =============================
    SCAUTH.WEB SPECIFIC VARIABLES
    =============================
*/
.RecoverAccount__email {
  border: none;
  margin: 0 0 1.25rem;
  padding: 0; }

.RecoverAccount__actions {
  margin-top: 1.875rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.RecoverAccount__form {
  margin-top: 1.25rem; }

.RecoverAccount__requestSuccess {
  color: #339933;
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 5px; }

.RecoverAccount__requestFailed {
  color: #bd0808;
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 5px; }

.RecoverAccount__captchaField {
  margin: 0; }

@media screen and (max-width: 660px) {
  .RecoverAccount__captchaField > div > div {
    position: static !important;
    margin: 0 auto 1.875rem; } }

.RecoverAccount__alert {
  margin-top: 1.25rem;
  position: static;
  width: calc(100% - 1.25rem);
  margin: 0 auto; }

@media (min-width: 32.5em) {
  .RecoverAccount__alert {
    width: 31.25rem; } }

.RecoverAccount__error {
  margin-top: 0.625rem; }

.RecoverAccount__signIn {
  text-align: center;
  margin-bottom: 1.875rem; }