body,
input,
textarea,
select,
[class*=hint--]:after {
  color: #FFFFFF;
  font-family: "IBM Plex Sans", "Lexend Deca", "Space Grotesk", "Roboto", "Helvetica", "Helvetica-Neue", "Helvetica Neue", "HelveticaNeue", "Arial", sans-serif;
}

h1 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h3 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h4 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

fieldset {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 0 15px 30px 15px;
  margin: 15px 0 0 0;
}
fieldset legend {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  line-height: 20px;
  padding: 0 5px;
}

.material-icon, .material-icons, .materials-icon, .materials-icons, .icon- {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "PANDA" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.material-icon.iconXs, .material-icons.iconXs, .materials-icon.iconXs, .materials-icons.iconXs, .icon-.iconXs {
  font-size: 20px;
}
.material-icon.iconSm, .material-icons.iconSm, .materials-icon.iconSm, .materials-icons.iconSm, .icon-.iconSm {
  font-size: 24px;
}
.material-icon.iconMd, .material-icons.iconMd, .materials-icon.iconMd, .materials-icons.iconMd, .icon-.iconMd {
  font-size: 30px;
}
.material-icon.iconLg, .material-icons.iconLg, .materials-icon.iconLg, .materials-icons.iconLg, .icon-.iconLg {
  font-size: 50px;
}
.material-icon.iconXl, .material-icons.iconXl, .materials-icon.iconXl, .materials-icons.iconXl, .icon-.iconXl {
  font-size: 70px;
}

.noselect,
.noSelect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

body,
input,
textarea,
select,
[class*=hint--]:after {
  color: #FFFFFF;
  font-family: "IBM Plex Sans", "Lexend Deca", "Space Grotesk", "Roboto", "Helvetica", "Helvetica-Neue", "Helvetica Neue", "HelveticaNeue", "Arial", sans-serif;
}

h1 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h3 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h4 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

fieldset {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 0 15px 30px 15px;
  margin: 15px 0 0 0;
}
fieldset legend {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  line-height: 20px;
  padding: 0 5px;
}

.material-icon, .material-icons, .materials-icon, .materials-icons, .icon- {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "PANDA" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.material-icon.iconXs, .material-icons.iconXs, .materials-icon.iconXs, .materials-icons.iconXs, .icon-.iconXs {
  font-size: 20px;
}
.material-icon.iconSm, .material-icons.iconSm, .materials-icon.iconSm, .materials-icons.iconSm, .icon-.iconSm {
  font-size: 24px;
}
.material-icon.iconMd, .material-icons.iconMd, .materials-icon.iconMd, .materials-icons.iconMd, .icon-.iconMd {
  font-size: 30px;
}
.material-icon.iconLg, .material-icons.iconLg, .materials-icon.iconLg, .materials-icons.iconLg, .icon-.iconLg {
  font-size: 50px;
}
.material-icon.iconXl, .material-icons.iconXl, .materials-icon.iconXl, .materials-icons.iconXl, .icon-.iconXl {
  font-size: 70px;
}

.noselect,
.noSelect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

input.boxButton, input.boxButtonIcon, textarea.boxButton, textarea.boxButtonIcon, select.boxButton, select.boxButtonIcon {
  -webkit-touch-callout: initial !important; /* iOS Safari */
  -webkit-user-select: initial !important; /* Safari */
  -khtml-user-select: initial !important; /* Konqueror HTML */
  -moz-user-select: initial !important; /* Firefox */
  -ms-user-select: initial !important; /* Internet Explorer/Edge */
  user-select: initial !important; /* Non-prefixed version, currently */
}

body.cornerSquaring .boxButton,
body.cornerSquaring .boxButtonIcon,
body.cornerSquaring .boxButtonGroup,
body.cornerSquaring .vodItem,
body.cornerSquaring .vodThumbnail,
body.cornerSquaring .itemImage,
body.cornerSquaring .itemPrice,
body.cornerSquaring .externalButton,
body.cornerSquaring .checkoutThumbnail,
body.cornerSquaring .scheduleItem,
body.cornerSquaring .scheduleImage,
body.cornerSquaring .downloadItem,
body.cornerSquaring .rangeSelection a,
body.cornerSquaring .progressBarBackground,
body.cornerSquaring .progressBarWrapper,
body.cornerSquaring .stateResultCard,
body.cornerSquaring .broadcastCard .cover img,
body.cornerSquaring .index,
body.cornerSquaring .dropdownChannels,
body.cornerSquaring .channelTile,
body.cornerSquaring .colorFade,
body.cornerSquaring .tileImage,
body.cornerSquaring .tileLogo,
body.cornerSquaring .badge,
body.cornerSquaring .broadcastListItem,
body.cornerSquaring .broadcastThumbnail,
body.cornerSquaring .pricingPackage,
body.cornerSquaring .channelMegaCard,
body.cornerSquaring .timers .days,
body.cornerSquaring .timers .hours,
body.cornerSquaring .timers .minutes,
body.cornerSquaring .timers .seconds,
body.cornerSquaring .timers .days span,
body.cornerSquaring .timers .hours span,
body.cornerSquaring .timers .minutes span,
body.cornerSquaring .timers .seconds span,
body.cornerSquaring .countdownBanners fieldset {
  border-radius: 0px !important;
}

.boxButton, .boxButtonIcon {
  cursor: pointer;
  height: 32px !important;
  min-width: 12px;
  border: solid 1px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  box-sizing: content-box;
  display: inherit;
  white-space: nowrap;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 32px;
  text-align: center;
  color: #222222;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 10px;
  margin: 0 5px 0 0;
  transition: 0.2s;
  position: relative;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently */
}
.boxButton.twoLines, .boxButtonIcon.twoLines {
  line-height: 16px;
}
.boxButton option, .boxButtonIcon option {
  color: black !important;
}
@media (hover: hover) {
  .boxButton:hover, .boxButtonIcon:hover {
    color: #222222;
    border-color: #222222;
  }
}
.boxButton.active, .boxButtonIcon.active {
  color: #222222;
  border-color: #222222;
}
.boxButton.dark, .boxButtonIcon.dark {
  border: solid 1px rgba(255, 255, 255, 0.15);
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF !important;
}
.boxButton.dark option, .boxButtonIcon.dark option {
  color: black !important;
}
@media (hover: hover) {
  .boxButton.dark:hover, .boxButtonIcon.dark:hover {
    color: #FFFFFF;
    border-color: #FFFFFF;
  }
}
.boxButton.dark.active, .boxButtonIcon.dark.active {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.boxButton.dark.opaque, .boxButtonIcon.dark.opaque {
  background-color: #222222;
}
.boxButton.disabled, .boxButtonIcon.disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.3);
}
@media (hover: hover) {
  .boxButton.disabled:hover, .boxButtonIcon.disabled:hover {
    color: rgba(0, 0, 0, 0.3);
    border-color: inherit;
  }
}
.boxButton.disabled.dark, .boxButtonIcon.disabled.dark {
  color: rgba(255, 255, 255, 0.15) !important;
}
.boxButton.pandaAccent1Hover:hover, .boxButtonIcon.pandaAccent1Hover:hover {
  color: #222222;
  background: #13eaad;
  border-color: #13eaad;
}
.boxButton.pandaAccent2Hover:hover, .boxButtonIcon.pandaAccent2Hover:hover {
  color: #FFFFFF;
  background: #8641f2;
  border-color: #8641f2;
}
.boxButton.pandaAccent3Hover:hover, .boxButtonIcon.pandaAccent3Hover:hover {
  color: #FFFFFF;
  background: #158EFC;
  border-color: #158EFC;
}
.boxButton.pandaRedHover:hover, .boxButtonIcon.pandaRedHover:hover {
  color: #FFFFFF;
  background: #F71E33;
  border-color: #F71E33;
}
.boxButton.pandaGreenHover:hover, .boxButtonIcon.pandaGreenHover:hover {
  color: #FFFFFF;
  background: #10BF89;
  border-color: #10BF89;
}
.boxButton.highlighted, .boxButtonIcon.highlighted {
  color: #FFFFFF;
}
.boxButton.lowlighted, .boxButtonIcon.lowlighted {
  color: #222222;
}
.boxButton.highlighted.primary, .boxButton.lowlighted.primary, .boxButtonIcon.highlighted.primary, .boxButtonIcon.lowlighted.primary {
  background: #222222;
  border-color: #222222;
  color: #FFFFFF;
}
@media (hover: hover) {
  .boxButton.highlighted.primary:hover, .boxButton.lowlighted.primary:hover, .boxButtonIcon.highlighted.primary:hover, .boxButtonIcon.lowlighted.primary:hover {
    background: #111111;
    border-color: #111111;
  }
}
.boxButton.highlighted.primary.dark, .boxButton.lowlighted.primary.dark, .boxButtonIcon.highlighted.primary.dark, .boxButtonIcon.lowlighted.primary.dark {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #222222;
}
@media (hover: hover) {
  .boxButton.highlighted.primary.dark:hover, .boxButton.lowlighted.primary.dark:hover, .boxButtonIcon.highlighted.primary.dark:hover, .boxButtonIcon.lowlighted.primary.dark:hover {
    border-color: #FFFFFF;
  }
}
.boxButton.highlighted.pandaAccent1, .boxButton.lowlighted.pandaAccent1, .boxButtonIcon.highlighted.pandaAccent1, .boxButtonIcon.lowlighted.pandaAccent1 {
  background: #13eaad;
  border-color: #13eaad;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaAccent1:hover, .boxButton.lowlighted.pandaAccent1:hover, .boxButtonIcon.highlighted.pandaAccent1:hover, .boxButtonIcon.lowlighted.pandaAccent1:hover {
    border-color: #13eaad;
  }
}
.boxButton.highlighted.pandaAccent2, .boxButton.lowlighted.pandaAccent2, .boxButtonIcon.highlighted.pandaAccent2, .boxButtonIcon.lowlighted.pandaAccent2 {
  background: #8641f2;
  border-color: #8641f2;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaAccent2:hover, .boxButton.lowlighted.pandaAccent2:hover, .boxButtonIcon.highlighted.pandaAccent2:hover, .boxButtonIcon.lowlighted.pandaAccent2:hover {
    border-color: #8641f2;
  }
}
.boxButton.highlighted.pandaAccent3, .boxButton.lowlighted.pandaAccent3, .boxButtonIcon.highlighted.pandaAccent3, .boxButtonIcon.lowlighted.pandaAccent3 {
  background: #158EFC;
  border-color: #158EFC;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaAccent3:hover, .boxButton.lowlighted.pandaAccent3:hover, .boxButtonIcon.highlighted.pandaAccent3:hover, .boxButtonIcon.lowlighted.pandaAccent3:hover {
    border-color: #158EFC;
  }
}
.boxButton.highlighted.pandaRed, .boxButton.lowlighted.pandaRed, .boxButtonIcon.highlighted.pandaRed, .boxButtonIcon.lowlighted.pandaRed {
  background: #F71E33;
  border-color: #F71E33;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaRed:hover, .boxButton.lowlighted.pandaRed:hover, .boxButtonIcon.highlighted.pandaRed:hover, .boxButtonIcon.lowlighted.pandaRed:hover {
    border-color: #F71E33;
  }
}
.boxButton.highlighted.pandaGreen, .boxButton.lowlighted.pandaGreen, .boxButtonIcon.highlighted.pandaGreen, .boxButtonIcon.lowlighted.pandaGreen {
  background: #10BF89;
  border-color: #10BF89;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaGreen:hover, .boxButton.lowlighted.pandaGreen:hover, .boxButtonIcon.highlighted.pandaGreen:hover, .boxButtonIcon.lowlighted.pandaGreen:hover {
    border-color: #10BF89;
  }
}
.boxButton.ghost.pandaAccent1, .boxButtonIcon.ghost.pandaAccent1 {
  color: #222222;
  background: rgba(19, 234, 173, 0.3);
  border-color: #13eaad;
}
.boxButton.ghost.pandaAccent1.dark, .boxButtonIcon.ghost.pandaAccent1.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaAccent2, .boxButtonIcon.ghost.pandaAccent2 {
  color: #222222;
  background: rgba(134, 65, 242, 0.3);
  border-color: #8641f2;
}
.boxButton.ghost.pandaAccent2.dark, .boxButtonIcon.ghost.pandaAccent2.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaAccent3, .boxButtonIcon.ghost.pandaAccent3 {
  color: #222222;
  background: rgba(21, 142, 252, 0.3);
  border-color: #158EFC;
}
.boxButton.ghost.pandaAccent3.dark, .boxButtonIcon.ghost.pandaAccent3.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaRed, .boxButtonIcon.ghost.pandaRed {
  color: #222222;
  background: rgba(247, 30, 51, 0.3);
  border-color: #F71E33;
}
.boxButton.ghost.pandaRed.dark, .boxButtonIcon.ghost.pandaRed.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaGreen, .boxButtonIcon.ghost.pandaGreen {
  color: #222222;
  background: rgba(16, 191, 137, 0.3);
  border-color: #10BF89;
}
.boxButton.ghost.pandaGreen.dark, .boxButtonIcon.ghost.pandaGreen.dark {
  color: #FFFFFF !important;
}
.boxButton .appIcon, .boxButtonIcon .appIcon {
  width: 34px;
  border-radius: 4px;
  float: left;
  margin: -1px 10px 0 -8px;
}

.radioWrapper,
.checkboxWrapper {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.05);
  margin-bottom: 5px;
  min-height: 32px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  display: inline-flex;
  padding-right: 10px;
}
.radioWrapper:focus,
.checkboxWrapper:focus {
  border-color: #222222;
  transition: 0.2s ease-in-out;
}
@media (hover: hover) {
  .radioWrapper:hover,
  .checkboxWrapper:hover {
    border-color: #222222;
    transition: 0.2s ease-in-out;
  }
}
.radioWrapper label,
.checkboxWrapper label {
  padding: 6px 0;
  line-height: 20px !important;
}
.radioWrapper input,
.checkboxWrapper input {
  opacity: 0.01;
  /* Base for label styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* Accessibility */
}
.radioWrapper input[type=radio]:not(:checked), .radioWrapper input[type=checkbox]:not(:checked), .radioWrapper input[type=radio]:checked, .radioWrapper input[type=checkbox]:checked,
.checkboxWrapper input[type=radio]:not(:checked),
.checkboxWrapper input[type=checkbox]:not(:checked),
.checkboxWrapper input[type=radio]:checked,
.checkboxWrapper input[type=checkbox]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}
.radioWrapper input[type=radio]:not(:checked) + label, .radioWrapper input[type=checkbox]:not(:checked) + label, .radioWrapper input[type=radio]:checked + label, .radioWrapper input[type=checkbox]:checked + label,
.checkboxWrapper input[type=radio]:not(:checked) + label,
.checkboxWrapper input[type=checkbox]:not(:checked) + label,
.checkboxWrapper input[type=radio]:checked + label,
.checkboxWrapper input[type=checkbox]:checked + label {
  color: #222222;
  line-height: 32px;
  position: relative;
  padding-left: 34px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.radioWrapper input[type=radio]:not(:checked) + label:before, .radioWrapper input[type=checkbox]:not(:checked) + label:before, .radioWrapper input[type=radio]:checked + label:before, .radioWrapper input[type=checkbox]:checked + label:before,
.checkboxWrapper input[type=radio]:not(:checked) + label:before,
.checkboxWrapper input[type=checkbox]:not(:checked) + label:before,
.checkboxWrapper input[type=radio]:checked + label:before,
.checkboxWrapper input[type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.radioWrapper input[type=radio]:not(:checked) + label:after, .radioWrapper input[type=checkbox]:not(:checked) + label:after, .radioWrapper input[type=radio]:checked + label:after, .radioWrapper input[type=checkbox]:checked + label:after,
.checkboxWrapper input[type=radio]:not(:checked) + label:after,
.checkboxWrapper input[type=checkbox]:not(:checked) + label:after,
.checkboxWrapper input[type=radio]:checked + label:after,
.checkboxWrapper input[type=checkbox]:checked + label:after {
  font-family: "PANDA";
  content: "\e917";
  position: absolute;
  top: 0;
  left: 4px;
  font-size: 24px;
  line-height: 32px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.radioWrapper input[type=radio]:not(:checked) + label:after, .radioWrapper input[type=checkbox]:not(:checked) + label:after,
.checkboxWrapper input[type=radio]:not(:checked) + label:after,
.checkboxWrapper input[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg);
}
.radioWrapper input[type=radio]:checked + label:after, .radioWrapper input[type=checkbox]:checked + label:after,
.checkboxWrapper input[type=radio]:checked + label:after,
.checkboxWrapper input[type=checkbox]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}
.radioWrapper input[type=radio]:checked:focus + label:before, .radioWrapper input[type=checkbox]:checked:focus + label:before, .radioWrapper input[type=radio]:not(:checked):focus + label:before, .radioWrapper input[type=checkbox]:not(:checked):focus + label:before,
.checkboxWrapper input[type=radio]:checked:focus + label:before,
.checkboxWrapper input[type=checkbox]:checked:focus + label:before,
.checkboxWrapper input[type=radio]:not(:checked):focus + label:before,
.checkboxWrapper input[type=checkbox]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.radioWrapper.dark,
.checkboxWrapper.dark {
  border-color: rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.15);
}
.radioWrapper.dark:focus,
.checkboxWrapper.dark:focus {
  border-color: #FFFFFF;
}
@media (hover: hover) {
  .radioWrapper.dark:hover,
  .checkboxWrapper.dark:hover {
    border-color: #FFFFFF;
  }
}
.radioWrapper.dark input,
.checkboxWrapper.dark input {
  /* checkbox aspect */
  /* Accessibility */
}
.radioWrapper.dark input[type=radio]:not(:checked) + label, .radioWrapper.dark input[type=checkbox]:not(:checked) + label, .radioWrapper.dark input[type=radio]:checked + label, .radioWrapper.dark input[type=checkbox]:checked + label,
.checkboxWrapper.dark input[type=radio]:not(:checked) + label,
.checkboxWrapper.dark input[type=checkbox]:not(:checked) + label,
.checkboxWrapper.dark input[type=radio]:checked + label,
.checkboxWrapper.dark input[type=checkbox]:checked + label {
  color: #FFFFFF;
}
.radioWrapper.dark input[type=radio]:not(:checked) + label:before, .radioWrapper.dark input[type=checkbox]:not(:checked) + label:before, .radioWrapper.dark input[type=radio]:checked + label:before, .radioWrapper.dark input[type=checkbox]:checked + label:before,
.checkboxWrapper.dark input[type=radio]:not(:checked) + label:before,
.checkboxWrapper.dark input[type=checkbox]:not(:checked) + label:before,
.checkboxWrapper.dark input[type=radio]:checked + label:before,
.checkboxWrapper.dark input[type=checkbox]:checked + label:before {
  background: rgba(255, 255, 255, 0.15);
}
.radioWrapper.dark input[type=radio]:checked:focus + label:before, .radioWrapper.dark input[type=checkbox]:checked:focus + label:before, .radioWrapper.dark input[type=radio]:not(:checked):focus + label:before, .radioWrapper.dark input[type=checkbox]:not(:checked):focus + label:before,
.checkboxWrapper.dark input[type=radio]:checked:focus + label:before,
.checkboxWrapper.dark input[type=checkbox]:checked:focus + label:before,
.checkboxWrapper.dark input[type=radio]:not(:checked):focus + label:before,
.checkboxWrapper.dark input[type=checkbox]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.15);
}

input.boxButton,
select.boxButton {
  text-align: left;
  font-weight: 400;
}

input.boxButton,
textarea.boxButton {
  cursor: text;
}
input.boxButton::placeholder,
textarea.boxButton::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
input.boxButton.dark::placeholder,
textarea.boxButton.dark::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

textarea.boxButton {
  white-space: normal;
  line-height: 20px;
  padding: 7px 10px !important;
}

select.boxButton {
  width: calc(100% - 20px);
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg id='selectArrow' data-name='Select Arrow' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgba(0,0,0,.3)' d='M16.59,8.3,12,12.88,7.41,8.3,6,9.7l6,6,6-6Z'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 0px;
}
select.boxButton.filter {
  width: auto;
}
select.boxButton.dark {
  background-image: url("data:image/svg+xml;utf8,<svg id='selectArrow' data-name='Select Arrow' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgba(255,255,255,.3)' d='M16.59,8.3,12,12.88,7.41,8.3,6,9.7l6,6,6-6Z'/></svg>");
}

input[type=submit] {
  font-weight: 700;
  cursor: pointer;
}

.boxButtonIcon {
  padding: 0;
}
.boxButtonIcon i {
  font-size: 24px;
  line-height: inherit;
  float: left;
  padding: 0 4px;
}
.boxButtonIcon i.pandaAccent1 {
  color: #13eaad;
}
.boxButtonIcon i.pandaAccent2 {
  color: #8641f2;
}
.boxButtonIcon i.pandaAccent3 {
  color: #158EFC;
}
.boxButtonIcon i.pandaRed {
  color: #F71E33;
}
.boxButtonIcon i.pandaGreen {
  color: #10BF89;
}
.boxButtonIcon.iconLeft {
  padding: 0 10px 0 0;
}
.boxButtonIcon.iconRight {
  padding: 0 0 0 10px;
}
.boxButtonIcon.iconRight i {
  float: right;
}
.boxButtonIcon.iconBoth {
  padding: 0;
}
.boxButtonIcon.iconBoth i:nth-child(2) {
  float: right;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 10px;
}
.boxButtonIcon.dark.iconBoth i:nth-child(2) {
  border-left-color: rgba(255, 255, 255, 0.15);
}

.boxButtonGroup {
  display: inline-flex;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  height: 32px;
  width: 64px;
}
.boxButtonGroup.dark {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
.boxButtonGroup.dark .boxButton:not(:last-child)::after {
  background: rgba(255, 255, 255, 0.3);
}
.boxButtonGroup .boxButton {
  background: none;
  margin: -1px;
  border-color: transparent;
}
.boxButtonGroup .boxButton:not(:last-child)::after {
  content: "";
  height: 32px;
  width: 1px;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  right: -1px;
}
.boxButtonGroup .boxButton:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.boxButtonGroup .boxButton:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
}

.boxButtonGroup .boxButton {
  margin-right: 0;
}
.boxButtonGroup .boxButton:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.boxButtonGroup .boxButton:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.spinner {
  width: 50px;
  height: 50px;
  margin: auto;
  -webkit-animation: rotate-all 1s linear infinite;
  box-sizing: border-box;
}
.spinner .spinner-right-side,
.spinner .spinner-left-side {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.spinner .spinner-left-side {
  left: 0;
}
.spinner .spinner-left-side .spinner-bar {
  border-right: none;
  transform: rotate(10deg);
  transform-origin: right center;
  animation: rotate-left 0.75s linear infinite alternate;
}
.spinner .spinner-right-side {
  right: 0;
}
.spinner .spinner-right-side .spinner-bar {
  border-radius: 0 100px 100px 0;
  border-left: none;
  transform: rotate(-10deg);
  transform-origin: left center;
  animation: rotate-right 0.75s linear infinite alternate;
}
.spinner .spinner-bar {
  width: 100%;
  height: 100%;
  border-radius: 100px 0 0 100px;
  border: 5px solid #FFFFFF;
  position: relative;
  box-sizing: border-box;
}

@keyframes rotate-left {
  to {
    transform: rotate(30deg);
  }
  from {
    transform: rotate(175deg);
  }
}
@keyframes rotate-right {
  from {
    transform: rotate(-175deg);
  }
  to {
    transform: rotate(-30deg);
  }
}
@keyframes rotate-all {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
/* Remove scrollbars on pages that include panels.css*/
::-webkit-scrollbar {
  width: 0px; /* Remove scrollbar space */
  background: transparent; /* Optional: just make scrollbar invisible */
}

body, * {
  /*FireFox*/
  scrollbar-width: none;
  /*IE10+*/
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* end scroll bar remove */
.panel {
  width: 375px;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: #111111;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/8/8e/Flag_Vice_Admiral_of_Red_1805_to_1864.png");
}
@media (max-width: 1024px) {
  .panel {
    width: 300px;
  }
}

body .header {
  transition: 0.5s all ease-in-out;
}
body .panel {
  z-index: 999;
}
body.restrictedPanel .panel {
  width: 375px !important;
}
@media (max-width: 549px) {
  body.restrictedPanel .panel {
    width: inherit !important;
    top: calc(56.25vw + 30px);
  }
}
body.restrictedPanel .wrapper {
  padding-right: 375px !important;
}
@media (max-width: 549px) {
  body.restrictedPanel .wrapper {
    width: inherit !important;
  }
}
@media (max-width: 549px) {
  body.panelTakeover .panel {
    top: 72px !important;
  }
  body.panelTakeover .controls {
    opacity: 0;
  }
  body.panelTakeover .wrapper .header {
    margin-top: -50px;
  }
}
@media (max-width: 549px) {
  body.hasPanelTakeover .panel {
    transition: 0.5s all ease-in-out;
  }
}
body:not(.hasPanelTakeover) .wrapper .header {
  margin-top: 0;
}

body.embed .panel {
  width: 300px;
}
@media (max-width: 800px) {
  body.embed .panel {
    width: 270px;
  }
}
body.embed.embed169 .panel {
  display: none;
}
@media (min-width: 400px) and (max-width: 549px) {
  body.embed:not(.embed169) .panel {
    top: 56.25vw;
    width: 100%;
    left: 0px;
    right: 0px;
  }
  body.embed:not(.embed169).withScorebug .panel {
    top: calc(56.25vw + 30px);
  }
  body.embed:not(.embed169).withTicker .panel {
    top: calc(56.25vw + 32px);
  }
  body.embed:not(.embed169).withTicker.withScorebug .panel {
    top: calc(56.25vw + 62px);
  }
}
@media (max-width: 399px) {
  body.embed:not(.embed169) .panel {
    top: 56.25vw;
    width: 100%;
    left: 0px;
    right: 0px;
  }
  body.embed:not(.embed169).withScorebug .panel {
    top: calc(56.25vw + 30px);
  }
  body.embed:not(.embed169).withTicker .panel {
    top: calc(56.25vw + 32px);
  }
  body.embed:not(.embed169).withTicker.withScorebug .panel {
    top: calc(56.25vw + 62px);
  }
}

@media (max-width: 549px) {
  body:not(.embed) .panel {
    top: calc(56.25vw + 50px);
    width: 100%;
    left: 0px;
    right: 0px;
  }
  body:not(.embed).withScorebug .panel {
    top: calc(56.25vw + 80px);
  }
  body:not(.embed).withTicker .panel {
    top: calc(56.25vw + 80px);
  }
  body:not(.embed).withTicker.withScorebug .panel {
    top: calc(56.25vw + 110px);
  }
}

@media (max-width: 549px) {
  body.withHighlightedBet .panel .tabs {
    top: 42px;
  }
}

body:not(.withHighlightedBet) .panel .highlightedBetRow {
  display: none;
}

.panel #newsletterForm.submitting .inputWrapper,
.panel #newsletterForm.submitting .checkboxWrapper,
.panel #newsletterForm.submitting .newsletterPanelButton {
  pointer-events: none;
  opacity: 0.3;
}
.panel .smallLink {
  font-size: 11px;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
.panel .inputWrapper {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.panel .inputWrapper > label {
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.panel .inputWrapper > label .errorLabel {
  display: none;
}
.panel .inputWrapper > input {
  margin-right: 0;
}
.panel .inputWrapper.error .errorLabel {
  display: inherit;
}
.panel .successBox {
  border: 1px solid;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  margin-top: 30px;
}
.panel .successBox.hidden {
  display: none;
}
.panel .successBox i {
  font-size: 30px;
  margin-right: 5px;
}
.panel .successBox .label {
  font-size: 16px;
  line-height: 20px;
}
.panel .highlightedBetRow {
  position: absolute;
  left: 0;
  right: 0;
  display: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  top: 0px;
  transition: 0.5s;
}
@media (min-width: 549px) {
  .panel .highlightedBetRow {
    display: none;
  }
}
.panel .highlightedBetRow .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.panel .highlightedBetRow .flexRow img {
  width: 60px;
  height: 40px;
  flex: 0;
}
.panel .highlightedBetRow .flexRow .highlightedBetRowContent {
  margin-left: 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel .highlightedBetRow .flexRow .highlightedBetRowContent .highlightedBetRowLine1 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel .highlightedBetRow .flexRow .highlightedBetRowContent .highlightedBetRowLine2 {
  font-size: 11px;
  line-height: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel .highlightedBetRow .flexRow .highlightedBetRowOdds {
  flex: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: 5px;
}
.panel .highlightedBetRow .flexRow .highlightedBetRowOdds .highlightedBetRowOddsValue {
  font-size: 11px;
  line-height: 13px;
}
.panel .highlightedBetRow .flexRow .highlightedBetRowOdds i {
  font-size: 13px;
}
.panel .highlightedBetRow .flexRow .continueIcon {
  flex: 0;
}
.panel .highlightedBetRow .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.panel .tabs {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.panel .tabs .tabControls {
  height: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
}
.panel .tabs .tabControls .tabSpacer {
  display: none;
}
.panel .tabs .showPrev,
.panel .tabs .showNext {
  flex: 0;
  height: 40px;
  text-align: center;
  cursor: pointer;
  display: none;
  position: absolute;
  top: 0px;
}
.panel .tabs .showPrev i,
.panel .tabs .showNext i {
  padding: 5px 0;
  margin: 0;
  font-size: 30px;
  color: #FFFFFF;
  display: block;
}
.panel .tabs .showPrev {
  left: 0px;
}
.panel .tabs .showNext {
  right: 0px;
}
.panel .tabs .tabButton {
  flex: 1;
  height: 40px;
  float: left;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}
.panel .tabs .tabButton i {
  padding: 5px 0;
  margin: 0;
  font-size: 30px;
  color: #FFFFFF;
  display: block;
}
.panel .tabs .tabButton img {
  position: relative;
  top: 1px;
  margin: 0 auto;
  width: 30px;
  height: 30px;
}
.panel .tabs .tabButton div {
  font-size: 13px;
  line-height: 40px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.panel .tabs .tabButton div .newChatMessagesBackground,
.panel .tabs .tabButton div .downloadsCountBackground {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-left: 5px;
  display: none;
  position: absolute;
  top: 2px;
  left: 50%;
}
.panel .tabs .tabButton div .newChatMessagesBackground .newChatMessages,
.panel .tabs .tabButton div .newChatMessagesBackground .downloadsCount,
.panel .tabs .tabButton div .downloadsCountBackground .newChatMessages,
.panel .tabs .tabButton div .downloadsCountBackground .downloadsCount {
  font-size: 11px;
  line-height: 11px;
  color: #FFFFFF;
  display: inline;
}
.panel .tabs .tabButton span {
  font-size: 13px;
  line-height: 40px;
  font-weight: 700;
}
.panel .tabs .tabButton:hover, .panel .tabs .tabButton:focus {
  background: rgba(0, 0, 0, 0.15);
}
.panel .tabs .tabButton.active {
  height: 41px;
  border-bottom: 3px solid #13eaad;
}
.panel .tabs .tabButton.active:hover {
  background: none;
}
.panel .tabs .tabButtonHolder {
  position: absolute;
  left: 0px;
  right: 0px;
  white-space: nowrap;
  line-height: 0px;
  font-size: 0px;
  overflow: hidden;
}
.panel .tabs .tabButtonHolder .tabButton {
  display: inline-block;
  float: left;
  width: 100%;
}
.panel .tabs .tabButtonHolder .tabSpacer {
  display: none;
}
.panel .tabs.tabsMulti {
  width: 100%;
}
.panel .tabs.tabsMulti .tabButtonHolder {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none;
  left: 30px;
  right: 30px;
}
.panel .tabs.tabsMulti .tabButtonHolder .tabButton {
  float: none;
}
.panel .tabs.tabsMulti .tabButtonHolder::-webkit-scrollbar {
  display: none;
}
.panel .tabs.tabsMulti .tabButtonHolder .tabSpacer {
  display: inline-block;
  height: 10px;
}
.panel .tabs.tabsMulti .tabControls {
  white-space: nowrap;
  overflow: none;
  display: flex;
}
.panel .tabs.tabsMulti .tabControls .showPrev,
.panel .tabs.tabsMulti .tabControls .showNext {
  width: 37.5px;
  position: fixed;
  top: 0;
}
.panel .tabs.tabsMulti .tabControls .showPrev i,
.panel .tabs.tabsMulti .tabControls .showNext i {
  color: rgba(255, 255, 255, 0.3);
}
.panel .tabs.tabsMulti .tabControls .showPrev:hover i,
.panel .tabs.tabsMulti .tabControls .showNext:hover i {
  color: #FFFFFF;
}
.panel .tabs.tabsMulti .tabControls .showNext {
  right: 0;
}
.panel .tabs.tabsMulti .tabControls .showPrev {
  right: 337.5px;
}
.panel .tabs.tabsMulti .showPrev, .panel .tabs.tabsMulti .showNext {
  display: inline-block;
  cursor: not-allowed;
  pointer-events: all !important;
}
.panel .tabs.tabsMulti .showPrev i, .panel .tabs.tabsMulti .showNext i {
  color: rgba(255, 255, 255, 0.3);
}
.panel .tabs.tabsMulti.withPrev .showPrev {
  cursor: pointer;
}
.panel .tabs.tabsMulti.withPrev .showPrev i {
  color: rgba(255, 255, 255, 0.3);
}
.panel .tabs.tabsMulti.withPrev .showPrev:hover i {
  color: #FFFFFF;
}
.panel .tabs.tabsMulti.withNext .showNext {
  cursor: pointer;
}
.panel .tabs.tabsMulti.withNext .showNext i {
  color: rgba(255, 255, 255, 0.3);
}
.panel .tabs.tabsMulti.withNext .showNext:hover i {
  color: #FFFFFF;
}
.panel .tabs.tabsMulti .tabButtonHolder .tabButton {
  width: 20%;
  min-width: 20%;
  max-width: 20%;
}
.panel .tabs.tabsMulti.withBoth .tabButtonHolder .tabButton {
  width: 16%;
  min-width: 16%;
  max-width: 16%;
}
.panel .tabs.tabs5 .tabButtonHolder .tabButton {
  width: 20%;
  min-width: 20%;
  max-width: 20%;
}
.panel .tabs.tabs4 .tabButtonHolder .tabButton {
  width: 25%;
  min-width: 25%;
  max-width: 25%;
}
.panel .tabs.tabs3 .tabButtonHolder .tabButton {
  width: 33.33%;
  min-width: 33.33%;
  max-width: 33.33%;
}
.panel .tabs.tabs2 .tabButtonHolder .tabButton {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
}
.panel .tabs .tabWrapper {
  position: absolute;
  top: 41px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  /* Tooltip container */
}
.panel .tabs .tabWrapper .tab {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none;
}
.panel .tabs .tabWrapper .tab:first-child {
  display: block;
}
.panel .tabs .tabWrapper .tab:first-child.displayFlex {
  display: flex;
}
.panel .tabs .tabWrapper .tab .tabContent {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  /*
           {% if data.broadcast.properties.advertising[adPanel ~ "Banner"] %}
               <div class="panelAdvertBanner panelAdvertBanner_{{ adPanel }}">{% spaceless %}
                   {% if data.broadcast.properties.advertising[adPanel ~ "Link"] %}
                       <a href="{{ data.broadcast.properties.advertising[adPanel ~ "Link"] }}" target="_parent" class="panelAdvertBannerLink panelAdvertBannerLink_{{ adPanel }}">
                   {% endif %}
                   <img src="{{ data.broadcast.properties.advertising[adPanel ~ "Banner"] }}" class="panelAdvertBannerImage  panelAdvertBannerImage_{{ adPanel }}" />
                   {% if data.broadcast.properties.advertising[adPanel ~ "Link"] %}
                       </a>
                   {% endif %}
               {% endspaceless %}</div>
           {% endif %}
  */
}
.panel .tabs .tabWrapper .tab .tabContent.withPanelHeader {
  top: 41px;
}
.panel .tabs .tabWrapper .tab .tabContent.withPoweredBy {
  bottom: 30px;
}
.panel .tabs .tabWrapper .tab .tabContent.withPanelAdvertBanner {
  top: 60px;
}
.panel .tabs .tabWrapper .tab .tabContent.withPanelAdvertBanner.withPanelHeader {
  top: 101px;
}
.panel .tabs .tabWrapper .tab .tabContent .panelAdvertBanner {
  height: 60px;
  box-sizing: border-box;
  padding: 5px 0;
  text-align: center;
  position: absolute;
  top: -60px;
  left: 0px;
  right: 0px;
  z-index: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.panel .tabs .tabWrapper .tab .tabContent .panelAdvertBanner img {
  width: 320px;
  max-width: 100%;
}
.panel .tabs .tabWrapper .tab .tabContent .panelAdvertBanner_highlightedBets,
.panel .tabs .tabWrapper .tab .tabContent .panelAdvertBanner_scheduled {
  top: -101px !important;
}
.panel .tabs .tabWrapper .tab .tabContent.withPanelHeader .panelAdvertBanner {
  top: -100px;
}
.panel .tabs .tabWrapper .tab .tabContent .fadeOutTop, .panel .tabs .tabWrapper .tab .tabContent .fadeOutBottom {
  display: none;
  position: absolute;
  right: 0;
  left: 0px;
  height: 30px;
  z-index: 1;
  pointer-events: none;
}
.panel .tabs .tabWrapper .tab .tabContent .fadeOutTop {
  top: 0px;
}
.panel .tabs .tabWrapper .tab .tabContent .fadeOutBottom {
  bottom: 0px;
}
.panel .tabs .tabWrapper .tab .tabContent .poweredBy {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -30px;
  z-index: 1;
  font-size: 13px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  background: #222222;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab .tabContent .poweredBy {
    width: 100%;
  }
}
.panel .tabs .tabWrapper .tab .tabContent .poweredBy a {
  color: #FFFFFF;
  display: block;
}
.panel .tabs .tabWrapper .tab .tabContent .panelHeader {
  height: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 5px 0;
  text-align: center;
  position: absolute;
  top: -41px;
  left: 0px;
  right: 0px;
  z-index: 1;
  background: #111111;
}
.panel .tabs .tabWrapper .tab .tabContent .panelHeader .sponsorLogo {
  padding: 5px 0;
  height: 20px;
  margin: 0 auto;
}
.panel .tabs .tabWrapper .tab .tabContent .panelHeader .sponsorLogo.large {
  height: 30px;
  padding: 0;
}
.panel .tabs .tabWrapper .tab .tabContent .panelHeader .panelHeaderTitle {
  font-size: 13px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.panel .tabs .tabWrapper .tab .tabContent .panelHeader .iconLeft {
  position: absolute;
  left: 10px;
  top: 5px;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab .tabContent .panelHeader .iconLeft i {
  font-size: 30px;
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab .tabContent .panelHeader .iconRight {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab .tabContent .panelHeader .iconRight i {
  font-size: 30px;
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab .tabContent h1 {
  margin-top: 15px;
}
.panel .tabs .tabWrapper .tab .tabContent h2 {
  margin-top: 15px;
}
.panel .tabs .tabWrapper .tab .tabContent h3 {
  margin-top: 15px;
}
.panel .tabs .tabWrapper .tab .tabContent h4 {
  margin-top: 15px;
}
.panel .tabs .tabWrapper .tab .tabContent p {
  font-size: 13px;
  line-height: 20px;
  margin-top: 15px;
}
.panel .tabs .tabWrapper .tab .tabContent ul {
  margin: 10px 15px 10px 30px;
}
.panel .tabs .tabWrapper .tab .tabContent hr {
  margin: 15px -15px;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.panel .tabs .tabWrapper .tab .tabContent .tabMainContent {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: scroll;
  overflow-y: auto;
  overflow-x: hidden;
}
.panel .tabs .tabWrapper .tab .tabContent .tabMainContent .eventCountdown {
  padding-top: 10px;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab .tabContent .tabMainContent .eventCountdown {
    display: none !important;
  }
}
.panel .tabs .tabWrapper .tab .tabContent .tabMainContent .eventCountdown .countdownTitle {
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 15px 5px 15px;
}
.panel .tabs .tabWrapper .tab .tabContent .tabMainContent .eventCountdown .countdownList {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0 15px 10px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  justify-content: center;
}
.panel .tabs .tabWrapper .tab .tabContent .tabMainContent .eventCountdown .countdownList .countdownItem {
  width: 100%;
  max-width: 90px;
  text-align: center;
}
.panel .tabs .tabWrapper .tab .tabContent .tabMainContent .eventCountdown .countdownList .countdownItem h2 {
  margin: 0;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 30px;
  display: block;
}
.panel .tabs .tabWrapper .tab .tabContent .tabMainContent .eventCountdown .countdownList .countdownItem label {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  line-height: 20px;
  display: block;
}
.panel .tabs .tabWrapper .tab .tabContent .panelSponsor {
  margin: 0 -15px 15px -15px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab .tabContent .panelSponsor.mobileHidden {
    display: none;
  }
}
.panel .tabs .tabWrapper .tab .tabContent .panelSponsor .sponsorLogo {
  max-height: 40px;
  max-width: 220px;
  margin: 0 auto;
  display: block;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab .tabContent .panelSponsor {
    padding: 10px 0;
  }
  .panel .tabs .tabWrapper .tab .tabContent .panelSponsor .sponsorLogo {
    max-height: 30px;
  }
}
.panel .tabs .tabWrapper .tab.schedule.loaded .tabContent .scheduleList .spinner {
  display: none;
}
.panel .tabs .tabWrapper .tab.schedule.error .tabContent .scheduleList .error {
  display: block;
}
.panel .tabs .tabWrapper .tab.schedule.empty .tabContent .scheduleList .empty {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .error, .panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .empty {
  display: none;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .error {
  text-align: center;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .empty {
  text-align: center;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .spinner {
  margin: 50px auto;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem {
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  height: 58px;
  background: #222222;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem:last-child {
  margin-bottom: 0px;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .scheduleImage {
  float: left;
  margin: -1px 0 -1px -1px;
  width: 90px;
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .scheduleImage::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  background: inherit;
  background-size: cover;
  transform-origin: center;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .scheduleContent {
  width: calc(100% - 110px);
  margin-left: 10px;
  margin-top: 5px;
  float: left;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .scheduleContent .scheduleTitle {
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
  color: #FFFFFF;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .scheduleContent .scheduleContentRow2 {
  font-size: 11px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .scheduleContent .scheduleContentRow2 .scheduleDescriptionLeft {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  justify-content: flex-start;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .scheduleContent .scheduleContentRow2 .scheduleDescriptionRight {
  white-space: nowrap;
  text-align: right;
  padding-left: 5px;
  flex: 0;
  justify-content: flex-end;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .scheduleContent .scheduleContentRow3 {
  font-size: 11px;
  line-height: 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  bottom: 3px;
  left: 100px;
  right: 10px;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .scheduleContent .scheduleContentRow3 .scheduleTime {
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .scheduleContent .scheduleContentRow3 .scheduleTime {
  flex: 1;
  justify-content: flex-start;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .scheduleContent .scheduleContentRow3 .scheduleCTA {
  font-weight: 700;
  white-space: nowrap;
  text-align: right;
  padding-left: 5px;
  flex: 0;
  justify-content: flex-end;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem:hover, .panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem:focus {
  border-color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem:hover .scheduleImage, .panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem:focus .scheduleImage {
  background-size: 105%;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem:hover .scheduleImage::after, .panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem:focus .scheduleImage::after {
  transform: scale(1.1);
}
.panel .tabs .tabWrapper .tab.schedule .tabContent .scheduleList .scheduleItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.panel .tabs .tabWrapper .tab.vod.loaded .tabContent .vodList .spinner {
  display: none;
}
.panel .tabs .tabWrapper .tab.vod.error .tabContent .vodList .error {
  display: block;
}
.panel .tabs .tabWrapper .tab.vod.empty .tabContent .vodList .empty {
  display: block;
}
.panel .tabs .tabWrapper .tab.vod .tabContent {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodList {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .error, .panel .tabs .tabWrapper .tab.vod .tabContent .empty {
  display: none;
  font-size: 13px;
  line-height: 20px;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .error {
  text-align: center;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .empty {
  text-align: center;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .spinner {
  margin: 50px auto;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.vod .tabContent {
    width: calc(100% - 30px);
  }
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  transition: 0.2s ease-in-out;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem:last-child {
  margin-bottom: 0px;
}
@media (max-width: 950px) {
  .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem {
    width: 100%;
    max-width: 100%;
    height: 58px;
    background: #222222;
  }
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodThumbnailWrapper {
  padding-top: 56.25%;
  position: relative;
}
@media (max-width: 950px) {
  .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodThumbnailWrapper {
    padding: 0;
    float: left;
  }
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodThumbnailWrapper .vodThumbnail {
  float: left;
  margin: -1px -1px 0 -1px;
  width: calc(100% + 2px);
  padding-top: 56.25%;
  border-radius: 5px;
  margin-bottom: 15px;
  overflow: hidden;
  position: absolute;
  top: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodThumbnailWrapper .vodThumbnail::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  background: inherit;
  background-size: cover;
  transform-origin: center;
  transition: 0.2s ease-in-out;
}
@media (max-width: 950px) {
  .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodThumbnailWrapper .vodThumbnail {
    width: 106px;
    height: 60px;
  }
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodThumbnailWrapper .vodThumbnailDarken {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: 1px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodThumbnailWrapper i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 50px;
  transition: 0.2s ease-in-out;
}
@media (max-width: 950px) {
  .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodThumbnailWrapper i {
    display: none;
  }
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodContent {
  padding: 10px;
}
@media (max-width: 950px) {
  .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodContent {
    width: calc(100% - 126px);
    margin-left: 116px;
    margin-top: 5px;
    float: left;
    padding: 0;
  }
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodContent .vodTitle {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
@media (max-width: 950px) {
  .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodContent .vodTitle {
    font-family: inherit !important;
    text-transform: none !important;
    font-size: 13px;
    line-height: 17px;
    color: #FFFFFF;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
  }
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodContent .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 950px) {
  .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodContent .flexRow {
    position: absolute;
    bottom: 3px;
    left: 116px;
    right: 10px;
  }
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodContent .flexRow .vodDescription {
  font-size: 11px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodContent .flexRow .vodDescription span {
  font-weight: 700;
  color: #F71E33;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodContent .flexRow .vodCTA {
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  margin-left: 5px;
}
@media (max-width: 950px) {
  .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .vodContent .flexRow .vodCTA {
    display: none;
  }
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .border {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid;
  border-radius: 5px;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem:hover, .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem:focus {
  border-color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem:hover .vodThumbnail, .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem:focus .vodThumbnail {
  background-size: 105%;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem:hover .vodThumbnail::after, .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem:focus .vodThumbnail::after {
  transform: scale(1.1);
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem:hover .vodThumbnailWrapper .vodThumbnailDarken, .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem:focus .vodThumbnailWrapper .vodThumbnailDarken {
  opacity: 1;
}
.panel .tabs .tabWrapper .tab.vod .tabContent .vodItem:hover .vodThumbnailWrapper i, .panel .tabs .tabWrapper .tab.vod .tabContent .vodItem:focus .vodThumbnailWrapper i {
  background: rgba(0, 0, 0, 0.85);
}
.panel .tabs .tabWrapper .tab.donate {
  text-align: center;
}
.panel .tabs .tabWrapper .tab.donate .tabContent {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .tabMainContent {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .tabMainContent input {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.15);
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  color: #FFFFFF;
  flex: 1;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .tabMainContent input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; /* Firefox */
}
.panel .tabs .tabWrapper .tab.donate .tabContent .tabMainContent input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.donate .tabContent .tabMainContent input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.donate .tabContent .tabMainContent input:hover, .panel .tabs .tabWrapper .tab.donate .tabContent .tabMainContent input:focus {
  border-color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .tabMainContent input.error {
  border-color: #F71E33;
  background: rgba(247, 30, 51, 0.15);
}
.panel .tabs .tabWrapper .tab.donate .tabContent .tabMainContent .sendDonationButton {
  margin-right: 0;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .paymentMethods {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  margin: 15px 0;
  padding: 15px 0;
  height: 30px;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .paymentMethods img {
  height: 30px;
  margin: 0 auto;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .bannerImage {
  width: 100%;
  position: relative;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .bannerImage img {
  width: auto;
  margin: 30px auto 20px auto;
  border-radius: 0;
  display: none;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .bannerImage img.banner {
  width: 100%;
  border-radius: 5px;
  margin: 0 auto;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .bannerImage img.small {
  height: 30px;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .bannerImage img.medium {
  height: 60px;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .bannerImage img.large {
  height: 80px;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .bannerImage .cover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .qrImage {
  padding: 15px;
  width: 150px;
  margin: 20px auto;
  border: 1px solid #13eaad;
  border-radius: 10px;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .donationOptions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .donationOptions .boxButton:last-child {
  margin-right: 0;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .donationOptions .customDonation {
  position: relative;
  flex: 1;
}
.panel .tabs .tabWrapper .tab.donate .tabContent .donationOptions .customDonation input {
  padding: 0 0 0 10px;
  width: calc(100% - 10px);
}
.panel .tabs .tabWrapper .tab.donate .tabContent .inputWrapper {
  margin: 15px 0;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatBoxWrapper {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem {
  position: relative;
  padding: 5px 0;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem:not(.noHover) {
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem a.cover {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem > img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: absolute;
  top: 3px;
  left: 8px;
  border: 2px solid rgba(255, 255, 255, 0.3);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .flagCount {
  display: none;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .chatItemRow1,
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .chatItemRow2 {
  display: flex;
  flex-direction: row;
  padding: 0 50px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .chatItemRow1 {
  flex-wrap: nowrap;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .chatItemRow1 .chatItemUsername {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .chatItemRow1 .flagCount {
  display: none;
  flex-wrap: nowrap;
  margin-left: 5px;
  white-space: nowrap;
  height: 15px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .chatItemRow1 .flagCount span {
  font-size: 11px;
  line-height: 15px;
  font-weight: 700;
  margin-left: 2px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .chatItemRow2 {
  top: 20px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .chatItemRow2 .chatItemContent {
  font-size: 13px;
  line-height: 15px;
  word-break: break-word;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .chatItemRow2 .chatItemContent a {
  text-decoration: underline;
  color: #FFF;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .chatItemRow2 .chatItemContent img.emote {
  height: 30px;
  position: relative;
  top: 2px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .chatItemRow2 .chatItemContent img.emote.emoteSmall {
  top: 3px;
  height: 15px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem .iconRight {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 18px;
  color: #FFFFFF;
  border-radius: 15px;
  padding: 6px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.followed img {
  border-color: #13eaad;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut {
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  z-index: 1;
  padding-right: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  display: none;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut.active {
  display: block;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemActions {
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -62px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemActions .chatItemButton {
  background: #222222;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 4px 0;
  margin-right: 7px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemActions .chatItemButton label {
  font-size: 11px;
  line-height: 16px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemActions .chatItemButton:hover, .panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemActions .chatItemButton:focus {
  border-color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemActions .chatItemButton:last-child {
  margin-right: 0;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemActions.actions2 .chatItemButton {
  width: calc(100% - 2.5px);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemActions.actions3 .chatItemButton {
  width: calc(100% - 3.33px);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemActions.actions4 .chatItemButton {
  width: calc(100% - 3.75px);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemActions.actions5 .chatItemButton {
  width: calc(100% - 3px);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemConfirmation {
  position: absolute;
  bottom: -101px;
  right: -1px;
  left: -1px;
  z-index: 1;
  display: none;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemConfirmation.active {
  display: block;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemConfirmation .chatItemConfirmationButton {
  display: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.85);
  border-radius: 5px;
  padding: 0 50px 0 10px;
  align-items: center;
  position: relative;
  height: 32px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemConfirmation .chatItemConfirmationButton.active {
  display: flex;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.poppedOut .chatItemConfirmation .chatItemConfirmationButton .boxButton {
  position: absolute;
  top: -1px;
  right: -1px;
  margin: 0;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.pinned {
  position: absolute;
  top: 0;
  right: 0;
  left: 0px;
  z-index: 1;
  padding-right: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.pinned .chatItemRow1 {
  padding-right: 0;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.pinned .chatItemRow2 {
  padding-right: 0;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.pinned .chatItemRow2 .chatItemContent {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.owner img {
  border-color: #F71E33;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.owner .chatItemRow1 .chatItemUsername {
  color: #13eaad;
  font-weight: 700;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.admin {
  background: #222222;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  margin: 5px 10px;
  padding: 17px 0;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.admin::before {
  content: "";
  height: 10px;
  width: 100%;
  position: absolute;
  top: -10px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.admin img {
  top: 8px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatItem.admin .chatItemRow1 .chatItemUsername {
  color: #13eaad;
  font-weight: 700;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatTooltip {
  background: rgba(0, 0, 0, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  position: absolute;
  bottom: 49px;
  right: 10px;
  padding: 10px 30px 10px 10px;
  width: calc(100% - 62px);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatTooltip .buttons {
  margin-top: 10px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatTooltip .buttons .boxButton {
  float: left;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatTooltip .buttons .boxButton:last-child {
  margin: 0;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatTooltip .closeTooltip {
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatTooltip .closeTooltip:hover, .panel .tabs .tabWrapper .tab.chat .tabContent .chatTooltip .closeTooltip:focus {
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper {
  position: absolute;
  bottom: 0px;
  height: 38px;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper {
    width: 100%;
  }
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper.userChat {
  cursor: inherit;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper.userChat .textareaOuter {
  margin-top: 2px;
  padding-left: 50px;
  padding-right: 50px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper.userChat textarea.chatInputUser {
  width: 100%;
  background: transparent;
  border: 0px;
  color: #FFFFFF;
  line-height: 20px;
  font-size: 13px;
  resize: none;
  overflow: hidden;
  /* padding-top: 10px; */
  box-sizing: border-box;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper.userChat .grow-wrap {
  width: 100%;
  background: transparent;
  border: 0px;
  color: #FFFFFF;
  line-height: 20px;
  font-size: 13px;
  resize: none;
  overflow: hidden;
  /* padding-top: 10px; */
  box-sizing: border-box;
  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
  display: grid;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper.userChat .grow-wrap::after {
  /* Note the weird space! Needed to preventy jumpy behavior */
  content: attr(data-replicated-value) " ";
  /* This is how textarea text behaves */
  white-space: pre-wrap;
  /* Hidden from view, clicks, and screen readers */
  visibility: hidden;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper.userChat .grow-wrap > textarea {
  /* You could leave this, but after a user resizes, then it ruins the auto sizing */
  resize: none;
  /* Firefox shows scrollbar on growth, you can hide like this. */
  overflow: hidden;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper.userChat .grow-wrap > textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper.userChat .grow-wrap > textarea, .panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper.userChat .grow-wrap::after {
  /* Identical styling required!! */
  padding: 7px 10px 7px 0;
  font-size: 13px;
  font: inherit;
  word-break: break-word;
  /* Place on top of each other */
  grid-area: 1/1/2/2;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper.userChat .emoteButton {
  position: absolute;
  top: 0px;
  right: 0px;
  float: none;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: absolute;
  top: 5px;
  left: 10px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper .chatInputGuest {
  position: absolute;
  top: 0;
  left: 50px;
  right: 50px;
  height: 40px;
  width: calc(100% - 100px);
  padding: 0;
  font-size: 13px;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper .chatInput {
  position: absolute;
  top: 0;
  left: 50px;
  right: 50px;
  height: 40px;
  width: calc(100% - 100px);
  padding: 0;
  line-height: 20px;
  border: none;
  background: none;
  color: #FFFFFF;
  display: none;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper .emoteButton {
  float: right;
  padding: 5px;
  margin: 0 5px;
  color: rgba(255, 255, 255, 0.3);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper .emoteButton:hover, .panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper .emoteButton:focus {
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .chatInputWrapper .emoteButton.active {
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard {
  background: #222222;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  bottom: 39px;
  line-height: 0px;
  right: 0px;
  width: calc(100% - 20px);
  padding: 10px 10px 0 10px;
  text-align: center;
  display: none;
  z-index: 1;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard.active {
  display: inherit;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard input {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.15);
  font-size: 13px;
  line-height: 32px;
  height: 32px;
  color: #FFFFFF;
  padding: 0 10px;
  width: calc(100% - 22px);
  margin-bottom: 10px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; /* Firefox */
}
.panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard label {
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
  display: block;
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard .frequentlyUsed {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 10px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard .emoteList {
  display: inline-block;
  margin: 0 auto;
  text-align: left;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard .emoteList img {
  width: 24px;
  margin: 0 5px 10px 5px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard .emoteList img:hover, .panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard .emoteList img:focus {
  transform: scale(1.2);
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.chat .tabContent .emoteKeyboard {
    top: -1px;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.panel .tabs .tabWrapper .tab.chat.live .chatBoxWrapper, .panel .tabs .tabWrapper .tab.chat.upcoming .chatBoxWrapper {
  bottom: 39px;
}
.panel .tabs .tabWrapper .tab.chat.live .tabContent .fadeOutBottom, .panel .tabs .tabWrapper .tab.chat.upcoming .tabContent .fadeOutBottom {
  bottom: 39px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent.withPinned .chatBoxWrapper {
  top: 41px;
}
.panel .tabs .tabWrapper .tab.chat .tabContent.withPinned .fadeOutTop {
  top: 41px;
}
.panel .tabs .tabWrapper .tab.ecommerce .tabContent {
  padding: 15px;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.ecommerce .tabContent {
    width: calc(100% - 30px);
  }
}
.panel .tabs .tabWrapper .tab.ecommerce .tabContent .tabMainContent {
  left: 15px;
  right: 0px;
  padding-top: 15px;
}
.panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem {
  display: inline-block;
  width: calc(50% - 15px);
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem .itemImage {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem .itemImage::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  background-size: cover;
  transform-origin: center;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem .itemImage:hover, .panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem .itemImage:focus {
  background-size: 105%;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem .itemImage:hover::after, .panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem .itemImage:focus::after {
  transform: scale(1.05);
}
.panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem .itemImage .itemPrice {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  padding: 5px 10px;
  border-radius: 5px;
  background: #13eaad;
}
.panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem .itemImage .itemPrice.lowlighted {
  color: #222222;
}
.panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem .itemImage .itemPrice.highlighted {
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem .itemTitle {
  margin-top: 5px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  color: #13eaad;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel .tabs .tabWrapper .tab.ecommerce .ecommerceItem .itemDescription {
  font-size: 13px;
  line-height: 20px;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .boxButton.disabled, .panel .tabs .tabWrapper .tab.ecommerceItem .boxButtonIcon.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .boxButton.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .boxButtonIcon.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .boxButton.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .boxButtonIcon.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .boxButton.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .boxButtonIcon.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .boxButton.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .boxButtonIcon.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .boxButton.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .boxButtonIcon.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .boxButton.disabled, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .boxButtonIcon.disabled {
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent {
  padding: 15px 0;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent {
  padding-top: 15px;
  padding-bottom: 30px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .panelPadding, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .panelPadding, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .panelPadding, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .panelPadding, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .panelPadding, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .panelPadding, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .panelPadding {
  padding: 0 15px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .customInput, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .customInput, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .customInput, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .customInput, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .customInput, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .customInput, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .customInput {
  display: block;
  margin-top: 20px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .customInput input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .customInput input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .customInput input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .customInput input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .customInput input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .customInput input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .customInput input {
  width: calc(100% - 22px);
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .customInput input.secondLine, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .customInput input.secondLine, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .customInput input.secondLine, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .customInput input.secondLine, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .customInput input.secondLine, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .customInput input.secondLine, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .customInput input.secondLine {
  margin-top: 10px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent select, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent select, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent select, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent select, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent select, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent select, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent select {
  width: calc(100% - 22px);
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .description, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .description, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .description, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .description, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .description, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .description, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .description {
  font-size: 13px;
  line-height: 20px;
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .description strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .description strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .description strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .description strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .description strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .description strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .description strong {
  font-weight: 400;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .description a, .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .description a strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .description a, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .description a strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .description a, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .description a strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .description a, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .description a strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .description a, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .description a strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .description a, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .description a strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .description a, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .description a strong {
  font-weight: 700;
  color: #DDDDDD;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .externalButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .externalButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .externalButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .externalButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .externalButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .externalButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .externalButton {
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  padding: 7px;
  margin-bottom: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  width: calc(100% - 16px);
  display: block;
  transition: 0.2s;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .externalButton:hover, .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .externalButton:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .externalButton:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .externalButton:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .externalButton:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .externalButton:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .externalButton:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .externalButton:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .externalButton:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .externalButton:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .externalButton:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .externalButton:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .externalButton:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .externalButton:focus {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .externalButton strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .externalButton strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .externalButton strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .externalButton strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .externalButton strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .externalButton strong, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .externalButton strong {
  font-weight: 700;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper {
  padding-bottom: 50px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .itemImage, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .itemImage, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .itemImage, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .itemImage, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .itemImage, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .itemImage, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .itemImage {
  width: 100%;
  border-radius: 5px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .otherImages, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .otherImages, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .otherImages, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .otherImages, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .otherImages, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .otherImages, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .otherImages {
  padding-top: 15px;
  padding-bottom: 5px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .otherImages:after, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .otherImages:after, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .otherImages:after, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .otherImages:after, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .otherImages:after, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .otherImages:after, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .otherImages:after {
  content: "";
  display: table;
  clear: both;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper {
  box-sizing: border-box;
  height: 60px;
  width: 20%;
  text-align: center;
  padding: 0 0 10px 0;
  overflow: hidden;
  float: left;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper img, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper img, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper img, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper img, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper img, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper img, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .otherImages .imageWrapper img {
  height: 50px;
  width: auto;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .itemPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .itemPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .itemPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .itemPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .itemPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .itemPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .itemPrice {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin-top: 15px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .itemTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .itemTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .itemTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .itemTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .itemTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .itemTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .itemTitle {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  margin-top: 5px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .selectSize, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .selectSize, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .selectSize, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .selectSize, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .selectSize, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .selectSize, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .selectSize {
  margin-top: 20px;
  margin-bottom: -5px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .selectSize .sizeOptions .boxButton {
  margin: 0 5px 5px 0;
  display: flex;
  justify-content: center;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .selectGeneric, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .selectGeneric, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .selectGeneric, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .selectGeneric, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .selectGeneric, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .selectGeneric, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .selectGeneric {
  margin-top: 20px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper table, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper table, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper table, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper table, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper table, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper table, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper table tr, .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper table td, .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper table th, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper table tr, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper table td, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper table th, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper table tr, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper table td, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper table th, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper table tr, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper table td, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper table th, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper table tr, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper table td, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper table th, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper table tr, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper table td, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper table th, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper table tr, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper table td, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper table th {
  color: #FFFFFF !important;
  font-size: 11px !important;
  line-height: 14px !important;
  padding: 10px 5px !important;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA {
  margin-top: 20px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow {
  width: 100%;
  font-weight: 700;
  margin: 0;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity {
  float: left;
  flex: 1;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .quantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .quantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .quantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .quantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .quantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .quantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .quantity {
  float: left;
  font-size: 20px;
  line-height: 34px;
  width: 34px;
  text-align: center;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .boxButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .selectQuantity .boxButton {
  float: left;
  margin: 0;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .buyNowCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .buyNowCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .buyNowCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .buyNowCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .buyNowCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .buyNowCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .quantityAndCTA .flexRow .buyNowCTA {
  float: right;
  margin: 0;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceItemWrapper .buyButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceItemWrapper .buyButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceItemWrapper .buyButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceItemWrapper .buyButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceItemWrapper .buyButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceItemWrapper .buyButton, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceItemWrapper .buyButton {
  margin-top: 20px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceCheckoutCart, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceCheckoutCart, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceCheckoutCart, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceCheckoutCart, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceCheckoutCart, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceCheckoutCart, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceCheckoutCart {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
  margin: 0 0 20px 0;
  padding: 0 0 15px 0;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity,
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: -5px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutQuantity {
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceCheckoutCart .checkoutPrice {
  font-weight: 700;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .ecommerceCheckoutCart .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .ecommerceCheckoutCart .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .ecommerceCheckoutCart .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .ecommerceCheckoutCart .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .ecommerceCheckoutCart .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .ecommerceCheckoutCart .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .ecommerceCheckoutCart .flexRow .stacked {
  width: 100%;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent h2, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent h2, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent h2, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent h2, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent h2, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent h2, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent h2 {
  margin: 0;
  display: block;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .continueCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .continueCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .continueCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .continueCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .continueCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .continueCTA, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .continueCTA {
  margin-top: 25px;
  margin-right: 0;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .flexRow, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .flexRow .flex, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .flexRow .flex, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .flexRow .flex, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .flexRow .flex, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .flexRow .flex, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .flexRow .flex, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .flexRow .flex {
  flex: 1;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .flexRow .checkoutThumbnail, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .flexRow .checkoutThumbnail, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .flexRow .checkoutThumbnail, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .flexRow .checkoutThumbnail, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .flexRow .checkoutThumbnail, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .flexRow .checkoutThumbnail, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .flexRow .checkoutThumbnail {
  width: 80px;
  height: 100%;
  border-radius: 5px;
  margin-right: 10px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .flexRow .stacked, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .flexRow .stacked {
  display: flex;
  flex-direction: column;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .spinner, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .spinner, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .spinner, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .spinner, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .spinner, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .spinner, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .spinner {
  display: none;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 15px 15px 15px 45px;
  margin-bottom: 15px;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem:last-child, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem:last-child, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem:last-child, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem:last-child, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem:last-child, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem:last-child, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem:last-child {
  margin-bottom: 0;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem:hover, .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem:focus, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem:hover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem:focus {
  border-color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem.active, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem.active, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem.active, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem.active, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem.active, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem.active, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem.active {
  border-color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem.active .radioTitle,
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem.active i,
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem.active p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem.active .radioTitle,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem.active i,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem.active p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem.active .radioTitle,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem.active i,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem.active p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem.active .radioTitle,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem.active i,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem.active p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem.active .radioTitle,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem.active i,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem.active p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem.active .radioTitle,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem.active i,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem.active p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem.active .radioTitle,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem.active i,
.panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem.active p {
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem i, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem i, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem i, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem i, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem i, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem i, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem i {
  color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 15px;
  position: absolute;
  left: 13px;
  top: 13px;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem .radioTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem .radioTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem .radioTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem .radioTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem .radioTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem .radioTitle, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem .radioTitle {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem p, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem p {
  margin: 0;
  width: 100%;
  max-width: 100%;
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .radioList .radioItem .cover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .radioList .radioItem .cover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .radioList .radioItem .cover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .radioList .radioItem .cover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .radioList .radioItem .cover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .radioList .radioItem .cover, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .radioList .radioItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper {
  max-width: 375px;
  margin: 0 auto;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo {
  padding-top: 63.05638%;
  border-radius: 20px;
  position: relative;
  background: #000000;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo label, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel {
  top: 60px;
  left: 20px;
  width: calc(100% - 44px);
}
@media (max-width: 1024px) {
  .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo label.cardNumberLabel {
    top: 50px;
    left: 15px;
    width: calc(100% - 34px);
  }
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel {
  bottom: 20px;
  left: 20px;
  width: calc(100% - 84px);
}
@media (max-width: 1024px) {
  .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo label.cardExpirationLabel {
    bottom: 10px;
    left: 15px;
    width: calc(100% - 74px);
  }
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel {
  bottom: 20px;
  right: 20px;
  width: 40px;
}
@media (max-width: 1024px) {
  .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo label.cardCodeLabel {
    bottom: 10px;
    right: 15px;
  }
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input {
  font-family: "Roboto Mono", monospace !important;
  background: transparent;
  border: none;
  width: auto;
  position: absolute;
  color: #FFFFFF;
  height: 20px;
  padding: 0;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-inner-spin-button, .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-outer-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-inner-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-outer-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-inner-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-outer-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-inner-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-outer-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-inner-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-outer-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-inner-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-outer-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-inner-spin-button, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input::placeholder, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input::placeholder, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input::placeholder, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input::placeholder, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input::placeholder, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input::placeholder, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input::placeholder {
  color: rgba(255, 255, 255, 0.3);
  text-shadow: none;
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber {
  font-size: 20px;
  line-height: 20px;
  top: 30px;
  left: 20px;
  width: calc(100% - 44px);
}
@media (max-width: 1024px) {
  .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input.cardNumber {
    font-size: 18px;
    top: 20px;
    left: 15px;
    width: calc(100% - 34px);
  }
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth {
  font-size: 16px;
  line-height: 20px;
  bottom: 50px;
  left: 20px;
  width: 20px;
  text-align: right;
}
@media (max-width: 1024px) {
  .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationMonth {
    left: 15px;
    bottom: 40px;
  }
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear {
  font-size: 16px;
  line-height: 20px;
  bottom: 50px;
  left: 60px;
  width: 40px;
}
@media (max-width: 1024px) {
  .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input.cardExpirationYear {
    bottom: 40px;
    left: 55px;
  }
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode {
  font-size: 16px;
  line-height: 20px;
  bottom: 50px;
  right: 20px;
  width: 40px;
}
@media (max-width: 1024px) {
  .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo input.cardCode {
    bottom: 40px;
    right: 15px;
  }
}
.panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider {
  position: absolute;
  font-size: 16px;
  line-height: 20px;
  bottom: 50px;
  left: 40px;
  width: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 1024px) {
  .panel .tabs .tabWrapper .tab.ecommerceItem .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingDetails .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutShippingMethod .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutPaymentMethod .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutForcedWeb .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderFinished .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider, .panel .tabs .tabWrapper .tab.ecommerceCheckoutOrderSummary .tabContent .tabMainContent .cardWrapper .cardInfo .cardExpirationDivider {
    bottom: 40px;
    left: 35px;
  }
}
.panel .tabs .tabWrapper .tab p .link {
  color: #FFFFFF;
  font-weight: 700;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent {
  /*
  &.withSelector {
  	top: 65px;
  	.panelHeader {
  		top: -65px;
  	}
  	&.withPanelAdvertBanner {
  		top: 170px;
  		.panelHeader {
  			top: -170px;
  		}	
  		.tabMainContent {
  			top: -40px;
  		}
  	}
  }
  */
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent.withSelector .tabMainContent {
  top: 25px;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent.withSelector.withPanelAdvertBanner .tabMainContent {
  top: 25px;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent.withSelector.withPanelAdvertBanner .fadeOutTop {
  top: 25px;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .panelHeader {
  height: auto;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .panelHeader .panelHeaderTitle {
  padding: 0 15px;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .panelHeader .panelHeaderTitle .selectTitleWrapper .selectTitle {
  margin: 10px 0;
  display: block;
  width: calc(100% - 22px);
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem {
  border-bottom: 1px solid;
  padding: 10px 15px;
  position: relative;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 20px;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow:first-child {
  height: 24px;
  margin-bottom: 5px;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div {
  font-size: 13px;
  line-height: 20px;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div:last-child {
  overflow: initial;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div.betName {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  display: flex;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div.betName i {
  margin-left: 5px;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div.eventName {
  position: relative;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div.eventName i {
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 0;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div span {
  line-height: 20px;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper .profilePic {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-left: 5px;
  position: relative;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper .profilePic.hidden {
  display: none;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper .profilePic:not(:nth-child(1)) {
  margin-left: -5px;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper .profilePic:nth-child(1) {
  z-index: 8;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper .profilePic:nth-child(2) {
  z-index: 7;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper .profilePic:nth-child(3) {
  z-index: 6;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper .profilePic:nth-child(4) {
  z-index: 5;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper .profilePic:nth-child(5) {
  z-index: 4;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper .profilePic:nth-child(6) {
  z-index: 3;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper .profilePic:nth-child(7) {
  z-index: 2;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow div .profilePicsWrapper .profilePic:nth-child(8) {
  z-index: 1;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow .flex {
  flex: 1;
  display: inline;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow .featuredOdds i {
  display: none;
}
.panel .tabs .tabWrapper .tab.bettingHighlighted .tabContent .betDataHighlightedItem .flexRow .betOSB {
  height: 24px;
  margin-right: 5px;
}
.panel .tabs .tabWrapper .tab.bettingSports .tabContent, .panel .tabs .tabWrapper .scSDPInner.bettingSports .tabContent {
  padding: 0 15px;
}
.panel .tabs .tabWrapper .tab.bettingSports .tabContent .osbSelectOuter, .panel .tabs .tabWrapper .scSDPInner.bettingSports .tabContent .osbSelectOuter {
  padding: 15px 17px 0px 15px;
}
.panel .tabs .tabWrapper .tab.bettingSports .tabContent .spinner, .panel .tabs .tabWrapper .scSDPInner.bettingSports .tabContent .spinner {
  margin: 50px auto;
  display: none;
}
.panel .tabs .tabWrapper .tab.bettingSports .tabContent .bettingDisabled p, .panel .tabs .tabWrapper .scSDPInner.bettingSports .tabContent .bettingDisabled p {
  padding-left: 15px;
  padding-right: 15px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList {
  padding: 0 15px 100px 15px;
  width: calc(100% - 30px);
  max-width: calc(100% - 30px);
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo {
  padding: 15px 0 10px 0;
  margin: 0 -15px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
  position: relative;
  display: block;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .eventImage, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .eventImage {
  width: 50px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .left,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .right,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .full, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .left,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .right,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .full {
  text-align: center;
  width: calc(50% - 15px);
  display: inline-block;
  position: relative;
  top: 0;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .left img,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .right img,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .full img, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .left img,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .right img,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .full img {
  width: auto;
  height: 75px;
  margin: 0 auto;
  background: #222222;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .left img.round,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .right img.round,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .full img.round, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .left img.round,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .right img.round,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .full img.round {
  border-radius: 75px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .left .name,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .left .description,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .right .name,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .right .description,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .full .name,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .full .description, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .left .name,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .left .description,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .right .name,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .right .description,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .full .name,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .full .description {
  font-size: 13px;
  line-height: 20px;
  padding: 0 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .left .name,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .right .name,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .full .name, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .left .name,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .right .name,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .full .name {
  font-weight: 700;
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .left .description,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .right .description,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .full .description, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .left .description,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .right .description,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .full .description {
  font-size: 11px;
  line-height: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .left, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .left {
  left: 0;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .right, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .right {
  left: 30px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .full, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .full {
  left: 0;
  width: 100%;
  padding-top: 35px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .full.top15, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .full.top15 {
  padding-top: 15px;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .full, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .full {
    padding-top: 0px;
  }
  .panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .full .eventIcon, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .full .eventIcon {
    font-size: 20px;
    display: none !important;
  }
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .eventIcon, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .eventIcon {
  color: #13eaad;
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .date,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .time, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .date,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .time {
  font-size: 11px;
  line-height: 14px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .date, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .date {
  bottom: 15px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .time, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .time {
  bottom: 30px;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .left img,
  .panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .right img, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .left img,
  .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .right img {
    display: none;
  }
  .panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .left .name,
  .panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .right .name, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .left .name,
  .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .right .name {
    margin-top: 0;
    display: block;
  }
  .panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo .eventIcon, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo .eventIcon {
    display: none;
  }
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo.noImages .left img,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo.noImages .right img, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo.noImages .left img,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo.noImages .right img {
  display: none;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo.noImages .left .name,
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo.noImages .right .name, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo.noImages .left .name,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo.noImages .right .name {
  margin: 0;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .eventInfo.noImages .eventIcon, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .eventInfo.noImages .eventIcon {
  top: 0;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow {
  padding: 15px;
  margin: 0 -15px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow:last-child, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .label, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .choose, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .choose {
  font-size: 30px;
  margin: 15px 0;
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions {
  width: 100%;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions:not(.noFlex), .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions:not(.noFlex) {
  display: flex;
  justify-content: space-between;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionBase, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionBase {
  transition: 0.4s ease-in-out;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionBase .value, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionBase .value {
  transition: 0.4s ease-in-out;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionBase .label, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionBase .label {
  transition: 0.4s ease-in-out;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionBase.updating.positive, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionBase.updating.positive {
  background: rgba(16, 191, 137, 0.15);
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionBase.updating.positive .value, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionBase.updating.positive .value {
  color: #10BF89;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionBase.updating.positive .label, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionBase.updating.positive .label {
  color: #10BF89;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionBase.updating.negative, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionBase.updating.negative {
  background: rgba(247, 30, 51, 0.15);
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionBase.updating.negative .value, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionBase.updating.negative .value {
  color: #F71E33;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionBase.updating.negative .label, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionBase.updating.negative .label {
  color: #F71E33;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions.betOptionsMulti, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions.betOptionsMulti {
  flex-wrap: wrap;
  margin-bottom: -5px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions.betOptionsMulti .betOption1:last-child, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions.betOptionsMulti .betOption1:last-child {
  margin-bottom: 5px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions.betOptionsMulti .betOption2,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions.betOptionsMulti .betOption3, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions.betOptionsMulti .betOption2,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions.betOptionsMulti .betOption3 {
  margin-bottom: 5px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption3,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption2,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption1,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionMulti, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption3,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption2,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption1,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionMulti {
  transition: 0.4s ease-in-out;
  cursor: pointer;
  padding: 4px 2px;
  display: inline-block;
  background: #222222;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption3:hover,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption2:hover,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption1:hover,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionMulti:hover, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption3:hover,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption2:hover,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption1:hover,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionMulti:hover {
  transform: scale(1.02);
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption3 .value,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption2 .value,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption1 .value,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionMulti .value, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption3 .value,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption2 .value,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption1 .value,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionMulti .value {
  color: #FFFFFF;
  font-weight: 700;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0 0 5px;
  display: flex;
  justify-content: center;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption3 .value i,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption2 .value i,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption1 .value i,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionMulti .value i, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption3 .value i,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption2 .value i,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption1 .value i,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionMulti .value i {
  font-size: 16px;
  margin-left: 2px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption3 .label,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption2 .label,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption1 .label,
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionMulti .label, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption3 .label,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption2 .label,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption1 .label,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionMulti .label {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption3, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption3 {
  width: calc(33% - 11px);
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption2, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption2 {
  width: calc(50% - 11px);
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption1, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption1 {
  width: calc(100% - 4px);
  margin-bottom: 10px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOption1:last-child, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOption1:last-child {
  margin-bottom: 0px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betHidden, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betHidden {
  display: none;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .betOptionMulti, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .betOptionMulti {
  width: calc(50% - 11px);
  margin-bottom: 10px;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .showMore, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .showMore {
  display: block;
  width: 100%;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  line-height: 24px;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .showMore:hover, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .showMore:hover {
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .betRow .betOptions .showMore span, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .betRow .betOptions .showMore span {
  padding: 15px 0;
  margin: -5px 0 -10px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .externalLink, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .externalLink {
  margin: 0;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .externalLink .boxButton, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .externalLink .boxButton {
  margin: 0;
}
.panel .tabs .tabWrapper .tab.bettingSports .betList .socialLinks .boxButton, .panel .tabs .tabWrapper .scSDPInner.bettingSports .betList .socialLinks .boxButton {
  float: left;
}
.panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter {
  margin: 15px 15px 0 15px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  position: relative;
}
@media (max-width: 768px) {
  .panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    margin: 15px 0 0 0;
    padding: 0 15px 5px 15px;
  }
}
.panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner {
  padding: 10px 10px 30px 10px;
  font-size: 11px;
  line-height: 16px;
  overflow-y: scroll;
  height: 110px;
}
@media (max-width: 768px) {
  .panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner {
    padding: 0;
    overflow-y: hidden;
    height: 65px;
    margin-bottom: 10px;
  }
}
.panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner::-webkit-scrollbar, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  z-index: 2;
}
.panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner::-webkit-scrollbar-thumb, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  z-index: 2;
  transition: 0.1s all ease-in-out;
}
.panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner::-webkit-scrollbar-thumb:hover, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner::-webkit-scrollbar-thumb:hover {
  background: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner a, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner a {
  color: #13eaad;
}
.panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner .disclaimerFadeOut, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner .disclaimerFadeOut {
  position: absolute;
  right: 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media (max-width: 768px) {
  .panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner .disclaimerFadeOut, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner .disclaimerFadeOut {
    right: 0;
    bottom: 15px;
  }
}
.panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner .expandDisclaimer,
.panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner .collapseDisclaimer, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner .expandDisclaimer,
.panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner .collapseDisclaimer {
  display: none;
  background: rgba(0, 0, 0, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #FFFFFF;
  font-weight: 700;
  font-size: 11px;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 15px;
  transition: 0.1s all ease-in-out;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  cursor: pointer;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
  .panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner .expandDisclaimer,
  .panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner .collapseDisclaimer, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner .expandDisclaimer,
  .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner .collapseDisclaimer {
    display: block;
    bottom: 5px;
  }
}
.panel .tabs .tabWrapper .tab.bettingSports .disclaimerOuter .disclaimerInner .collapseDisclaimer, .panel .tabs .tabWrapper .scSDPInner.bettingSports .disclaimerOuter .disclaimerInner .collapseDisclaimer {
  display: none;
}
.panel .tabs .tabWrapper .tooltipBetData {
  position: relative;
  cursor: help;
  /* Tooltip text */
  /* Show the tooltip text when you mouse over the tooltip container */
}
.panel .tabs .tabWrapper .tooltipBetData .tooltiptextBetData {
  visibility: hidden;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  width: 120px;
  background-color: white;
  color: black;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  padding: 4px;
  box-sizing: border-box;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  width: 190px;
  bottom: 100%;
  left: 50%;
  margin-left: -95px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.panel .tabs .tabWrapper .tooltipBetData .tooltiptextBetData .bigger {
  font-size: 13px;
  line-height: 16px;
}
.panel .tabs .tabWrapper .tooltipBetData .tooltiptextBetData small {
  opacity: 0.7;
  display: inherit;
  font-size: 11px;
  line-height: 14px;
}
body.embed .panel .tabs .tabWrapper .tooltipBetData .tooltiptextBetData {
  width: 150px;
  margin-left: -75px;
}
@media (max-width: 1024px) {
  body .panel .tabs .tabWrapper .tooltipBetData .tooltiptextBetData {
    width: 150px;
    margin-left: -75px;
  }
}
@media (max-width: 800px) {
  body .panel .tabs .tabWrapper .tooltipBetData .tooltiptextBetData {
    width: 140px;
    margin-left: -70px;
  }
  body.embed .panel .tabs .tabWrapper .tooltipBetData .tooltiptextBetData {
    width: 140px;
    margin-left: -70px;
  }
}
.panel .tabs .tabWrapper .tooltipBetData .tooltiptextBetData::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.panel .tabs .tabWrapper .tooltipBetData:hover .tooltiptextBetData {
  visibility: visible;
}
.panel .tabs .tabWrapper .betOption3:last-child .tooltiptextBetData {
  margin-left: -125px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.panel .tabs .tabWrapper .betOption3:last-child .tooltiptextBetData::after {
  margin-left: 25px;
}
body.embed .panel .tabs .tabWrapper .betOption3:last-child .tooltiptextBetData {
  margin-left: -95px;
}
@media (max-width: 1024px) {
  .panel .tabs .tabWrapper .betOption3:last-child .tooltiptextBetData::after {
    margin-left: 15px;
  }
  body .panel .tabs .tabWrapper .betOption3:last-child .tooltiptextBetData {
    margin-left: -95px;
  }
}
@media (max-width: 800px) {
  body .panel .tabs .tabWrapper .betOption3:last-child .tooltiptextBetData {
    margin-left: -90px;
  }
  body.embed .panel .tabs .tabWrapper .betOption3:last-child .tooltiptextBetData {
    margin-left: -90px;
  }
}
.panel .tabs .tabWrapper .betOption3:first-child .tooltiptextBetData {
  margin-left: -65px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.panel .tabs .tabWrapper .betOption3:first-child .tooltiptextBetData::after {
  margin-left: -35px;
}
body.embed .panel .tabs .tabWrapper .betOption3:first-child .tooltiptextBetData {
  margin-left: -55px;
}
@media (max-width: 1024px) {
  .panel .tabs .tabWrapper .betOption3:first-child .tooltiptextBetData::after {
    margin-left: -25px;
  }
  .panel .tabs .tabWrapper .betOption3:first-child .tooltiptextBetData::after {
    margin-left: -25px;
  }
  body .panel .tabs .tabWrapper .betOption3:first-child .tooltiptextBetData {
    margin-left: -55px;
  }
}
@media (max-width: 800px) {
  body .panel .tabs .tabWrapper .betOption3:first-child .tooltiptextBetData {
    margin-left: -50px;
  }
  body.embed .panel .tabs .tabWrapper .betOption3:first-child .tooltiptextBetData {
    margin-left: -50px;
  }
}
.panel .tabs .tabWrapper .tab.twitter .tabContent {
  padding: 15px;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.twitter .tabContent {
    width: calc(100% - 30px);
  }
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper h2 {
  text-align: center;
  margin: 20px 15px 5px 15px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets {
  padding: 15px;
  display: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 20px;
  padding: 20px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet {
  height: 293px;
  background: rgba(255, 255, 255, 0.15);
  margin-bottom: 15px;
  border-radius: 12px;
  position: relative;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderUserInfo {
  position: absolute;
  top: 11px;
  left: 15px;
  right: 15px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderUserInfo .placeholderAvatar,
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderUserInfo .placeholderName,
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderUserInfo .placeholderUsername,
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderUserInfo i {
  position: absolute;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderUserInfo .placeholderAvatar {
  width: 46px;
  height: 46px;
  border-radius: 23px;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.15);
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderUserInfo .placeholderName {
  width: 120px;
  height: 12px;
  top: 8px;
  left: 50px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.15);
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderUserInfo .placeholderUsername {
  width: 80px;
  height: 13px;
  top: 26px;
  left: 50px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.15);
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderUserInfo i {
  top: 0;
  right: 0;
  color: rgba(255, 255, 255, 0.15);
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderContent {
  position: absolute;
  top: 72px;
  left: 15px;
  right: 15px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderContent .placeholderContentLine1,
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderContent .placeholderContentLine2,
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderContent .placeholderContentLine3,
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderContent .placeholderImage {
  background: rgba(255, 255, 255, 0.15);
  position: absolute;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderContent .placeholderContentLine1 {
  width: 100%;
  top: 0;
  height: 12px;
  border-radius: 12px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderContent .placeholderContentLine2 {
  width: 100%;
  top: 19px;
  height: 12px;
  border-radius: 12px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderContent .placeholderContentLine3 {
  width: 50%;
  top: 38px;
  height: 12px;
  border-radius: 12px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .noTweets .placeholderTweet .placeholderContent .placeholderImage {
  width: 100%;
  top: 66px;
  border-radius: 12px;
  height: 140px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList .twitter-tweet {
  margin: 0 !important;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList .twitterSpacer {
  height: 15px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 0;
  padding: 0 16px 16px 16px;
  max-width: 468px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet[data-theme=dark] {
  background: rgb(0, 0, 0);
  border-color: rgb(47, 51, 54);
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet[data-theme=dark] p {
  color: rgb(217, 217, 217);
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet[data-theme=dark] a {
  color: rgb(110, 118, 125);
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet[data-theme=light] {
  background: rgb(255, 255, 255);
  border-color: rgb(196, 207, 214);
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet[data-theme=light] p {
  color: rgb(0, 0, 0);
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet[data-theme=light] a {
  color: rgb(91, 112, 131);
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet #twitter-widget-0 {
  margin-bottom: 15px !important;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet p {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet a {
  font-weight: normal;
  text-decoration: none;
  outline: 0 none;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet a:hover, .panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .twitterList blockquote.twitter-tweet a:focus {
  text-decoration: underline;
}
.panel .tabs .tabWrapper .tab.twitter .tabContent .twitterWrapper .spinner {
  margin: 50px auto;
}
.panel .tabs .tabWrapper .tab.instagram .tabContent {
  padding: 15px;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.instagram .tabContent {
    width: calc(100% - 30px);
  }
}
.panel .tabs .tabWrapper .tab.instagram .tabContent .instagramWrapper .noPosts {
  display: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 20px;
  padding: 20px;
}
.panel .tabs .tabWrapper .tab.instagram .tabContent .instagramWrapper .instagramList {
  padding: 15px 0 15px 15px;
  display: block;
}
.panel .tabs .tabWrapper .tab.instagram .tabContent .instagramWrapper .instagramList .instagramPost {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  width: calc(50% - 15px);
  padding-top: calc(50% - 15px);
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.instagram .tabContent .instagramWrapper .instagramList .instagramPost::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  background-size: cover;
  transform-origin: center;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.instagram .tabContent .instagramWrapper .instagramList .instagramPost:hover, .panel .tabs .tabWrapper .tab.instagram .tabContent .instagramWrapper .instagramList .instagramPost:focus {
  background-size: 105%;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.instagram .tabContent .instagramWrapper .instagramList .instagramPost:hover::after, .panel .tabs .tabWrapper .tab.instagram .tabContent .instagramWrapper .instagramList .instagramPost:focus::after {
  transform: scale(1.05);
}
.panel .tabs .tabWrapper .tab.instagram .tabContent .instagramWrapper .instagramList .instagramPost .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.panel .tabs .tabWrapper .tab.iframe .tabContent {
  padding: 15px;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.iframe .tabContent {
    width: calc(100% - 30px);
  }
}
.panel .tabs .tabWrapper .tab.iframe .tabContent .iframeWrapper .spinner {
  margin-top: 20px;
}
.panel .tabs .tabWrapper .tab.iframe .tabContent .iframeWrapper .iframeContainer {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.panel .tabs .tabWrapper .tab.iframe .tabContent .iframeWrapper .iframeContainer.active .spinner {
  display: none;
}
.panel .tabs .tabWrapper .tab.iframe .tabContent .iframeWrapper .iframeContainer iframe {
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  position: absolute !important;
  left: 0px !important;
  right: 0px !important;
  top: 0px !important;
  bottom: 0px !important;
  width: 100% !important;
  height: 100% !important;
}
.panel .tabs .tabWrapper .tab.watchTogether .tabMainContent {
  padding: 0px 15px;
}
.panel .tabs .tabWrapper .tab.watchTogether .watchTogetherList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px;
}
.panel .tabs .tabWrapper .tab.watchTogether .watchTogetherList .watchTogetherItem {
  min-width: calc(50% - 7.5px);
  width: calc(50% - 7.5px);
  float: left;
  margin-bottom: 15px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.panel .tabs .tabWrapper .tab.watchTogether .watchTogetherList .watchTogetherItem .watchTogetherVideo {
  width: 100%;
  padding-top: 100%;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.watchTogether .watchTogetherList .watchTogetherItem .watchTogetherVideo video {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.panel .tabs .tabWrapper .tab.watchTogether .watchTogetherList .watchTogetherItem .watchTogetherVideo .watchTogetherUsername {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  text-align: right;
  max-width: calc(100% - 20px);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 5px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(0, 0, 0, 0.85);
}
.panel .tabs .tabWrapper .tab.watchTogether .watchTogetherList .watchTogetherItem .watchTogetherVideo .watchTogetherUsername.lowlighted {
  color: #222222;
}
.panel .tabs .tabWrapper .tab.watchTogether .watchTogetherList .watchTogetherItem .watchTogetherVideo .watchTogetherUsername.highlighted {
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.watchTogether .watchTogetherList .watchTogetherGuestEmpty {
  min-width: calc(50% - 9.5px);
  width: calc(50% - 9.5px);
  background: #222222;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.panel .tabs .tabWrapper .tab.watchTogether .watchTogetherList .watchTogetherGuestEmpty .watchTogetherVideo .iconLg {
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.panel .tabs .tabWrapper .tab.watchTogether .watchTogetherList .watchTogetherGuestEmpty .watchTogetherVideo a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-right: 0;
}
.panel .tabs .tabWrapper .tab.downloads.error .tabContent .downloadsWrapper .error {
  display: block;
}
.panel .tabs .tabWrapper .tab.downloads.empty .tabContent .downloadsWrapper .empty {
  display: block;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .downloadsWrapper {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .error, .panel .tabs .tabWrapper .tab.downloads .tabContent .empty {
  font-size: 13px;
  line-height: 20px;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .error {
  text-align: center;
  display: none;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .empty {
  text-align: center;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .spinner {
  margin: 50px auto;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.downloads .tabContent {
    width: calc(100% - 30px);
  }
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .downloadItem {
  min-height: 80px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin-bottom: 15px;
  position: relative;
  transition: 0.2s ease-in-out;
  position: relative;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .downloadItem:last-child {
  margin-bottom: 0px;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .downloadItem:hover, .panel .tabs .tabWrapper .tab.downloads .tabContent .downloadItem:focus {
  border-color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .downloadItem .itemContent {
  font-size: 20px;
  line-height: 20px;
  color: #222222;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 20px 15px 15px 60px;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .downloadItem .itemContent h2, .panel .tabs .tabWrapper .tab.downloads .tabContent .downloadItem .itemContent p {
  margin: 0;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .downloadItem .itemContent p {
  color: rgba(0, 0, 0, 0.5);
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .downloadItem i {
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 25px;
  left: 15px;
}
.panel .tabs .tabWrapper .tab.downloads .tabContent .downloadItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.advertisingPanel .tabMainContent {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.advertisingPanel .tabMainContent img.advertisingPanelImage {
  width: 100%;
}
.panel .tabs .tabWrapper .tab.advertisingPanel .tabMainContent .advertisingPanelButton {
  margin-top: 20px;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent {
  padding: 15px;
  width: 345px;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.politicsPoll .tabContent {
    width: calc(100% - 30px);
  }
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper {
  margin-bottom: 15px;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .label {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .label.left {
  float: left;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .label.right {
  float: right;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .countRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .countRow .count {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin-top: 5px;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .countRow .count.left {
  float: left;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .countRow .count.center {
  flex: 1;
  text-align: center;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .countRow .count.right {
  float: right;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .progressBarBackground {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50px;
  height: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .progressBarBackground .progressLeft,
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .progressBarBackground .progressRight,
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .progressBarBackground .halfMark {
  position: absolute;
  top: 0;
  bottom: 0;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .progressBarBackground .progressLeft {
  left: 0;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .progressBarBackground .progressRight {
  right: 0;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .raceTo270Wrapper .progressBarBackground .halfMark {
  left: 50%;
  width: 1px;
  background: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateListDivider {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.5);
  padding: 0 15px;
  margin: 15px -15px 0 -15px;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard {
  margin-top: 10px;
  padding: 10px;
  background: #222222;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateContentRow1,
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateContentRow2,
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateContentRow3 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateContentRow1 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateContentRow1 .stateName {
  flex: 1;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateContentRow2 {
  font-size: 13px;
  line-height: 20px;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateContentRow2 .stateElectoralVotes {
  flex: 1;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable {
  width: 100%;
  font-size: 13px;
  line-height: 20px;
  border-spacing: 0;
  margin: 10px 0;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable tr, .panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable th, .panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable td {
  height: 20px;
  border-spacing: 0;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable th, .panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable td {
  text-align: right;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable th:first-child, .panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable td:first-child {
  text-align: left;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable th {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable td:first-child {
  font-weight: 700;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable td.progressCell {
  width: 100%;
  padding: 0 10px;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable td.progressCell .progressBarWrapper {
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.15);
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateTable td.progressCell .progressBarWrapper .progressBarActive {
  height: 10px;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateContentRow3 .stateReported {
  flex: 1;
  font-size: 13px;
  line-height: 20px;
  display: flex;
  flex-direction: column;
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateContentRow3 .stateReported span {
  font-size: 11px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.panel .tabs .tabWrapper .tab.politicsPoll .tabContent .politicsWrapper .stateResultList .stateResultCard .stateContentRow3 .boxButton {
  display: inline-flex;
  margin: 0;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockInject, .panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockInject * {
  transition: 0.5s;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockInject.updating, .panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockInject *.updating {
  opacity: 0;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockInject.updating.stockData_stockPriceInner, .panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockInject *.updating.stockData_stockPriceInner {
  opacity: 1;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockInject.updating.stockData_lastDollar, .panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockInject *.updating.stockData_lastDollar {
  opacity: 1;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockChartWrapper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 -15px;
  padding: 0 15px;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockChartWrapper .stockChartRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 10px;
  align-items: flex-start;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockChartWrapper .stockChartRow .backSubtab {
  font-size: 30px;
  color: #FFFFFF;
  margin-right: 5px;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockChartWrapper .stockChartRow .stockChartName {
  margin: 7px 5px 7px 0;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  flex: 1;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockChartWrapper .stockChartRow .boxButton {
  margin-right: 0;
  white-space: nowrap;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockChartWrapper .stockChart {
  width: calc(100% + 20px);
  margin: 0 -10px;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockChartWrapper .stockChartImage {
  width: 100%;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockChartWrapper .rangeSelection {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 5px;
  margin-bottom: 15px;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockChartWrapper .rangeSelection a {
  font-size: 13px;
  line-height: 34px;
  height: 34px;
  width: 34px;
  text-align: center;
  font-weight: 700;
  border-radius: 5px;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockPrice {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 15px;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockPrice .price {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  flex: 1;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockPrice .stockData_stockPriceInner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockPrice .changeValue {
  font-weight: 700;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockPrice .changePercent {
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 10px;
  padding: 5px 10px 5px 5px;
  border-radius: 5px;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockPrice .changePercent .arrowUp {
  display: inherit;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockPrice .changePercent .arrowDown {
  display: none;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockPrice .changePercent.down .arrowDown {
  display: inherit;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockPrice .changePercent.down .arrowUp {
  display: none;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockKeyData {
  margin: 0 -15px;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockKeyData .stockKeyDataList {
  padding: 5px 15px 0 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockKeyData .stockKeyDataList hr {
  border: 1px dashed;
  margin: 0 -15px 20px -15px;
  width: 100%;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockKeyData .stockKeyDataList .stockKeyDataItem {
  width: calc(50% - 7.5px);
  max-width: calc(50% - 7.5px);
  margin-bottom: 20px;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockKeyData .stockKeyDataList .stockKeyDataItem h2 {
  font-weight: 400;
  margin: 0 0 5px 0;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockKeyData .stockKeyDataList .stockKeyDataItem label {
  font-size: 13px;
  line-height: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.5);
  width: 100%;
  display: inline-block;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList {
  margin: 0 -15px 15px -15px;
  padding-top: 0 15px 15px 15px;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard {
  position: relative;
  height: 60px;
  margin: 0 15px 10px 15px;
  background: #222222;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard:hover .rightChev, .panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard:focus .rightChev {
  transition: 0.2s ease-in-out;
  color: #FFFFFF;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard .stockCardRow1 {
  width: calc(100% - 60px);
  margin-left: 10px;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard .stockCardRow1 .stockTickerSymbol {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 5px;
  flex: 0;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard .stockCardRow1 .stockName {
  font-size: 13px;
  line-height: 13px;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard .stockCardRow1 .right {
  display: inline-flex;
  white-space: nowrap;
  flex: 0;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard .stockCardRow1 .right .iconXs {
  transition: 0.2s ease-in-out;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard .stockCardRow1 .right .stockChange {
  font-size: 13px;
  line-height: 20px;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard .stockCardRow2 {
  width: calc(100% - 60px);
  margin-left: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard .stockCardRow2 .stockPrice {
  font-size: 13px;
  line-height: 20px;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard .stockCardRow2 .stockChangePercent {
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  flex: 0;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard .rightChev {
  font-size: 30px;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  right: 10px;
  top: 15px;
}
.panel .tabs .tabWrapper .tab.stockMarket .tabMainContent .stockList .stockCard .cover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.leaderboard .tabMainContent {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.leaderboard .tabMainContent .leaderboardContainer table {
  width: 100%;
  margin: 0 0 30px 0;
}
.panel .tabs .tabWrapper .tab.leaderboard .tabMainContent .leaderboardContainer table tr th {
  font-size: 16px;
  line-height: 20px;
  height: 40px;
  text-align: center;
  background: #FFFFFF;
  color: #000000;
}
.panel .tabs .tabWrapper .tab.leaderboard .tabMainContent .leaderboardContainer table tr td {
  font-size: 13px;
  line-height: 20px;
  height: 30px;
  text-align: center;
  background: rgba(255, 255, 255, 0.15);
}
.panel .tabs .tabWrapper .tab.leaderboard .tabMainContent .leaderboardContainer table tr td h3 {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 5px 0;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent {
  padding: 15px;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.raffle .tabContent {
    width: calc(100% - 30px);
  }
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper {
  padding: 15px;
  display: block;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .eventCountdown {
  margin: -15px -15px 15px -15px;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper img {
  width: 100%;
  border-radius: 5px;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .rafflePanelTitle {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .rafflePanelDescription {
  font-size: 13px;
  line-height: 20px;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .raffleEntryCount {
  border: 1px solid;
  border-radius: 5px;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  padding: 0 5px;
  margin-top: 10px;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .rafflePanelButton {
  margin: 20px 0 0 0;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .emailWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 20px;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .emailWrapper input {
  flex: 1;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .emailWrapper .rafflePanelButton {
  margin: 0;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .chatEntryInfo {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 20px;
  border-radius: 10px;
  border: 1px solid;
  padding: 10px;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .chatEntryInfo .checkbox {
  border-radius: 5px;
  height: 40px;
  width: 40px;
  position: relative;
  margin-right: 10px;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .chatEntryInfo .checkbox.checked i {
  display: inherit;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .chatEntryInfo .checkbox i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .chatEntryInfo .label {
  font-size: 16px;
  line-height: 20px;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .winnerInfo {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 20px;
  border-radius: 10px;
  border: 1px solid;
  padding: 10px;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .winnerInfo img {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  margin-right: 10px;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .winnerInfo .winnerInfoContent {
  display: flex;
  flex-direction: column;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .winnerInfo .winnerInfoContent .label {
  font-size: 16px;
  line-height: 20px;
}
.panel .tabs .tabWrapper .tab.raffle .tabContent .tabMainContent .raffleWrapper .winnerInfo .winnerInfoContent .badge {
  font-size: 13px;
  line-height: 20px;
}
.panel .tabs .tabWrapper .tab.newsletter .tabMainContent {
  padding: 15px;
}
.panel .tabs .tabWrapper .tab.newsletter .tabMainContent .newsletterPanelButton {
  margin-top: 20px;
  width: calc(100% - 22px);
  text-align: center;
}
.panel .tabs .tabWrapper .tab.players .tabContent {
  padding: 15px;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.players .tabContent {
    width: calc(100% - 30px);
  }
}
.panel .tabs .tabWrapper .tab.players .tabContent .playersWrapper {
  padding: 15px 0 15px 15px;
  display: block;
}
.panel .tabs .tabWrapper .tab.players .tabContent .playersWrapper .playerItem {
  position: relative;
  width: calc(50% - 15px);
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 15px;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.panel .tabs .tabWrapper .tab.players .tabContent .playersWrapper .playerItem:hover, .panel .tabs .tabWrapper .tab.players .tabContent .playersWrapper .playerItem:focus {
  transform: scale(1.02);
}
.panel .tabs .tabWrapper .tab.players .tabContent .playersWrapper .playerItem img {
  width: 100%;
  border-radius: 10px;
}
.panel .tabs .tabWrapper .tab.players .tabContent .playersWrapper .playerItem .playerName {
  margin-top: 5px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
.panel .tabs .tabWrapper .tab.players .tabContent .playersWrapper .playerItem .playerDescription {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.panel .tabs .tabWrapper .tab.playerBio .tabContent {
  padding: 15px;
}
@media (max-width: 767px) {
  .panel .tabs .tabWrapper .tab.playerBio .tabContent {
    width: calc(100% - 30px);
  }
}
.panel .tabs .tabWrapper .tab.playerBio .tabContent .playerBioWrapper {
  padding: 15px 0 15px 15px;
  width: calc(100% - 30px);
  display: block;
  display: none;
}
.panel .tabs .tabWrapper .tab.playerBio .tabContent .playerBioWrapper .playerImage {
  width: 100%;
  border-radius: 10px;
}
.panel .tabs .tabWrapper .tab.playerBio .tabContent .playerBioWrapper .playerName {
  margin-top: 15px;
  font-size: 30px;
  line-height: 30px;
  text-align: left;
}
.panel .tabs .tabWrapper .tab.playerBio .tabContent .playerBioWrapper .playerDescription {
  margin-top: 5px;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
}
.panel .tabs .tabWrapper .tab.playerBio .tabContent .playerBioWrapper .playerBioText {
  margin-top: 15px;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
}
.panel .tabs .tabWrapper .tab.playerBio .tabContent .playerBioWrapper .socialIcons {
  margin-top: 15px;
}
.panel .tabs .tabWrapper .tab.playerBio .tabContent .playerBioWrapper .socialIcons .boxButton {
  display: inline-block;
}

.pickClickOverlay {
  position: absolute;
  width: 5%;
  height: 5%;
  display: none;
  width: 42.5%;
}
.pickClickOverlay:not(.pickClickLogo) {
  right: 5%;
  height: 20%;
}
.pickClickOverlay:not(.pickClickLogo).active {
  display: block;
}
.pickClickOverlay.pickClickLogo {
  display: block;
  top: 2.5%;
  height: 5%;
  left: 15%;
  width: 25%;
}
.pickClickOverlay.pickClick1 {
  top: 10%;
}
.pickClickOverlay.pickClick2 {
  top: 35%;
}
.pickClickOverlay.pickClick3 {
  top: 60%;
}

body,
input,
textarea,
select,
[class*=hint--]:after {
  color: #FFFFFF;
  font-family: "IBM Plex Sans", "Lexend Deca", "Space Grotesk", "Roboto", "Helvetica", "Helvetica-Neue", "Helvetica Neue", "HelveticaNeue", "Arial", sans-serif;
}

h1 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h3 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h4 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

fieldset {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 0 15px 30px 15px;
  margin: 15px 0 0 0;
}
fieldset legend {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  line-height: 20px;
  padding: 0 5px;
}

.material-icon, .material-icons, .materials-icon, .materials-icons, .icon- {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "PANDA" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.material-icon.iconXs, .material-icons.iconXs, .materials-icon.iconXs, .materials-icons.iconXs, .icon-.iconXs {
  font-size: 20px;
}
.material-icon.iconSm, .material-icons.iconSm, .materials-icon.iconSm, .materials-icons.iconSm, .icon-.iconSm {
  font-size: 24px;
}
.material-icon.iconMd, .material-icons.iconMd, .materials-icon.iconMd, .materials-icons.iconMd, .icon-.iconMd {
  font-size: 30px;
}
.material-icon.iconLg, .material-icons.iconLg, .materials-icon.iconLg, .materials-icons.iconLg, .icon-.iconLg {
  font-size: 50px;
}
.material-icon.iconXl, .material-icons.iconXl, .materials-icon.iconXl, .materials-icons.iconXl, .icon-.iconXl {
  font-size: 70px;
}

.noselect,
.noSelect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

body,
input,
textarea,
select,
[class*=hint--]:after {
  color: #FFFFFF;
  font-family: "IBM Plex Sans", "Lexend Deca", "Space Grotesk", "Roboto", "Helvetica", "Helvetica-Neue", "Helvetica Neue", "HelveticaNeue", "Arial", sans-serif;
}

h1 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h3 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h4 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

fieldset {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 0 15px 30px 15px;
  margin: 15px 0 0 0;
}
fieldset legend {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  line-height: 20px;
  padding: 0 5px;
}

.material-icon, .material-icons, .materials-icon, .materials-icons, .icon- {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "PANDA" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.material-icon.iconXs, .material-icons.iconXs, .materials-icon.iconXs, .materials-icons.iconXs, .icon-.iconXs {
  font-size: 20px;
}
.material-icon.iconSm, .material-icons.iconSm, .materials-icon.iconSm, .materials-icons.iconSm, .icon-.iconSm {
  font-size: 24px;
}
.material-icon.iconMd, .material-icons.iconMd, .materials-icon.iconMd, .materials-icons.iconMd, .icon-.iconMd {
  font-size: 30px;
}
.material-icon.iconLg, .material-icons.iconLg, .materials-icon.iconLg, .materials-icons.iconLg, .icon-.iconLg {
  font-size: 50px;
}
.material-icon.iconXl, .material-icons.iconXl, .materials-icon.iconXl, .materials-icons.iconXl, .icon-.iconXl {
  font-size: 70px;
}

.noselect,
.noSelect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

input.boxButton, input.boxButtonIcon, textarea.boxButton, textarea.boxButtonIcon, select.boxButton, select.boxButtonIcon {
  -webkit-touch-callout: initial !important; /* iOS Safari */
  -webkit-user-select: initial !important; /* Safari */
  -khtml-user-select: initial !important; /* Konqueror HTML */
  -moz-user-select: initial !important; /* Firefox */
  -ms-user-select: initial !important; /* Internet Explorer/Edge */
  user-select: initial !important; /* Non-prefixed version, currently */
}

body.cornerSquaring .boxButton,
body.cornerSquaring .boxButtonIcon,
body.cornerSquaring .boxButtonGroup,
body.cornerSquaring .vodItem,
body.cornerSquaring .vodThumbnail,
body.cornerSquaring .itemImage,
body.cornerSquaring .itemPrice,
body.cornerSquaring .externalButton,
body.cornerSquaring .checkoutThumbnail,
body.cornerSquaring .scheduleItem,
body.cornerSquaring .scheduleImage,
body.cornerSquaring .downloadItem,
body.cornerSquaring .rangeSelection a,
body.cornerSquaring .progressBarBackground,
body.cornerSquaring .progressBarWrapper,
body.cornerSquaring .stateResultCard,
body.cornerSquaring .broadcastCard .cover img,
body.cornerSquaring .index,
body.cornerSquaring .dropdownChannels,
body.cornerSquaring .channelTile,
body.cornerSquaring .colorFade,
body.cornerSquaring .tileImage,
body.cornerSquaring .tileLogo,
body.cornerSquaring .badge,
body.cornerSquaring .broadcastListItem,
body.cornerSquaring .broadcastThumbnail,
body.cornerSquaring .pricingPackage,
body.cornerSquaring .channelMegaCard,
body.cornerSquaring .timers .days,
body.cornerSquaring .timers .hours,
body.cornerSquaring .timers .minutes,
body.cornerSquaring .timers .seconds,
body.cornerSquaring .timers .days span,
body.cornerSquaring .timers .hours span,
body.cornerSquaring .timers .minutes span,
body.cornerSquaring .timers .seconds span,
body.cornerSquaring .countdownBanners fieldset {
  border-radius: 0px !important;
}

.boxButton, .boxButtonIcon {
  cursor: pointer;
  height: 32px !important;
  min-width: 12px;
  border: solid 1px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  box-sizing: content-box;
  display: inherit;
  white-space: nowrap;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 32px;
  text-align: center;
  color: #222222;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 10px;
  margin: 0 5px 0 0;
  transition: 0.2s;
  position: relative;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently */
}
.boxButton.twoLines, .boxButtonIcon.twoLines {
  line-height: 16px;
}
.boxButton option, .boxButtonIcon option {
  color: black !important;
}
@media (hover: hover) {
  .boxButton:hover, .boxButtonIcon:hover {
    color: #222222;
    border-color: #222222;
  }
}
.boxButton.active, .boxButtonIcon.active {
  color: #222222;
  border-color: #222222;
}
.boxButton.dark, .boxButtonIcon.dark {
  border: solid 1px rgba(255, 255, 255, 0.15);
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF !important;
}
.boxButton.dark option, .boxButtonIcon.dark option {
  color: black !important;
}
@media (hover: hover) {
  .boxButton.dark:hover, .boxButtonIcon.dark:hover {
    color: #FFFFFF;
    border-color: #FFFFFF;
  }
}
.boxButton.dark.active, .boxButtonIcon.dark.active {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.boxButton.dark.opaque, .boxButtonIcon.dark.opaque {
  background-color: #222222;
}
.boxButton.disabled, .boxButtonIcon.disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.3);
}
@media (hover: hover) {
  .boxButton.disabled:hover, .boxButtonIcon.disabled:hover {
    color: rgba(0, 0, 0, 0.3);
    border-color: inherit;
  }
}
.boxButton.disabled.dark, .boxButtonIcon.disabled.dark {
  color: rgba(255, 255, 255, 0.15) !important;
}
.boxButton.pandaAccent1Hover:hover, .boxButtonIcon.pandaAccent1Hover:hover {
  color: #222222;
  background: #13eaad;
  border-color: #13eaad;
}
.boxButton.pandaAccent2Hover:hover, .boxButtonIcon.pandaAccent2Hover:hover {
  color: #FFFFFF;
  background: #8641f2;
  border-color: #8641f2;
}
.boxButton.pandaAccent3Hover:hover, .boxButtonIcon.pandaAccent3Hover:hover {
  color: #FFFFFF;
  background: #158EFC;
  border-color: #158EFC;
}
.boxButton.pandaRedHover:hover, .boxButtonIcon.pandaRedHover:hover {
  color: #FFFFFF;
  background: #F71E33;
  border-color: #F71E33;
}
.boxButton.pandaGreenHover:hover, .boxButtonIcon.pandaGreenHover:hover {
  color: #FFFFFF;
  background: #10BF89;
  border-color: #10BF89;
}
.boxButton.highlighted, .boxButtonIcon.highlighted {
  color: #FFFFFF;
}
.boxButton.lowlighted, .boxButtonIcon.lowlighted {
  color: #222222;
}
.boxButton.highlighted.primary, .boxButton.lowlighted.primary, .boxButtonIcon.highlighted.primary, .boxButtonIcon.lowlighted.primary {
  background: #222222;
  border-color: #222222;
  color: #FFFFFF;
}
@media (hover: hover) {
  .boxButton.highlighted.primary:hover, .boxButton.lowlighted.primary:hover, .boxButtonIcon.highlighted.primary:hover, .boxButtonIcon.lowlighted.primary:hover {
    background: #111111;
    border-color: #111111;
  }
}
.boxButton.highlighted.primary.dark, .boxButton.lowlighted.primary.dark, .boxButtonIcon.highlighted.primary.dark, .boxButtonIcon.lowlighted.primary.dark {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #222222;
}
@media (hover: hover) {
  .boxButton.highlighted.primary.dark:hover, .boxButton.lowlighted.primary.dark:hover, .boxButtonIcon.highlighted.primary.dark:hover, .boxButtonIcon.lowlighted.primary.dark:hover {
    border-color: #FFFFFF;
  }
}
.boxButton.highlighted.pandaAccent1, .boxButton.lowlighted.pandaAccent1, .boxButtonIcon.highlighted.pandaAccent1, .boxButtonIcon.lowlighted.pandaAccent1 {
  background: #13eaad;
  border-color: #13eaad;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaAccent1:hover, .boxButton.lowlighted.pandaAccent1:hover, .boxButtonIcon.highlighted.pandaAccent1:hover, .boxButtonIcon.lowlighted.pandaAccent1:hover {
    border-color: #13eaad;
  }
}
.boxButton.highlighted.pandaAccent2, .boxButton.lowlighted.pandaAccent2, .boxButtonIcon.highlighted.pandaAccent2, .boxButtonIcon.lowlighted.pandaAccent2 {
  background: #8641f2;
  border-color: #8641f2;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaAccent2:hover, .boxButton.lowlighted.pandaAccent2:hover, .boxButtonIcon.highlighted.pandaAccent2:hover, .boxButtonIcon.lowlighted.pandaAccent2:hover {
    border-color: #8641f2;
  }
}
.boxButton.highlighted.pandaAccent3, .boxButton.lowlighted.pandaAccent3, .boxButtonIcon.highlighted.pandaAccent3, .boxButtonIcon.lowlighted.pandaAccent3 {
  background: #158EFC;
  border-color: #158EFC;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaAccent3:hover, .boxButton.lowlighted.pandaAccent3:hover, .boxButtonIcon.highlighted.pandaAccent3:hover, .boxButtonIcon.lowlighted.pandaAccent3:hover {
    border-color: #158EFC;
  }
}
.boxButton.highlighted.pandaRed, .boxButton.lowlighted.pandaRed, .boxButtonIcon.highlighted.pandaRed, .boxButtonIcon.lowlighted.pandaRed {
  background: #F71E33;
  border-color: #F71E33;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaRed:hover, .boxButton.lowlighted.pandaRed:hover, .boxButtonIcon.highlighted.pandaRed:hover, .boxButtonIcon.lowlighted.pandaRed:hover {
    border-color: #F71E33;
  }
}
.boxButton.highlighted.pandaGreen, .boxButton.lowlighted.pandaGreen, .boxButtonIcon.highlighted.pandaGreen, .boxButtonIcon.lowlighted.pandaGreen {
  background: #10BF89;
  border-color: #10BF89;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaGreen:hover, .boxButton.lowlighted.pandaGreen:hover, .boxButtonIcon.highlighted.pandaGreen:hover, .boxButtonIcon.lowlighted.pandaGreen:hover {
    border-color: #10BF89;
  }
}
.boxButton.ghost.pandaAccent1, .boxButtonIcon.ghost.pandaAccent1 {
  color: #222222;
  background: rgba(19, 234, 173, 0.3);
  border-color: #13eaad;
}
.boxButton.ghost.pandaAccent1.dark, .boxButtonIcon.ghost.pandaAccent1.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaAccent2, .boxButtonIcon.ghost.pandaAccent2 {
  color: #222222;
  background: rgba(134, 65, 242, 0.3);
  border-color: #8641f2;
}
.boxButton.ghost.pandaAccent2.dark, .boxButtonIcon.ghost.pandaAccent2.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaAccent3, .boxButtonIcon.ghost.pandaAccent3 {
  color: #222222;
  background: rgba(21, 142, 252, 0.3);
  border-color: #158EFC;
}
.boxButton.ghost.pandaAccent3.dark, .boxButtonIcon.ghost.pandaAccent3.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaRed, .boxButtonIcon.ghost.pandaRed {
  color: #222222;
  background: rgba(247, 30, 51, 0.3);
  border-color: #F71E33;
}
.boxButton.ghost.pandaRed.dark, .boxButtonIcon.ghost.pandaRed.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaGreen, .boxButtonIcon.ghost.pandaGreen {
  color: #222222;
  background: rgba(16, 191, 137, 0.3);
  border-color: #10BF89;
}
.boxButton.ghost.pandaGreen.dark, .boxButtonIcon.ghost.pandaGreen.dark {
  color: #FFFFFF !important;
}
.boxButton .appIcon, .boxButtonIcon .appIcon {
  width: 34px;
  border-radius: 4px;
  float: left;
  margin: -1px 10px 0 -8px;
}

.radioWrapper,
.checkboxWrapper {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.05);
  margin-bottom: 5px;
  min-height: 32px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  display: inline-flex;
  padding-right: 10px;
}
.radioWrapper:focus,
.checkboxWrapper:focus {
  border-color: #222222;
  transition: 0.2s ease-in-out;
}
@media (hover: hover) {
  .radioWrapper:hover,
  .checkboxWrapper:hover {
    border-color: #222222;
    transition: 0.2s ease-in-out;
  }
}
.radioWrapper label,
.checkboxWrapper label {
  padding: 6px 0;
  line-height: 20px !important;
}
.radioWrapper input,
.checkboxWrapper input {
  opacity: 0.01;
  /* Base for label styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* Accessibility */
}
.radioWrapper input[type=radio]:not(:checked), .radioWrapper input[type=checkbox]:not(:checked), .radioWrapper input[type=radio]:checked, .radioWrapper input[type=checkbox]:checked,
.checkboxWrapper input[type=radio]:not(:checked),
.checkboxWrapper input[type=checkbox]:not(:checked),
.checkboxWrapper input[type=radio]:checked,
.checkboxWrapper input[type=checkbox]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}
.radioWrapper input[type=radio]:not(:checked) + label, .radioWrapper input[type=checkbox]:not(:checked) + label, .radioWrapper input[type=radio]:checked + label, .radioWrapper input[type=checkbox]:checked + label,
.checkboxWrapper input[type=radio]:not(:checked) + label,
.checkboxWrapper input[type=checkbox]:not(:checked) + label,
.checkboxWrapper input[type=radio]:checked + label,
.checkboxWrapper input[type=checkbox]:checked + label {
  color: #222222;
  line-height: 32px;
  position: relative;
  padding-left: 34px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.radioWrapper input[type=radio]:not(:checked) + label:before, .radioWrapper input[type=checkbox]:not(:checked) + label:before, .radioWrapper input[type=radio]:checked + label:before, .radioWrapper input[type=checkbox]:checked + label:before,
.checkboxWrapper input[type=radio]:not(:checked) + label:before,
.checkboxWrapper input[type=checkbox]:not(:checked) + label:before,
.checkboxWrapper input[type=radio]:checked + label:before,
.checkboxWrapper input[type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.radioWrapper input[type=radio]:not(:checked) + label:after, .radioWrapper input[type=checkbox]:not(:checked) + label:after, .radioWrapper input[type=radio]:checked + label:after, .radioWrapper input[type=checkbox]:checked + label:after,
.checkboxWrapper input[type=radio]:not(:checked) + label:after,
.checkboxWrapper input[type=checkbox]:not(:checked) + label:after,
.checkboxWrapper input[type=radio]:checked + label:after,
.checkboxWrapper input[type=checkbox]:checked + label:after {
  font-family: "PANDA";
  content: "\e917";
  position: absolute;
  top: 0;
  left: 4px;
  font-size: 24px;
  line-height: 32px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.radioWrapper input[type=radio]:not(:checked) + label:after, .radioWrapper input[type=checkbox]:not(:checked) + label:after,
.checkboxWrapper input[type=radio]:not(:checked) + label:after,
.checkboxWrapper input[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg);
}
.radioWrapper input[type=radio]:checked + label:after, .radioWrapper input[type=checkbox]:checked + label:after,
.checkboxWrapper input[type=radio]:checked + label:after,
.checkboxWrapper input[type=checkbox]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}
.radioWrapper input[type=radio]:checked:focus + label:before, .radioWrapper input[type=checkbox]:checked:focus + label:before, .radioWrapper input[type=radio]:not(:checked):focus + label:before, .radioWrapper input[type=checkbox]:not(:checked):focus + label:before,
.checkboxWrapper input[type=radio]:checked:focus + label:before,
.checkboxWrapper input[type=checkbox]:checked:focus + label:before,
.checkboxWrapper input[type=radio]:not(:checked):focus + label:before,
.checkboxWrapper input[type=checkbox]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.radioWrapper.dark,
.checkboxWrapper.dark {
  border-color: rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.15);
}
.radioWrapper.dark:focus,
.checkboxWrapper.dark:focus {
  border-color: #FFFFFF;
}
@media (hover: hover) {
  .radioWrapper.dark:hover,
  .checkboxWrapper.dark:hover {
    border-color: #FFFFFF;
  }
}
.radioWrapper.dark input,
.checkboxWrapper.dark input {
  /* checkbox aspect */
  /* Accessibility */
}
.radioWrapper.dark input[type=radio]:not(:checked) + label, .radioWrapper.dark input[type=checkbox]:not(:checked) + label, .radioWrapper.dark input[type=radio]:checked + label, .radioWrapper.dark input[type=checkbox]:checked + label,
.checkboxWrapper.dark input[type=radio]:not(:checked) + label,
.checkboxWrapper.dark input[type=checkbox]:not(:checked) + label,
.checkboxWrapper.dark input[type=radio]:checked + label,
.checkboxWrapper.dark input[type=checkbox]:checked + label {
  color: #FFFFFF;
}
.radioWrapper.dark input[type=radio]:not(:checked) + label:before, .radioWrapper.dark input[type=checkbox]:not(:checked) + label:before, .radioWrapper.dark input[type=radio]:checked + label:before, .radioWrapper.dark input[type=checkbox]:checked + label:before,
.checkboxWrapper.dark input[type=radio]:not(:checked) + label:before,
.checkboxWrapper.dark input[type=checkbox]:not(:checked) + label:before,
.checkboxWrapper.dark input[type=radio]:checked + label:before,
.checkboxWrapper.dark input[type=checkbox]:checked + label:before {
  background: rgba(255, 255, 255, 0.15);
}
.radioWrapper.dark input[type=radio]:checked:focus + label:before, .radioWrapper.dark input[type=checkbox]:checked:focus + label:before, .radioWrapper.dark input[type=radio]:not(:checked):focus + label:before, .radioWrapper.dark input[type=checkbox]:not(:checked):focus + label:before,
.checkboxWrapper.dark input[type=radio]:checked:focus + label:before,
.checkboxWrapper.dark input[type=checkbox]:checked:focus + label:before,
.checkboxWrapper.dark input[type=radio]:not(:checked):focus + label:before,
.checkboxWrapper.dark input[type=checkbox]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.15);
}

input.boxButton,
select.boxButton {
  text-align: left;
  font-weight: 400;
}

input.boxButton,
textarea.boxButton {
  cursor: text;
}
input.boxButton::placeholder,
textarea.boxButton::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
input.boxButton.dark::placeholder,
textarea.boxButton.dark::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

textarea.boxButton {
  white-space: normal;
  line-height: 20px;
  padding: 7px 10px !important;
}

select.boxButton {
  width: calc(100% - 20px);
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg id='selectArrow' data-name='Select Arrow' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgba(0,0,0,.3)' d='M16.59,8.3,12,12.88,7.41,8.3,6,9.7l6,6,6-6Z'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 0px;
}
select.boxButton.filter {
  width: auto;
}
select.boxButton.dark {
  background-image: url("data:image/svg+xml;utf8,<svg id='selectArrow' data-name='Select Arrow' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgba(255,255,255,.3)' d='M16.59,8.3,12,12.88,7.41,8.3,6,9.7l6,6,6-6Z'/></svg>");
}

input[type=submit] {
  font-weight: 700;
  cursor: pointer;
}

.boxButtonIcon {
  padding: 0;
}
.boxButtonIcon i {
  font-size: 24px;
  line-height: inherit;
  float: left;
  padding: 0 4px;
}
.boxButtonIcon i.pandaAccent1 {
  color: #13eaad;
}
.boxButtonIcon i.pandaAccent2 {
  color: #8641f2;
}
.boxButtonIcon i.pandaAccent3 {
  color: #158EFC;
}
.boxButtonIcon i.pandaRed {
  color: #F71E33;
}
.boxButtonIcon i.pandaGreen {
  color: #10BF89;
}
.boxButtonIcon.iconLeft {
  padding: 0 10px 0 0;
}
.boxButtonIcon.iconRight {
  padding: 0 0 0 10px;
}
.boxButtonIcon.iconRight i {
  float: right;
}
.boxButtonIcon.iconBoth {
  padding: 0;
}
.boxButtonIcon.iconBoth i:nth-child(2) {
  float: right;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 10px;
}
.boxButtonIcon.dark.iconBoth i:nth-child(2) {
  border-left-color: rgba(255, 255, 255, 0.15);
}

.boxButtonGroup {
  display: inline-flex;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  height: 32px;
  width: 64px;
}
.boxButtonGroup.dark {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
.boxButtonGroup.dark .boxButton:not(:last-child)::after {
  background: rgba(255, 255, 255, 0.3);
}
.boxButtonGroup .boxButton {
  background: none;
  margin: -1px;
  border-color: transparent;
}
.boxButtonGroup .boxButton:not(:last-child)::after {
  content: "";
  height: 32px;
  width: 1px;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  right: -1px;
}
.boxButtonGroup .boxButton:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.boxButtonGroup .boxButton:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
}

.boxButtonGroup .boxButton {
  margin-right: 0;
}
.boxButtonGroup .boxButton:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.boxButtonGroup .boxButton:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.spinner {
  width: 50px;
  height: 50px;
  margin: auto;
  -webkit-animation: rotate-all 1s linear infinite;
  box-sizing: border-box;
}
.spinner .spinner-right-side,
.spinner .spinner-left-side {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.spinner .spinner-left-side {
  left: 0;
}
.spinner .spinner-left-side .spinner-bar {
  border-right: none;
  transform: rotate(10deg);
  transform-origin: right center;
  animation: rotate-left 0.75s linear infinite alternate;
}
.spinner .spinner-right-side {
  right: 0;
}
.spinner .spinner-right-side .spinner-bar {
  border-radius: 0 100px 100px 0;
  border-left: none;
  transform: rotate(-10deg);
  transform-origin: left center;
  animation: rotate-right 0.75s linear infinite alternate;
}
.spinner .spinner-bar {
  width: 100%;
  height: 100%;
  border-radius: 100px 0 0 100px;
  border: 5px solid #FFFFFF;
  position: relative;
  box-sizing: border-box;
}

@keyframes rotate-left {
  to {
    transform: rotate(30deg);
  }
  from {
    transform: rotate(175deg);
  }
}
@keyframes rotate-right {
  from {
    transform: rotate(-175deg);
  }
  to {
    transform: rotate(-30deg);
  }
}
@keyframes rotate-all {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.panelOverlayWrapper {
  position: absolute;
  top: 0;
  bottom: 0px;
  height: 100%;
  width: 100%;
  display: none;
  background: #111111;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  z-index: 3;
}
.panelOverlayWrapper .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panelOverlayWrapper .flexRow .flex {
  flex: 1;
}
.panelOverlayWrapper .flexRow .boxButton {
  margin-right: 5px;
}
.panelOverlayWrapper .flexRow .boxButton:last-child {
  margin-right: 0;
}
.panelOverlayWrapper .inputWrapper {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  position: relative;
}
.panelOverlayWrapper .inputWrapper label {
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  margin-bottom: 5px;
}
.panelOverlayWrapper .inputWrapper .labelWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panelOverlayWrapper .inputWrapper .labelWrapper .inputLabel {
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panelOverlayWrapper .inputWrapper .labelWrapper .inputError {
  white-space: nowrap;
  color: #F71E33;
  font-weight: 700;
  display: none;
}
.panelOverlayWrapper .inputWrapper .labelWrapper.error .inputError {
  display: block;
}
.panelOverlayWrapper .inputWrapper .flexWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.panelOverlayWrapper .inputWrapper .flexWrapper input {
  width: 100%;
}
.panelOverlayWrapper .inputWrapper .flexWrapper .boxButton {
  margin-left: 5px;
  margin-right: 0;
}
.panelOverlayWrapper input {
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  flex: 1;
  box-shadow: none;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.panelOverlayWrapper input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
}
.panelOverlayWrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */ }
.panelOverlayWrapper input::-ms-input-placeholder { /* Microsoft Edge */ }
.panelOverlayWrapper input.error {
  border-color: #F71E33;
  background: rgba(247, 30, 51, 0.15);
}
.panelOverlayWrapper .fixedButton,
.panelOverlayWrapper .roundedButton {
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 100%;
  font-size: 13px;
  line-height: 50px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #13eaad;
  z-index: 2;
}
@media (max-width: 767px) {
  .panelOverlayWrapper .fixedButton,
  .panelOverlayWrapper .roundedButton {
    width: 100%;
  }
}
.panelOverlayWrapper .fixedButton.lowlighted,
.panelOverlayWrapper .roundedButton.lowlighted {
  color: #222222;
}
.panelOverlayWrapper .fixedButton.highlighted,
.panelOverlayWrapper .roundedButton.highlighted {
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  box-sizing: border-box;
}
.panelOverlayWrapper .panelOverlay.withHeader {
  padding-top: 41px;
}
.panelOverlayWrapper .panelOverlay.withFixedButton {
  padding-bottom: 30px;
}
.panelOverlayWrapper .panelOverlay.withPowered {
  padding-bottom: 50px;
}
.panelOverlayWrapper .panelOverlay.withPowered .fixedButton, .panelOverlayWrapper .panelOverlay.withPowered .roundedButton {
  bottom: 30px;
}
.panelOverlayWrapper .panelOverlay.withPowered.withFixedButton {
  padding-bottom: 80px;
}
.panelOverlayWrapper .panelOverlay .panelOverlayContent {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
  min-height: 100%;
}
.panelOverlayWrapper .panelOverlay .panelOverlayHeader {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  background: #111111;
}
.panelOverlayWrapper .panelOverlay .panelOverlayHeader .panelOverlayTitle {
  font-size: 13px;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  text-align: center;
}
.panelOverlayWrapper .panelOverlay .panelOverlayHeader .iconLeft {
  position: absolute;
  left: 10px;
  top: 5px;
  cursor: pointer;
}
.panelOverlayWrapper .panelOverlay .panelOverlayHeader .iconLeft i {
  font-size: 30px;
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay .panelOverlayHeader .iconRight {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}
.panelOverlayWrapper .panelOverlay .panelOverlayHeader .iconRight i {
  font-size: 30px;
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay .panelOverlayHeader .iconRight.saveTopics {
  display: none;
}
.panelOverlayWrapper .panelOverlay .fadeOutTop, .panelOverlayWrapper .panelOverlay .fadeOutBottom {
  display: none;
  position: absolute;
  right: 0;
  left: 0px;
  height: 30px;
  z-index: 1;
  pointer-events: none;
}
.panelOverlayWrapper .panelOverlay .fadeOutTop {
  top: 0px;
}
.panelOverlayWrapper .panelOverlay.withHeader .fadeOutTop {
  top: 41px;
}
.panelOverlayWrapper .panelOverlay.withFixedButton .fadeOutBottom {
  bottom: 50px;
}
.panelOverlayWrapper .panelOverlay.withPowered .fadeOutBottom {
  bottom: 30px;
}
.panelOverlayWrapper .panelOverlay.withPowered.withFixedButton .fadeOutBottom {
  bottom: 80px;
}
.panelOverlayWrapper .panelOverlay .poweredBy {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  font-size: 13px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  background: #222222;
}
@media (max-width: 767px) {
  .panelOverlayWrapper .panelOverlay .poweredBy {
    width: 100%;
  }
}
.panelOverlayWrapper .panelOverlay .poweredBy a {
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.configureAccount .checkboxContainer, .panelOverlayWrapper .panelOverlay.accountSettings .checkboxContainer, .panelOverlayWrapper .panelOverlay.accountSubscriptions .checkboxContainer, .panelOverlayWrapper .panelOverlay.createAccount .checkboxContainer {
  margin-top: 30px;
}
.panelOverlayWrapper .panelOverlay.configureAccount .radioWrapper,
.panelOverlayWrapper .panelOverlay.configureAccount .checkboxWrapper, .panelOverlayWrapper .panelOverlay.accountSettings .radioWrapper,
.panelOverlayWrapper .panelOverlay.accountSettings .checkboxWrapper, .panelOverlayWrapper .panelOverlay.accountSubscriptions .radioWrapper,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .checkboxWrapper, .panelOverlayWrapper .panelOverlay.createAccount .radioWrapper,
.panelOverlayWrapper .panelOverlay.createAccount .checkboxWrapper {
  width: calc(100% - 12px);
}
.panelOverlayWrapper .panelOverlay.configureAccount .boxButton, .panelOverlayWrapper .panelOverlay.accountSettings .boxButton, .panelOverlayWrapper .panelOverlay.accountSubscriptions .boxButton, .panelOverlayWrapper .panelOverlay.createAccount .boxButton {
  margin: 30px 0 0 0;
}
.panelOverlayWrapper .panelOverlay.authenticate.lowSecurity .inputWrapper a.boxButton.lowSecurityLogin {
  text-align: center;
  margin-right: 0px;
  font-size: 100px;
  display: block;
}
.panelOverlayWrapper .panelOverlayContainer {
  padding-bottom: 30px;
}
.panelOverlayWrapper .panelOverlayContainer .empty {
  display: none;
}
.panelOverlayWrapper .panelOverlayContainer img {
  width: 100%;
  border-radius: 5px;
}
.panelOverlayWrapper .panelOverlayContainer .cohostAvatars {
  margin: 30px auto 20px auto;
  text-align: center;
  height: 100px;
  position: relative;
}
.panelOverlayWrapper .panelOverlayContainer .cohostAvatars img {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  position: absolute;
  top: 0;
}
.panelOverlayWrapper .panelOverlayContainer .cohostAvatars img.cohostOwner {
  z-index: 1;
  margin-left: -87.5px;
}
.panelOverlayWrapper .panelOverlayContainer .cohostAvatars img.cohostGuest {
  margin-left: -12.5px;
}
.panelOverlayWrapper .panelOverlayContainer h2 {
  margin-top: 15px;
  text-align: center;
}
.panelOverlayWrapper .panelOverlayContainer p {
  font-size: 13px;
  line-height: 20px;
  margin-top: 15px;
  text-align: center;
}
.panelOverlayWrapper .panelOverlayContainer p a {
  font-weight: 700;
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.customize {
  padding: 0 15px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizeTab:not(:first-child) {
  display: none;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizeTab .tabHeader {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin: 20px 0 0 0;
  text-align: center;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent label {
  text-align: left;
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 5px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .checkboxWrapper label {
  margin-bottom: 0 !important;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent small {
  font-size: 11px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  margin-top: 5px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent input {
  font-size: 13px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizeColors {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .colorRow {
  width: calc(100% - 32px);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 40px 0 0 0;
  padding: 5px 15px 0 15px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  position: relative;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .colorRow label {
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  text-align: center;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .colorRow .customColor {
  width: calc(33.33% - 10px);
  position: relative;
  display: flex;
  flex-direction: column;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .colorRow .customColor label {
  position: inherit;
  top: 0px;
  text-align: center;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .colorRow .customColor .swatchBorder {
  border-radius: 55px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  width: 53px;
  height: 53px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .colorRow .customColor .swatchBorder:hover, .panelOverlayWrapper .panelOverlay.customize .customizeContent .colorRow .customColor .swatchBorder:focus {
  border-color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .colorRow .customColor .colorSwatch {
  width: 55px;
  height: 55px;
  border-radius: 55px;
  margin: 0 auto;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .colorRow .customColor input {
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-right: 0;
  text-align: center;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .colorRow:last-child {
  margin-bottom: 0;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .addSpecialGuest, .panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .addIconCard, .panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .addInfoBlock, .panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .addQuestion,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .addSpecialGuest,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .addIconCard,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .addInfoBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .addQuestion,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .addSpecialGuest,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .addIconCard,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .addInfoBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .addQuestion,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .addSpecialGuest,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .addIconCard,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .addInfoBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .addQuestion,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .addSpecialGuest,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .addIconCard,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .addInfoBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .addQuestion {
  margin-top: 20px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .pricingInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .infoBlockInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .specialGuestInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .iconCardInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .pricingInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .infoBlockInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .specialGuestInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .iconCardInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .pricingInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .infoBlockInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .specialGuestInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .iconCardInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .pricingInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .infoBlockInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .specialGuestInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .iconCardInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .pricingInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .infoBlockInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .specialGuestInputBlock,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .iconCardInputBlock {
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 20px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .pricingInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .infoBlockInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .specialGuestInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .iconCardInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .pricingInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .infoBlockInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .specialGuestInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .iconCardInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .pricingInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .infoBlockInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .specialGuestInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .iconCardInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .pricingInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .infoBlockInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .specialGuestInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .iconCardInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .pricingInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .infoBlockInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .specialGuestInputBlock:last-child,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .iconCardInputBlock:last-child {
  margin-bottom: 0px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .pricingInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .infoBlockInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .specialGuestInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .iconCardInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .pricingInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .infoBlockInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .specialGuestInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .iconCardInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .pricingInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .infoBlockInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .specialGuestInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .iconCardInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .pricingInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .infoBlockInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .specialGuestInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .iconCardInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .pricingInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .infoBlockInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .specialGuestInputBlock legend,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .iconCardInputBlock legend {
  color: rgba(255, 255, 255, 0.5);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .pricingInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .infoBlockInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .specialGuestInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .iconCardInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .pricingInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .infoBlockInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .specialGuestInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .iconCardInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .pricingInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .infoBlockInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .specialGuestInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .iconCardInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .pricingInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .infoBlockInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .specialGuestInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .iconCardInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .pricingInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .infoBlockInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .specialGuestInputBlock h2,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .iconCardInputBlock h2 {
  text-align: left;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .pricingInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .infoBlockInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .specialGuestInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .pricingWrapper .iconCardInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .pricingInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .infoBlockInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .specialGuestInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .infoBlocksWrapper .iconCardInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .pricingInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .infoBlockInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .specialGuestInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .faqWrapper .iconCardInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .pricingInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .infoBlockInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .specialGuestInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .specialGuestsWrapper .iconCardInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .pricingInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .infoBlockInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .specialGuestInputBlock select,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .iconCardsWrapper .iconCardInputBlock select {
  width: calc(100% - 22px) !important;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizeLogos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage {
  width: calc(50% - 7.5px);
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage.withSize .imageBorder {
  bottom: 88px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage label {
  text-align: center;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage .imageBorder {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  bottom: 44px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.15);
  z-index: -1;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage .imageWrapper {
  border: 10px solid transparent;
  height: 105px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage .flexRow .flex {
  flex: 1;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage .flexRow .boxButton {
  margin-right: 5px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage .flexRow .boxButton:last-child {
  margin-right: 0;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage .boxButton {
  margin-top: 10px;
  margin-right: 0;
  text-align: center;
  display: inline;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage .buttonGroup {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage .buttonGroup .boxButton {
  margin-right: 5px;
  flex: 1;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage .buttonGroup .boxButton:last-child {
  margin-right: 0;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage.chatLogo .imageWrapper {
  border-radius: 65px;
  border: none;
  height: 65px;
  width: 65px;
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage.chatLogo .boxButton {
  margin-top: 135px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage.polling_logo .imageWrapper {
  border-radius: 85px;
  border: none;
  height: 85px;
  width: 85px;
  position: absolute;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage.polling_logo .boxButton {
  margin-top: 135px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage.favicon .imageWrapper {
  border: none;
  height: 65px;
  width: 65px;
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage.favicon .boxButton {
  margin-top: 135px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage.channelAvatar .imageWrapper {
  border: none;
  height: 65px;
  width: 65px;
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 65px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customImage.channelAvatar .boxButton {
  margin-top: 135px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .imageToggleGroup {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -15px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .imageToggleGroup .imageToggleItem {
  width: calc(50% - 7.5px);
  height: 100px;
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .imageToggleGroup .imageToggleItem.active {
  border-color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .imageToggleGroup .imageToggleItem img {
  width: calc(100% - 30px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .imageToggleGroup .imageToggleItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .checkboxConfig {
  margin-bottom: 30px;
  display: none;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .checkboxConfig.active {
  display: block;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizePanels,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizeExtras,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizePricing {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizePanels .checkboxWrapper input[type=checkbox]:not(:checked) + label, .panelOverlayWrapper .panelOverlay.customize .customizeContent .customizePanels .checkboxWrapper input[type=checkbox]:checked + label,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizeExtras .checkboxWrapper input[type=checkbox]:not(:checked) + label,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizeExtras .checkboxWrapper input[type=checkbox]:checked + label,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizePricing .checkboxWrapper input[type=checkbox]:not(:checked) + label,
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizePricing .checkboxWrapper input[type=checkbox]:checked + label {
  color: #FFFFFF;
  line-height: 32px;
  position: relative;
  padding-left: 34px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linksContainer {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .flexRow .flex {
  flex: 1;
  margin-right: 5px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .flexRow :last-child {
  margin-right: 0;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper label {
  text-align: left;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper input {
  margin: 0 0 5px 0;
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; /* Firefox */
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.5);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.5);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper input:hover, .panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper input:focus {
  border-color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper input:last-child {
  margin-bottom: 0;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select {
  margin: 0 0 5px 0;
  width: calc(100% - 22px);
  box-shadow: none;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select .dropdown-button {
  background: none;
  padding: 0;
  height: 32px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select .dropdown-button .dropdown-font-family {
  margin: 0;
  line-height: 32px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select .dropdown-button .dropdown-icon.finished {
  margin: 0 -11px 0 0;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select .dropdown-button .dropdown-icon.finished::before {
  content: "";
  background-image: url("data:image/svg+xml;utf8,<svg id='selectArrow' data-name='Select Arrow' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgba(0,0,0,.3)' d='M16.59,8.3,12,12.88,7.41,8.3,6,9.7l6,6,6-6Z'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 0px;
  border: none;
  transition: none;
  height: 34px;
  width: 34px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select.dark .dropdown-button .dropdown-icon.finished::before {
  background-image: url("data:image/svg+xml;utf8,<svg id='selectArrow' data-name='Select Arrow' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgba(255,255,255,.3)' d='M16.59,8.3,12,12.88,7.41,8.3,6,9.7l6,6,6-6Z'/></svg>");
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select .font-list {
  background: rgba(0, 0, 0, 0.85);
  margin-top: 1px;
  margin-left: -11px;
  width: calc(100% + 2px);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select .font-list .font-list-item {
  height: 34px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select .font-list .font-list-item button {
  border-radius: 0;
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select .font-list .font-list-item button:hover {
  background: rgba(255, 255, 255, 0.15);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select .font-list .font-list-item button.active-font {
  background: rgba(255, 255, 255, 0.3);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .linkWrapper .select.expanded .font-list {
  max-height: 600px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock.jumbotronTitle, .panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock.packageDescriptionParagraph, .panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock.packageDescriptionListItem, .panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock.packageDescriptionListItem {
  display: none;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock.jumbotronTitle.active, .panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock.packageDescriptionParagraph.active, .panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock.packageDescriptionListItem.active, .panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock.packageDescriptionListItem.active {
  display: flex;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock.packageDescriptionListItem .inputInnerWrapper:not(:first-child) {
  margin-bottom: 5px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper {
  display: flex;
  flex-direction: column;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper .flexRow .flex {
  flex: 1;
  margin-right: 5px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper .flexRow :last-child {
  margin-right: 0;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper input {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.15);
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; /* Firefox */
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.5);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.5);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper input:hover, .panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper input:focus {
  border-color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper textarea {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  font-size: 13px;
  line-height: 20px;
  height: 96px;
  padding: 7px 10px;
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; /* Firefox */
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.5);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.5);
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper textarea:hover, .panelOverlayWrapper .panelOverlay.customize .customizeContent .inputBlock .inputInnerWrapper textarea:focus {
  border-color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .jumbotronLogo {
  display: none;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .jumbotronLogo.active {
  display: flex;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizeSocialLinks {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizeSocialLinks .socialLinkWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 5px;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizeSocialLinks .socialLinkWrapper .boxButtonIcon {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 5px;
  border: transparent;
  background: none;
  cursor: default;
}
.panelOverlayWrapper .panelOverlay.customize .customizeContent .customizeSocialLinks .socialLinkWrapper input {
  margin-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.panelOverlayWrapper .panelOverlay.premiumAccount .panelOverlayContainer {
  padding: 15px;
}
.panelOverlayWrapper .panelOverlay.premiumAccount .panelOverlayContainer img {
  margin-bottom: 15px;
}
.panelOverlayWrapper .panelOverlay.premiumAccount .panelOverlayContainer h1 {
  text-align: center;
}
.panelOverlayWrapper .panelOverlay.premiumAccount .panelOverlayContainer p {
  text-align: center;
}
.panelOverlayWrapper .panelOverlay.premiumAccount .panelOverlayContainer .boxButton {
  margin-top: 20px;
}
.panelOverlayWrapper .panelOverlay.authenticate .panelOverlayContent, .panelOverlayWrapper .panelOverlay.authenticatePhone .panelOverlayContent, .panelOverlayWrapper .panelOverlay.authenticateEmail .panelOverlayContent, .panelOverlayWrapper .panelOverlay.authenticateConfirm .panelOverlayContent, .panelOverlayWrapper .panelOverlay.configureAccount .panelOverlayContent, .panelOverlayWrapper .panelOverlay.createAccount .panelOverlayContent, .panelOverlayWrapper .panelOverlay.accountSettings .panelOverlayContent, .panelOverlayWrapper .panelOverlay.accountSubscriptions .panelOverlayContent, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .panelOverlayContent {
  padding: 15px;
  text-align: center;
}
.panelOverlayWrapper .panelOverlay.authenticate .panelOverlayImageWrapper, .panelOverlayWrapper .panelOverlay.authenticatePhone .panelOverlayImageWrapper, .panelOverlayWrapper .panelOverlay.authenticateEmail .panelOverlayImageWrapper, .panelOverlayWrapper .panelOverlay.authenticateConfirm .panelOverlayImageWrapper, .panelOverlayWrapper .panelOverlay.configureAccount .panelOverlayImageWrapper, .panelOverlayWrapper .panelOverlay.createAccount .panelOverlayImageWrapper, .panelOverlayWrapper .panelOverlay.accountSettings .panelOverlayImageWrapper, .panelOverlayWrapper .panelOverlay.accountSubscriptions .panelOverlayImageWrapper, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .panelOverlayImageWrapper {
  width: 200px;
  height: 100px;
  margin: 30px auto 20px auto;
  position: relative;
  border: none;
}
.panelOverlayWrapper .panelOverlay.authenticate .panelOverlayImageWrapper .logo, .panelOverlayWrapper .panelOverlay.authenticatePhone .panelOverlayImageWrapper .logo, .panelOverlayWrapper .panelOverlay.authenticateEmail .panelOverlayImageWrapper .logo, .panelOverlayWrapper .panelOverlay.authenticateConfirm .panelOverlayImageWrapper .logo, .panelOverlayWrapper .panelOverlay.configureAccount .panelOverlayImageWrapper .logo, .panelOverlayWrapper .panelOverlay.createAccount .panelOverlayImageWrapper .logo, .panelOverlayWrapper .panelOverlay.accountSettings .panelOverlayImageWrapper .logo, .panelOverlayWrapper .panelOverlay.accountSubscriptions .panelOverlayImageWrapper .logo, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .panelOverlayImageWrapper .logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 200px;
  height: 100px;
  border-radius: 0;
}
.panelOverlayWrapper .panelOverlay.authenticate .spinner, .panelOverlayWrapper .panelOverlay.authenticatePhone .spinner, .panelOverlayWrapper .panelOverlay.authenticateEmail .spinner, .panelOverlayWrapper .panelOverlay.authenticateConfirm .spinner, .panelOverlayWrapper .panelOverlay.configureAccount .spinner, .panelOverlayWrapper .panelOverlay.createAccount .spinner, .panelOverlayWrapper .panelOverlay.accountSettings .spinner, .panelOverlayWrapper .panelOverlay.accountSubscriptions .spinner, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .spinner {
  display: none;
  margin-top: 30px;
}
.panelOverlayWrapper .panelOverlay.authenticate.sending .checkboxContainer, .panelOverlayWrapper .panelOverlay.authenticatePhone.sending .checkboxContainer, .panelOverlayWrapper .panelOverlay.authenticateEmail.sending .checkboxContainer, .panelOverlayWrapper .panelOverlay.authenticateConfirm.sending .checkboxContainer, .panelOverlayWrapper .panelOverlay.configureAccount.sending .checkboxContainer, .panelOverlayWrapper .panelOverlay.createAccount.sending .checkboxContainer, .panelOverlayWrapper .panelOverlay.accountSettings.sending .checkboxContainer, .panelOverlayWrapper .panelOverlay.accountSubscriptions.sending .checkboxContainer, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit.sending .checkboxContainer {
  display: none;
}
.panelOverlayWrapper .panelOverlay.authenticate.sending .spinner, .panelOverlayWrapper .panelOverlay.authenticatePhone.sending .spinner, .panelOverlayWrapper .panelOverlay.authenticateEmail.sending .spinner, .panelOverlayWrapper .panelOverlay.authenticateConfirm.sending .spinner, .panelOverlayWrapper .panelOverlay.configureAccount.sending .spinner, .panelOverlayWrapper .panelOverlay.createAccount.sending .spinner, .panelOverlayWrapper .panelOverlay.accountSettings.sending .spinner, .panelOverlayWrapper .panelOverlay.accountSubscriptions.sending .spinner, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit.sending .spinner {
  display: block;
}
.panelOverlayWrapper .panelOverlay.authenticate.sending .inputWrapper, .panelOverlayWrapper .panelOverlay.authenticate.sending .boxButton, .panelOverlayWrapper .panelOverlay.authenticate.sending p, .panelOverlayWrapper .panelOverlay.authenticatePhone.sending .inputWrapper, .panelOverlayWrapper .panelOverlay.authenticatePhone.sending .boxButton, .panelOverlayWrapper .panelOverlay.authenticatePhone.sending p, .panelOverlayWrapper .panelOverlay.authenticateEmail.sending .inputWrapper, .panelOverlayWrapper .panelOverlay.authenticateEmail.sending .boxButton, .panelOverlayWrapper .panelOverlay.authenticateEmail.sending p, .panelOverlayWrapper .panelOverlay.authenticateConfirm.sending .inputWrapper, .panelOverlayWrapper .panelOverlay.authenticateConfirm.sending .boxButton, .panelOverlayWrapper .panelOverlay.authenticateConfirm.sending p, .panelOverlayWrapper .panelOverlay.configureAccount.sending .inputWrapper, .panelOverlayWrapper .panelOverlay.configureAccount.sending .boxButton, .panelOverlayWrapper .panelOverlay.configureAccount.sending p, .panelOverlayWrapper .panelOverlay.createAccount.sending .inputWrapper, .panelOverlayWrapper .panelOverlay.createAccount.sending .boxButton, .panelOverlayWrapper .panelOverlay.createAccount.sending p, .panelOverlayWrapper .panelOverlay.accountSettings.sending .inputWrapper, .panelOverlayWrapper .panelOverlay.accountSettings.sending .boxButton, .panelOverlayWrapper .panelOverlay.accountSettings.sending p, .panelOverlayWrapper .panelOverlay.accountSubscriptions.sending .inputWrapper, .panelOverlayWrapper .panelOverlay.accountSubscriptions.sending .boxButton, .panelOverlayWrapper .panelOverlay.accountSubscriptions.sending p, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit.sending .inputWrapper, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit.sending .boxButton, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit.sending p {
  display: none;
}
.panelOverlayWrapper .panelOverlay.authenticate .avatarWrapper, .panelOverlayWrapper .panelOverlay.authenticatePhone .avatarWrapper, .panelOverlayWrapper .panelOverlay.authenticateEmail .avatarWrapper, .panelOverlayWrapper .panelOverlay.authenticateConfirm .avatarWrapper, .panelOverlayWrapper .panelOverlay.configureAccount .avatarWrapper, .panelOverlayWrapper .panelOverlay.createAccount .avatarWrapper, .panelOverlayWrapper .panelOverlay.accountSettings .avatarWrapper, .panelOverlayWrapper .panelOverlay.accountSubscriptions .avatarWrapper, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .avatarWrapper {
  margin: 30px auto 0 auto;
  text-align: center;
  background: #000000;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.panelOverlayWrapper .panelOverlay.authenticate .avatarWrapper i, .panelOverlayWrapper .panelOverlay.authenticatePhone .avatarWrapper i, .panelOverlayWrapper .panelOverlay.authenticateEmail .avatarWrapper i, .panelOverlayWrapper .panelOverlay.authenticateConfirm .avatarWrapper i, .panelOverlayWrapper .panelOverlay.configureAccount .avatarWrapper i, .panelOverlayWrapper .panelOverlay.createAccount .avatarWrapper i, .panelOverlayWrapper .panelOverlay.accountSettings .avatarWrapper i, .panelOverlayWrapper .panelOverlay.accountSubscriptions .avatarWrapper i, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .avatarWrapper i {
  position: absolute;
  top: 35px;
  left: 35px;
  transition: 0.2s ease-in-out;
  color: rgba(255, 255, 255, 0.3);
}
.panelOverlayWrapper .panelOverlay.authenticate .avatarWrapper .imageDarken, .panelOverlayWrapper .panelOverlay.authenticatePhone .avatarWrapper .imageDarken, .panelOverlayWrapper .panelOverlay.authenticateEmail .avatarWrapper .imageDarken, .panelOverlayWrapper .panelOverlay.authenticateConfirm .avatarWrapper .imageDarken, .panelOverlayWrapper .panelOverlay.configureAccount .avatarWrapper .imageDarken, .panelOverlayWrapper .panelOverlay.createAccount .avatarWrapper .imageDarken, .panelOverlayWrapper .panelOverlay.accountSettings .avatarWrapper .imageDarken, .panelOverlayWrapper .panelOverlay.accountSubscriptions .avatarWrapper .imageDarken, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .avatarWrapper .imageDarken {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.panelOverlayWrapper .panelOverlay.authenticate .avatarWrapper:hover i, .panelOverlayWrapper .panelOverlay.authenticate .avatarWrapper:focus i, .panelOverlayWrapper .panelOverlay.authenticatePhone .avatarWrapper:hover i, .panelOverlayWrapper .panelOverlay.authenticatePhone .avatarWrapper:focus i, .panelOverlayWrapper .panelOverlay.authenticateEmail .avatarWrapper:hover i, .panelOverlayWrapper .panelOverlay.authenticateEmail .avatarWrapper:focus i, .panelOverlayWrapper .panelOverlay.authenticateConfirm .avatarWrapper:hover i, .panelOverlayWrapper .panelOverlay.authenticateConfirm .avatarWrapper:focus i, .panelOverlayWrapper .panelOverlay.configureAccount .avatarWrapper:hover i, .panelOverlayWrapper .panelOverlay.configureAccount .avatarWrapper:focus i, .panelOverlayWrapper .panelOverlay.createAccount .avatarWrapper:hover i, .panelOverlayWrapper .panelOverlay.createAccount .avatarWrapper:focus i, .panelOverlayWrapper .panelOverlay.accountSettings .avatarWrapper:hover i, .panelOverlayWrapper .panelOverlay.accountSettings .avatarWrapper:focus i, .panelOverlayWrapper .panelOverlay.accountSubscriptions .avatarWrapper:hover i, .panelOverlayWrapper .panelOverlay.accountSubscriptions .avatarWrapper:focus i, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .avatarWrapper:hover i, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .avatarWrapper:focus i {
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.authenticate .avatarWrapper.filled .imageDarken, .panelOverlayWrapper .panelOverlay.authenticatePhone .avatarWrapper.filled .imageDarken, .panelOverlayWrapper .panelOverlay.authenticateEmail .avatarWrapper.filled .imageDarken, .panelOverlayWrapper .panelOverlay.authenticateConfirm .avatarWrapper.filled .imageDarken, .panelOverlayWrapper .panelOverlay.configureAccount .avatarWrapper.filled .imageDarken, .panelOverlayWrapper .panelOverlay.createAccount .avatarWrapper.filled .imageDarken, .panelOverlayWrapper .panelOverlay.accountSettings .avatarWrapper.filled .imageDarken, .panelOverlayWrapper .panelOverlay.accountSubscriptions .avatarWrapper.filled .imageDarken, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .avatarWrapper.filled .imageDarken {
  background: rgba(0, 0, 0, 0.5);
}
.panelOverlayWrapper .panelOverlay.authenticate .buttonList, .panelOverlayWrapper .panelOverlay.authenticatePhone .buttonList, .panelOverlayWrapper .panelOverlay.authenticateEmail .buttonList, .panelOverlayWrapper .panelOverlay.authenticateConfirm .buttonList, .panelOverlayWrapper .panelOverlay.configureAccount .buttonList, .panelOverlayWrapper .panelOverlay.createAccount .buttonList, .panelOverlayWrapper .panelOverlay.accountSettings .buttonList, .panelOverlayWrapper .panelOverlay.accountSubscriptions .buttonList, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .buttonList {
  display: flex;
  flex-direction: column;
  margin: 30px -15px 0 -15px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.panelOverlayWrapper .panelOverlay.authenticate .buttonList a, .panelOverlayWrapper .panelOverlay.authenticatePhone .buttonList a, .panelOverlayWrapper .panelOverlay.authenticateEmail .buttonList a, .panelOverlayWrapper .panelOverlay.authenticateConfirm .buttonList a, .panelOverlayWrapper .panelOverlay.configureAccount .buttonList a, .panelOverlayWrapper .panelOverlay.createAccount .buttonList a, .panelOverlayWrapper .panelOverlay.accountSettings .buttonList a, .panelOverlayWrapper .panelOverlay.accountSubscriptions .buttonList a, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .buttonList a {
  text-align: left;
  font-size: 13px;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  padding-left: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  cursor: pointer;
}
.panelOverlayWrapper .panelOverlay.authenticate .buttonList a .iconLeft,
.panelOverlayWrapper .panelOverlay.authenticate .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.authenticatePhone .buttonList a .iconLeft,
.panelOverlayWrapper .panelOverlay.authenticatePhone .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.authenticateEmail .buttonList a .iconLeft,
.panelOverlayWrapper .panelOverlay.authenticateEmail .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.authenticateConfirm .buttonList a .iconLeft,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.configureAccount .buttonList a .iconLeft,
.panelOverlayWrapper .panelOverlay.configureAccount .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.createAccount .buttonList a .iconLeft,
.panelOverlayWrapper .panelOverlay.createAccount .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.accountSettings .buttonList a .iconLeft,
.panelOverlayWrapper .panelOverlay.accountSettings .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.accountSubscriptions .buttonList a .iconLeft,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .buttonList a .iconLeft,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .buttonList a .iconRight {
  position: absolute;
  top: 10px;
}
.panelOverlayWrapper .panelOverlay.authenticate .buttonList a .iconLeft, .panelOverlayWrapper .panelOverlay.authenticatePhone .buttonList a .iconLeft, .panelOverlayWrapper .panelOverlay.authenticateEmail .buttonList a .iconLeft, .panelOverlayWrapper .panelOverlay.authenticateConfirm .buttonList a .iconLeft, .panelOverlayWrapper .panelOverlay.configureAccount .buttonList a .iconLeft, .panelOverlayWrapper .panelOverlay.createAccount .buttonList a .iconLeft, .panelOverlayWrapper .panelOverlay.accountSettings .buttonList a .iconLeft, .panelOverlayWrapper .panelOverlay.accountSubscriptions .buttonList a .iconLeft, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .buttonList a .iconLeft {
  left: 10px;
}
.panelOverlayWrapper .panelOverlay.authenticate .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.authenticatePhone .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.authenticateEmail .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.authenticateConfirm .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.configureAccount .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.createAccount .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.accountSettings .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.accountSubscriptions .buttonList a .iconRight, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .buttonList a .iconRight {
  right: 10px;
  color: rgba(255, 255, 255, 0.3);
}
.panelOverlayWrapper .panelOverlay.authenticate .buttonList a:hover .iconRight, .panelOverlayWrapper .panelOverlay.authenticatePhone .buttonList a:hover .iconRight, .panelOverlayWrapper .panelOverlay.authenticateEmail .buttonList a:hover .iconRight, .panelOverlayWrapper .panelOverlay.authenticateConfirm .buttonList a:hover .iconRight, .panelOverlayWrapper .panelOverlay.configureAccount .buttonList a:hover .iconRight, .panelOverlayWrapper .panelOverlay.createAccount .buttonList a:hover .iconRight, .panelOverlayWrapper .panelOverlay.accountSettings .buttonList a:hover .iconRight, .panelOverlayWrapper .panelOverlay.accountSubscriptions .buttonList a:hover .iconRight, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .buttonList a:hover .iconRight {
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.authenticate .subText, .panelOverlayWrapper .panelOverlay.authenticatePhone .subText, .panelOverlayWrapper .panelOverlay.authenticateEmail .subText, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subText, .panelOverlayWrapper .panelOverlay.configureAccount .subText, .panelOverlayWrapper .panelOverlay.createAccount .subText, .panelOverlayWrapper .panelOverlay.accountSettings .subText, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subText, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subText {
  color: rgba(255, 255, 255, 0.5);
}
.panelOverlayWrapper .panelOverlay.authenticate .subText a, .panelOverlayWrapper .panelOverlay.authenticatePhone .subText a, .panelOverlayWrapper .panelOverlay.authenticateEmail .subText a, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subText a, .panelOverlayWrapper .panelOverlay.configureAccount .subText a, .panelOverlayWrapper .panelOverlay.createAccount .subText a, .panelOverlayWrapper .panelOverlay.accountSettings .subText a, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subText a, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subText a {
  color: #FFFFFF;
  font-weight: 700;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions h1,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions h1, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions h1,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions h1, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions h1,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions h1, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions h1,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions h1, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions h1,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions h1, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions h1,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions h1, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions h1,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions h1, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions h1,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions h1, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions h1,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions h1 {
  text-align: left;
  margin-bottom: 10px;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper {
  border: 1px solid;
  border-radius: 5px;
  margin-bottom: 15px;
  text-align: left;
  padding: 10px;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .subscriptionTitle,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .subscriptionTitle, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .subscriptionTitle,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .subscriptionTitle, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .subscriptionTitle,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .subscriptionTitle, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .subscriptionTitle,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .subscriptionTitle, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .subscriptionTitle,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .subscriptionTitle, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .subscriptionTitle,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .subscriptionTitle, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .subscriptionTitle,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .subscriptionTitle, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .subscriptionTitle,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .subscriptionTitle, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .subscriptionTitle,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .subscriptionTitle {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .subscriptionChannel,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .subscriptionChannel, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .subscriptionChannel,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .subscriptionChannel, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .subscriptionChannel,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .subscriptionChannel, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .subscriptionChannel,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .subscriptionChannel, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .subscriptionChannel,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .subscriptionChannel, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .subscriptionChannel,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .subscriptionChannel, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .subscriptionChannel,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .subscriptionChannel, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .subscriptionChannel,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .subscriptionChannel, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .subscriptionChannel,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .subscriptionChannel {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .flexRow,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .flexRow, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .flexRow,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .flexRow, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .flexRow,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .flexRow, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .flexRow,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .flexRow, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .flexRow,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .flexRow, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .flexRow,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .flexRow, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .flexRow,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .flexRow, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .flexRow,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .flexRow, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .flexRow,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .flexRow {
  display: flex;
  flex-direction: row;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionStatus {
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPrice {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionRenewalDate {
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .flexRow .subscriptionPayment {
  font-size: 13px;
  line-height: 20px;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .flexRow .flex,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .flexRow .flex, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .flexRow .flex,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .flexRow .flex, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .flexRow .flex,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .flexRow .flex, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .flexRow .flex,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .flexRow .flex, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .flexRow .flex,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .flexRow .flex, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .flexRow .flex,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .flexRow .flex, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .flexRow .flex,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .flexRow .flex, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .flexRow .flex,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .flexRow .flex, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .flexRow .flex,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .flexRow .flex {
  flex: 1;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .buttons,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .buttons, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .buttons,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .buttons, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .buttons,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .buttons, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .buttons,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .buttons, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .buttons,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .buttons, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .buttons,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .buttons, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .buttons,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .buttons, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .buttons,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .buttons, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .buttons,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .buttons {
  display: inline-flex;
  margin-top: 10px;
  width: 100%;
  justify-content: space-between;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .buttons .boxButtonIcon,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .buttons .boxButtonIcon, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .buttons .boxButtonIcon,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .buttons .boxButtonIcon, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .buttons .boxButtonIcon,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .buttons .boxButtonIcon, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .buttons .boxButtonIcon,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .buttons .boxButtonIcon, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .buttons .boxButtonIcon,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .buttons .boxButtonIcon, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .buttons .boxButtonIcon,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .buttons .boxButtonIcon, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .buttons .boxButtonIcon,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .buttons .boxButtonIcon, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .buttons .boxButtonIcon,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .buttons .boxButtonIcon, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .buttons .boxButtonIcon,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .buttons .boxButton,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .buttons .boxButtonIcon {
  display: inline-flex;
  margin: 0;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .buttons .buttonsLeft,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsLeft, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .buttons .buttonsLeft,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsLeft, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .buttons .buttonsLeft,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsLeft, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .buttons .buttonsLeft,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsLeft, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .buttons .buttonsLeft,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsLeft, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .buttons .buttonsLeft,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsLeft, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .buttons .buttonsLeft,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsLeft, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .buttons .buttonsLeft,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsLeft, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .buttons .buttonsLeft,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsLeft {
  flex: 1;
}
.panelOverlayWrapper .panelOverlay.authenticate .activeSubscriptions .subscriptionWrapper .buttons .buttonsRight,
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsRight, .panelOverlayWrapper .panelOverlay.authenticatePhone .activeSubscriptions .subscriptionWrapper .buttons .buttonsRight,
.panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsRight, .panelOverlayWrapper .panelOverlay.authenticateEmail .activeSubscriptions .subscriptionWrapper .buttons .buttonsRight,
.panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsRight, .panelOverlayWrapper .panelOverlay.authenticateConfirm .activeSubscriptions .subscriptionWrapper .buttons .buttonsRight,
.panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsRight, .panelOverlayWrapper .panelOverlay.configureAccount .activeSubscriptions .subscriptionWrapper .buttons .buttonsRight,
.panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsRight, .panelOverlayWrapper .panelOverlay.createAccount .activeSubscriptions .subscriptionWrapper .buttons .buttonsRight,
.panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsRight, .panelOverlayWrapper .panelOverlay.accountSettings .activeSubscriptions .subscriptionWrapper .buttons .buttonsRight,
.panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsRight, .panelOverlayWrapper .panelOverlay.accountSubscriptions .activeSubscriptions .subscriptionWrapper .buttons .buttonsRight,
.panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsRight, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .activeSubscriptions .subscriptionWrapper .buttons .buttonsRight,
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions .subscriptionWrapper .buttons .buttonsRight {
  display: inline-flex;
}
.panelOverlayWrapper .panelOverlay.authenticate .inactiveSubscriptions, .panelOverlayWrapper .panelOverlay.authenticatePhone .inactiveSubscriptions, .panelOverlayWrapper .panelOverlay.authenticateEmail .inactiveSubscriptions, .panelOverlayWrapper .panelOverlay.authenticateConfirm .inactiveSubscriptions, .panelOverlayWrapper .panelOverlay.configureAccount .inactiveSubscriptions, .panelOverlayWrapper .panelOverlay.createAccount .inactiveSubscriptions, .panelOverlayWrapper .panelOverlay.accountSettings .inactiveSubscriptions, .panelOverlayWrapper .panelOverlay.accountSubscriptions .inactiveSubscriptions, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .inactiveSubscriptions {
  margin-top: 15px;
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts h2, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts h2, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts h2, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts h2, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts h2, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts h2, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts h2, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts h2, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts h2 {
  margin-bottom: 15px;
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts .subscriptionReceiptItem, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts .subscriptionReceiptItem, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts .subscriptionReceiptItem, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts .subscriptionReceiptItem, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts .subscriptionReceiptItem, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts .subscriptionReceiptItem, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts .subscriptionReceiptItem, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts .subscriptionReceiptItem, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts .subscriptionReceiptItem {
  border-top: 1px solid;
  padding: 10px 0;
  position: relative;
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts .subscriptionReceiptItem:last-child, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts .subscriptionReceiptItem:last-child, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts .subscriptionReceiptItem:last-child, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts .subscriptionReceiptItem:last-child, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts .subscriptionReceiptItem:last-child, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts .subscriptionReceiptItem:last-child, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts .subscriptionReceiptItem:last-child, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts .subscriptionReceiptItem:last-child, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts .subscriptionReceiptItem:last-child {
  border-bottom: 1px solid;
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts .subscriptionReceiptItem .flexRow, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts .subscriptionReceiptItem .flexRow, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts .subscriptionReceiptItem .flexRow, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts .subscriptionReceiptItem .flexRow, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts .subscriptionReceiptItem .flexRow, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts .subscriptionReceiptItem .flexRow, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts .subscriptionReceiptItem .flexRow {
  display: flex;
  flex-direction: row;
  width: calc(100% - 40px);
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts .subscriptionReceiptItem .flexRow div, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts .subscriptionReceiptItem .flexRow div, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts .subscriptionReceiptItem .flexRow div, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts .subscriptionReceiptItem .flexRow div, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts .subscriptionReceiptItem .flexRow div, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts .subscriptionReceiptItem .flexRow div, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts .subscriptionReceiptItem .flexRow div {
  text-align: left;
  line-height: 20px;
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts .subscriptionReceiptItem .flexRow div.flex, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts .subscriptionReceiptItem .flexRow div.flex, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts .subscriptionReceiptItem .flexRow div.flex, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts .subscriptionReceiptItem .flexRow div.flex, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div.flex, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div.flex, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts .subscriptionReceiptItem .flexRow div.flex, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts .subscriptionReceiptItem .flexRow div.flex, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts .subscriptionReceiptItem .flexRow div.flex {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptTitle, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptTitle, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptTitle, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptTitle, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptTitle, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptTitle, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptTitle, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptTitle, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptTitle {
  font-size: 16px;
  font-weight: 700;
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptPrice, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptPrice, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptPrice, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptPrice, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptPrice, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptPrice, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptPrice, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptPrice, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptPrice {
  font-size: 16px;
  font-weight: 700;
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptChannel, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptChannel, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptChannel, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptChannel, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptChannel, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptChannel, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptChannel, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptChannel, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptChannel {
  font-size: 13px;
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptDate, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptDate, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptDate, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptDate, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptDate, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptDate, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptDate, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptDate, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts .subscriptionReceiptItem .flexRow div.receiptDate {
  font-size: 13px;
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts .subscriptionReceiptItem .iconMd, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts .subscriptionReceiptItem .iconMd, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts .subscriptionReceiptItem .iconMd, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts .subscriptionReceiptItem .iconMd, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts .subscriptionReceiptItem .iconMd, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts .subscriptionReceiptItem .iconMd, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts .subscriptionReceiptItem .iconMd, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts .subscriptionReceiptItem .iconMd, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts .subscriptionReceiptItem .iconMd {
  position: absolute;
  right: 0;
  top: 15px;
}
.panelOverlayWrapper .panelOverlay.authenticate .subscriptionReceipts .subscriptionReceiptItem .cover, .panelOverlayWrapper .panelOverlay.authenticatePhone .subscriptionReceipts .subscriptionReceiptItem .cover, .panelOverlayWrapper .panelOverlay.authenticateEmail .subscriptionReceipts .subscriptionReceiptItem .cover, .panelOverlayWrapper .panelOverlay.authenticateConfirm .subscriptionReceipts .subscriptionReceiptItem .cover, .panelOverlayWrapper .panelOverlay.configureAccount .subscriptionReceipts .subscriptionReceiptItem .cover, .panelOverlayWrapper .panelOverlay.createAccount .subscriptionReceipts .subscriptionReceiptItem .cover, .panelOverlayWrapper .panelOverlay.accountSettings .subscriptionReceipts .subscriptionReceiptItem .cover, .panelOverlayWrapper .panelOverlay.accountSubscriptions .subscriptionReceipts .subscriptionReceiptItem .cover, .panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .subscriptionReceipts .subscriptionReceiptItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .panelOverlayContent {
  text-align: left;
}
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .customInput {
  margin-bottom: 20px;
}
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .customInput label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
}
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .customInput input {
  width: calc(100% - 23px);
  display: block;
  margin-top: 0;
}
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .flexRow {
  display: flex;
  flex-direction: row;
}
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .flexRow .customInput {
  width: calc(50% - 7.5px);
  margin-right: 15px;
}
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .flexRow .customInput:last-child {
  margin-right: 0;
}
.panelOverlayWrapper .panelOverlay.accountSubscriptionEdit .boxButton {
  margin-top: 30px;
}
.panelOverlayWrapper .panelOverlay.configureAccount .buttons {
  margin-top: 30px;
}
.panelOverlayWrapper .panelOverlay.configureAccount .buttons .boxButton {
  margin-top: 5px;
}
.panelOverlayWrapper .panelOverlay.configureAccount .buttons .boxButton.logoutConfirm {
  margin-top: 30px;
}
.panelOverlayWrapper .panelOverlay.premiumContent {
  padding: 15px;
}
.panelOverlayWrapper .panelOverlay.advertisement {
  padding: 15px;
}
.panelOverlayWrapper .panelOverlay.remote .loading {
  display: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.panelOverlayWrapper .panelOverlay.remote.loading {
  position: relative;
}
.panelOverlayWrapper .panelOverlay.remote.loading .loading {
  display: block;
}
.panelOverlayWrapper .panelOverlay.remote.loading .loading .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicConfirmWrapper {
  padding: 15px;
  text-align: center;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicConfirmWrapper .iconXl {
  margin: 0 auto;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListTiles {
  padding: 15px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListTiles .topicTileItem {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
  width: calc((100% - 30px) / 3);
  margin-right: 15px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListTiles .topicTileItem:nth-child(3n+3) {
  margin-right: 0px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListTiles .topicTileItem .topicTile {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  position: relative;
  padding-top: 100%;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListTiles .topicTileItem .topicTile i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListTiles .topicTileItem .topicDescription {
  font-size: 13px;
  line-height: 20px;
  margin: 5px 0 0 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s ease-in-out;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListTiles .topicTileItem:hover .topicTile, .panelOverlayWrapper .panelOverlay.selectTopicSports .topicListTiles .topicTileItem:focus .topicTile {
  border-color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListTiles .topicTileItem:hover .topicDescription, .panelOverlayWrapper .panelOverlay.selectTopicSports .topicListTiles .topicTileItem:focus .topicDescription {
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports.empty {
  padding: 15px;
  text-align: center;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports.empty img {
  width: 200px;
  margin: 0 auto;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicDivider {
  font-size: 13px;
  line-height: 50px;
  font-weight: 700;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0 15px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicDivider .boxButton {
  float: right;
  margin: 8px 0;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem {
  min-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem.completed:hover, .panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem.completed:focus {
  background: inherit;
  cursor: default;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem.expanded .topicContent .topicContentRow2 .topicDescription {
  display: none;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem.expanded .topicContent .topicContentRow2 .topicDescriptionOpen {
  display: inherit;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem.expanded .topicIconRight.collapsed {
  display: none;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem.expanded .topicIconRight.expanded {
  display: inherit;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem.expanded .topicButtonList {
  display: block;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem:hover, .panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem:focus {
  background: rgba(0, 0, 0, 0.3);
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem:hover .topicIconRight, .panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem:focus .topicIconRight {
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem:hover .topicIconRight.deleteTopic, .panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem:focus .topicIconRight.deleteTopic {
  color: #F71E33;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .imageLeft,
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .imageRight {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  position: absolute;
  top: 10px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .imageLeft {
  left: 15px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .imageRight {
  left: 80px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .leagueLogo,
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .teamLogo,
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .teamLogoAway,
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .teamLogoHome {
  width: 80px;
  height: 60px;
  position: absolute;
  top: 5px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .leagueLogo,
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .teamLogo,
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .teamLogoAway {
  left: 0;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .teamLogoHome {
  left: 80px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .leagueLogo .st1 {
  fill: #222222;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .leagueLogo .st2 {
  fill: #DDDDDD;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .leagueLogo .st3 {
  opacity: 0.15;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .leagueLogo .st4 {
  fill: #000000;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .articleThumbnail {
  width: 64px;
  height: 48px;
  position: absolute;
  top: 11px;
  left: 8px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent {
  position: absolute;
  left: 160px;
  top: 15px;
  right: 45px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent.category, .panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent.team, .panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent.news {
  left: 80px;
  right: 45px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent.fight {
  left: 145px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow1,
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  height: 20px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow1 .topicIcon {
  font-size: 20px;
  margin-right: 5px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow1 .topicTitle {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow1 .topicFeature {
  font-size: 14px;
  padding: 3px;
  background: rgba(255, 255, 255, 0.3);
  color: #FFFFFF;
  border-radius: 10px;
  margin-right: 5px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow1 .topicFeature:hover, .panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow1 .topicFeature:focus {
  background: #13eaad;
  color: #222222;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicDescription,
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicDescriptionOpen,
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicDate,
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicSpacer,
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicTime {
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicDescriptionOpen {
  display: none;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicDescription {
  margin-right: 5px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicDate {
  white-space: nowrap;
  margin-right: 5px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicDate.inProgress {
  color: #10BF89;
  font-weight: 700;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicSpacer {
  white-space: nowrap;
  margin-right: 5px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicTime {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicContent .topicContentRow2 .topicTime.live {
  color: #F71E33;
  font-weight: 700;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicIconRight {
  font-size: 30px;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  right: 15px;
  top: 20px;
  transition: 0.2s ease-in-out;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicIconRight.active {
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicIconRight.expanded {
  display: none;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicIconRight.deleteTopic {
  display: none;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicButtonList {
  display: none;
  padding-top: 70px;
  margin-left: 80px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicButtonList .topicButton {
  display: block;
  color: #FFFFFF;
  width: 100%;
  font-size: 13px;
  line-height: 40px;
  font-weight: 700;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicButtonList .topicButton:hover i, .panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicButtonList .topicButton:focus i {
  color: #FFFFFF;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .topicButtonList .topicButton i {
  padding: 5px 15px 5px 0;
  font-size: 30px;
  float: right;
  color: rgba(255, 255, 255, 0.3);
  transition: 0.2s ease-in-out;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem .iconLeft {
  position: absolute;
  top: 10px;
  left: 15px;
}
.panelOverlayWrapper .panelOverlay.selectTopicSports .topicListSports .topicItem.noImages .topicContent {
  left: 80px;
}
.panelOverlayWrapper fieldset {
  border-color: rgba(255, 255, 255, 0.3);
}
.panelOverlayWrapper fieldset legend {
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 623px) {
  body.embed .panel {
    z-index: 11;
  }
  body.embed .panelOverlayWrapper {
    position: fixed;
  }
  body.embed .panelOverlayWrapper .panelOverlayHeader {
    margin-top: 0px;
  }
}

.panelOverlayWrapper .panelOverlay.pollPanel .pollContainer {
  transition: 0.5s;
  padding: 30px 30px;
  padding: 15px 15px;
}
@media (max-width: 1024px) {
  .panelOverlayWrapper .panelOverlay.pollPanel .pollContainer {
    padding: 15px 15px;
  }
}
.panelOverlayWrapper .panelOverlay.pollPanel .pollContainer .pollTimer {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto 30px;
  margin-top: 15px;
}
@media (max-width: 1024px) {
  .panelOverlayWrapper .panelOverlay.pollPanel .pollContainer .pollTimer {
    margin-bottom: 15px;
    margin-top: 0px;
  }
}
.panelOverlayWrapper .panelOverlay.pollPanel .pollContainer .pollTimer svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  transform: rotateY(-180deg) rotateZ(-90deg);
  transition: 1s;
  transition-timing-function: linear;
}
.panelOverlayWrapper .panelOverlay.pollPanel .pollContainer .pollTimer svg circle {
  stroke-dasharray: 360px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 2px;
  stroke: white;
  fill: none;
  width: 120px;
  height: 120px;
  transition: 1s;
  transition-timing-function: linear;
}
.panelOverlayWrapper .panelOverlay.pollPanel .pollContainer .pollLogo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-radius: 100px;
  display: block;
}
.panelOverlayWrapper .panelOverlay.pollPanel .pollContainer .pollingTitle {
  display: block;
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
}
@media (max-width: 1024px) {
  .panelOverlayWrapper .panelOverlay.pollPanel .pollContainer .pollingTitle {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px;
  }
}
.panelOverlayWrapper .panelOverlay.pollPanel .pollContainer .pollingDescription {
  display: block;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1024px) {
  .panelOverlayWrapper .panelOverlay.pollPanel .pollContainer .pollingDescription {
    font-size: 12px;
    line-height: 14px;
    margin-top: 15px;
  }
}
.panelOverlayWrapper .panelOverlay.pollPanel .pollContainer .pollOption {
  position: relative;
  margin-bottom: 15px;
  border: 1px solid #CCC;
  border-radius: 100px;
  padding: 15px;
}
.panelOverlayWrapper .panelOverlay.pollPanel .pollContainer .pollOption .cover {
  display: block;
  cursor: pointer;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

@media (max-width: 549px) {
  body.embed .panel .tabs .tabWrapper .tab .tabContent .panelSponsor_DISABLED_HIDING {
    height: 0px;
    overflow: hidden;
    padding: 0px;
    border: 0px;
  }
}

body.channel.panelOnly .panel, body.channel.embed.panelOnly .panel {
  width: 100% !important;
  top: 0px !important;
}
body.channel.panelOnly.demo .tabs1 .tabButtonHolder, body.channel.embed.panelOnly.demo .tabs1 .tabButtonHolder {
  display: none !important;
}
body.channel.panelOnly.demo .tabs1 .tabControls, body.channel.embed.panelOnly.demo .tabs1 .tabControls {
  display: none !important;
}
body.channel.panelOnly.demo .panel .tabs .tabWrapper, body.channel.embed.panelOnly.demo .panel .tabs .tabWrapper {
  top: 0px;
}

body.broadcast24281198.channel.embed .wrapper.embed {
  padding-right: 360px;
}
body.broadcast24281198.channel.embed .panel {
  width: 360px;
}

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