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);
  }
}
body.subscription, body.channelPortal {
  margin: 70px 0 0 0;
  max-width: 100%;
  position: relative;
  color: #FFFFFF;
}
body.subscription header, body.channelPortal header {
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
body.subscription header .logoWrapper, body.channelPortal header .logoWrapper {
  float: left;
}
body.subscription header .logoWrapper img, body.channelPortal header .logoWrapper img {
  display: block;
  height: 40px;
  margin: 15px 30px;
}
@media (max-width: 767px) {
  body.subscription header .logoWrapper img, body.channelPortal header .logoWrapper img {
    margin: 20px 20px;
    height: 30px;
  }
}
body.subscription header .logoWrapper.small img, body.channelPortal header .logoWrapper.small img {
  margin: 20px 30px;
  height: 30px;
}
@media (max-width: 767px) {
  body.subscription header .logoWrapper.small img, body.channelPortal header .logoWrapper.small img {
    margin: 22px 20px;
    height: 24px;
  }
}
body.subscription header .logoWrapper.medium img, body.channelPortal header .logoWrapper.medium img {
  height: 40px;
  margin: 17px 30px;
}
@media (max-width: 767px) {
  body.subscription header .logoWrapper.medium img, body.channelPortal header .logoWrapper.medium img {
    margin: 22px 20px;
    height: 30px;
  }
}
body.subscription header .logoWrapper.large img, body.channelPortal header .logoWrapper.large img {
  height: 50px;
  margin: 10px 30px;
}
@media (max-width: 767px) {
  body.subscription header .logoWrapper.large img, body.channelPortal header .logoWrapper.large img {
    margin: 17px 20px;
    height: 36px;
  }
}
body.subscription header .logoWrapper.large img, body.channelPortal header .logoWrapper.large img {
  height: 50px;
  margin: 10px 30px;
}
@media (max-width: 767px) {
  body.subscription header .logoWrapper.large img, body.channelPortal header .logoWrapper.large img {
    margin: 17px 20px;
    height: 36px;
  }
}
body.subscription header .logoWrapper.superlarge img, body.channelPortal header .logoWrapper.superlarge img {
  height: 70px;
  margin: 5px 30px 0px;
}
@media (max-width: 767px) {
  body.subscription header .logoWrapper.superlarge img, body.channelPortal header .logoWrapper.superlarge img {
    margin: 7px 20px;
    height: 46px;
  }
}
body.subscription header .navLinks, body.channelPortal header .navLinks {
  position: absolute;
  top: 18px;
  right: 30px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  body.subscription header .navLinks, body.channelPortal header .navLinks {
    right: 15px;
  }
}
body.subscription header .navLinks .liveIndicator, body.channelPortal header .navLinks .liveIndicator {
  float: left;
  margin: 0 5px 0 0;
}
@media (max-width: 767px) {
  body.subscription header .navLinks .liveIndicator span, body.channelPortal header .navLinks .liveIndicator span {
    display: none;
  }
}
body.subscription header .boxButton, body.channelPortal header .boxButton {
  float: left;
  display: inline-block;
  margin-right: 5px;
}
body.subscription header .boxButton:last-child, body.channelPortal header .boxButton:last-child {
  margin-right: 0;
}
body.subscription header .profilePicture, body.channelPortal header .profilePicture {
  float: right;
  margin-top: -3px;
  margin-left: 10px;
}
body.subscription header .profilePicture img, body.channelPortal header .profilePicture img {
  height: 40px;
  width: 40px;
  border-radius: 40px;
}
body.subscription .bodyContent, body.channelPortal .bodyContent {
  display: inline-block;
  text-align: center;
  width: 100%;
}
body.subscription .bodyContent h1, body.channelPortal .bodyContent h1 {
  margin: 50px 0 30px 0;
  text-align: center;
}
body.subscription .bodyContent h2.dateTime, body.channelPortal .bodyContent h2.dateTime {
  margin-bottom: 30px;
}
body.subscription .bodyContent hr, body.channelPortal .bodyContent hr {
  border: none;
  border-top: 1px dashed rgba(255, 255, 255, 0.3);
  margin: 50px 0;
}
body.subscription .bodyContent .teamList, body.channelPortal .bodyContent .teamList {
  width: calc(100% - 15px);
  margin: 60px 0 0 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
body.subscription .bodyContent .teamList .teamLogo, body.channelPortal .bodyContent .teamList .teamLogo {
  width: 200px;
  height: 150px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  margin-right: 15px;
  margin-bottom: 15px;
  position: relative;
}
@media (max-width: 767px) {
  body.subscription .bodyContent .teamList .teamLogo, body.channelPortal .bodyContent .teamList .teamLogo {
    width: calc(50% - 30px);
  }
}
body.subscription .bodyContent .teamList .teamLogo img, body.channelPortal .bodyContent .teamList .teamLogo img {
  max-width: 170px;
  max-height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  body.subscription .bodyContent .teamList .teamLogo img, body.channelPortal .bodyContent .teamList .teamLogo img {
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px);
  }
}
body.subscription .bodyContent .cardsWrapper, body.channelPortal .bodyContent .cardsWrapper {
  display: inline-block;
  margin: 0 auto;
  max-width: 990px;
}
@media (max-width: 767px) {
  body.subscription .bodyContent .cardsWrapper, body.channelPortal .bodyContent .cardsWrapper {
    margin: 0 30px;
    columns: 1;
  }
}
body.subscription .bodyContent .cardsWrapper .cardsContainer, body.channelPortal .bodyContent .cardsWrapper .cardsContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -30px 0 auto;
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  max-width: 238px;
  margin: 0 30px 30px 0;
  padding: 30px 30px 84px 30px;
  text-align: center;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  float: left;
  position: relative;
}
@media (max-width: 767px) {
  body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard:first-child, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard:first-child {
    margin-bottom: 30px;
  }
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard:hover, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard:hover {
  border-color: #FFFFFF;
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard:hover img, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard:hover img {
  transform: scale(1.05);
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard h2, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard h2 {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard img, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard img {
  width: 100%;
  margin: 20px 0;
  border-radius: 10px;
  transition: 0.2s ease-in-out;
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard h1, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard h1 {
  text-align: center;
  margin: 0 0 10px 0;
  font-size: 40px;
  line-height: 40px;
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard p, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard p {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard .boxButton, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard .boxButton {
  margin-top: 20px;
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard .buttonGroup, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard .buttonGroup {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard .buttonGroup .boxButton, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard .buttonGroup .boxButton {
  margin-right: 0;
  flex: 1;
  display: block;
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard .buttonGroup .boxButton:first-child, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard .buttonGroup .boxButton:first-child {
  margin-right: 5px;
}
body.subscription .bodyContent .cardsWrapper .cardsContainer .subscriptionCard .cover, body.channelPortal .bodyContent .cardsWrapper .cardsContainer .subscriptionCard .cover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
}
body.subscription .bodyContent .link, body.channelPortal .bodyContent .link {
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 auto;
  width: 100%;
  display: inline-block;
  margin: 0;
}
body.subscription .bodyContent .link span, body.channelPortal .bodyContent .link span {
  color: #FFFFFF;
  padding-bottom: 5px;
}
body.subscription .bodyContent .link:hover span, body.channelPortal .bodyContent .link:hover span {
  border-bottom: 2px solid #FFFFFF;
}
body.subscription .bodyContent .textBlock, body.channelPortal .bodyContent .textBlock {
  max-width: 590px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 30px;
  text-align: left;
}
body.subscription .bodyContent .textBlock h2, body.channelPortal .bodyContent .textBlock h2 {
  margin-bottom: 10px;
}
body.subscription .bodyContent .textBlock ul, body.channelPortal .bodyContent .textBlock ul {
  margin-left: 20px;
}
body.subscription .bodyContent .listBlock, body.channelPortal .bodyContent .listBlock {
  columns: 4;
  column-gap: 30px;
}
body.subscription .bodyContent .listBlock .listItem, body.channelPortal .bodyContent .listBlock .listItem {
  text-align: center;
}
body.subscription .bodyContent .listBlock .listItem h2, body.channelPortal .bodyContent .listBlock .listItem h2 {
  margin-top: 20px;
}
body.subscription .bodyContent .listBlock .listItem p, body.channelPortal .bodyContent .listBlock .listItem p {
  font-size: 13px;
  line-height: 20px;
  margin-top: 10px;
}
body.subscription .modalWrapper, body.channelPortal .modalWrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.85);
  overflow-y: auto;
}
body.subscription .modalWrapper.active, body.channelPortal .modalWrapper.active {
  display: block;
}
body.subscription .modalWrapper .modal, body.channelPortal .modalWrapper .modal {
  border-radius: 10px;
  background: #FFFFFF;
  text-align: center;
  color: #222222;
  min-width: 500px;
  width: 600px;
  max-width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
body.subscription .modalWrapper .modal.active, body.channelPortal .modalWrapper .modal.active {
  display: block;
}
body.subscription .modalWrapper .modal.working, body.channelPortal .modalWrapper .modal.working {
  background: transparent;
}
@media (max-width: 767px) {
  body.subscription .modalWrapper .modal, body.channelPortal .modalWrapper .modal {
    min-width: auto;
    width: calc(100% - 30px);
  }
}
body.subscription .modalWrapper .modal .modalCloser, body.channelPortal .modalWrapper .modal .modalCloser {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  cursor: pointer;
}
body.subscription .modalWrapper .modal .modalCloser i, body.channelPortal .modalWrapper .modal .modalCloser i {
  color: rgba(0, 0, 0, 0.3);
}
body.subscription .modalWrapper .modal .modalCloser:hover i, body.channelPortal .modalWrapper .modal .modalCloser:hover i {
  color: #222222;
}
body.subscription .modalWrapper .modal .sponsorLogo, body.channelPortal .modalWrapper .modal .sponsorLogo {
  height: 40px;
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
body.subscription .modalWrapper .modal h1, body.channelPortal .modalWrapper .modal h1 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin: 30px 15px 0 15px;
}
@media (max-width: 767px) {
  body.subscription .modalWrapper .modal h1, body.channelPortal .modalWrapper .modal h1 {
    font-size: 24px;
    line-height: 24px;
  }
}
body.subscription .modalWrapper .modal h1.left, body.channelPortal .modalWrapper .modal h1.left {
  text-align: left;
}
body.subscription .modalWrapper .modal h2, body.channelPortal .modalWrapper .modal h2 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  margin: 30px 45px 0 45px;
}
body.subscription .modalWrapper .modal h2.left, body.channelPortal .modalWrapper .modal h2.left {
  text-align: left;
  margin: 30px 15px 0 15px;
}
body.subscription .modalWrapper .modal p, body.channelPortal .modalWrapper .modal p {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 15px 45px 0 45px;
}
body.subscription .modalWrapper .modal p.left, body.channelPortal .modalWrapper .modal p.left {
  text-align: left;
  margin: 15px 15px 0 15px;
}
body.subscription .modalWrapper .modal p a, body.channelPortal .modalWrapper .modal p a {
  color: #222222;
  cursor: pointer;
}
body.subscription .modalWrapper .modal .flexRow, body.channelPortal .modalWrapper .modal .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
body.subscription .modalWrapper .modal .flexRow .flex, body.channelPortal .modalWrapper .modal .flexRow .flex {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
}
body.subscription .modalWrapper .modal .flexRow .boxButton:last-child, body.channelPortal .modalWrapper .modal .flexRow .boxButton:last-child {
  margin-right: 0;
}
body.subscription .modalWrapper .modal textarea, body.channelPortal .modalWrapper .modal textarea {
  width: 100%;
  max-width: 410px;
  min-height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.05);
  padding: 5px;
  display: block;
  margin: 15px auto 0 auto;
}
body.subscription .modalWrapper .modal textarea.copied, body.channelPortal .modalWrapper .modal textarea.copied {
  border-color: #222222;
}
body.subscription .modalWrapper .modal .enableCouponCode, body.channelPortal .modalWrapper .modal .enableCouponCode {
  margin-top: 15px;
  cursor: pointer;
}
body.subscription .modalWrapper .modal .signin, body.channelPortal .modalWrapper .modal .signin {
  margin-bottom: 30px;
  margin-top: -15px;
}
body.subscription .modalWrapper .modal .smallText, body.channelPortal .modalWrapper .modal .smallText {
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  color: rgba(0, 0, 0, 0.5);
  display: block;
}
body.subscription .modalWrapper .modal .smallText .link, body.channelPortal .modalWrapper .modal .smallText .link {
  color: #222222;
  cursor: pointer;
}
body.subscription .modalWrapper .modal .smallText .link:hover, body.subscription .modalWrapper .modal .smallText .link:focus, body.channelPortal .modalWrapper .modal .smallText .link:hover, body.channelPortal .modalWrapper .modal .smallText .link:focus {
  text-decoration: underline;
}
body.subscription .modalWrapper .modal .inputWrapper, body.channelPortal .modalWrapper .modal .inputWrapper {
  width: 100%;
  max-width: 470px;
  margin: 15px auto 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  body.subscription .modalWrapper .modal .inputWrapper, body.channelPortal .modalWrapper .modal .inputWrapper {
    width: calc(100% - 30px);
  }
}
body.subscription .modalWrapper .modal .inputWrapper label, body.channelPortal .modalWrapper .modal .inputWrapper label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
  text-align: left;
}
body.subscription .modalWrapper .modal .inputWrapper input,
body.subscription .modalWrapper .modal .inputWrapper select, body.channelPortal .modalWrapper .modal .inputWrapper input,
body.channelPortal .modalWrapper .modal .inputWrapper select {
  box-sizing: border-box;
  font-size: 13px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.05);
  color: #222222;
  line-height: 34px;
  height: 34px;
  padding: 0 10px;
  transition: 0.2s ease-in-out;
  cursor: pointer;
  width: 100%;
  margin: 0;
}
body.subscription .modalWrapper .modal .inputWrapper input:hover, body.subscription .modalWrapper .modal .inputWrapper input:focus,
body.subscription .modalWrapper .modal .inputWrapper select:hover,
body.subscription .modalWrapper .modal .inputWrapper select:focus, body.channelPortal .modalWrapper .modal .inputWrapper input:hover, body.channelPortal .modalWrapper .modal .inputWrapper input:focus,
body.channelPortal .modalWrapper .modal .inputWrapper select:hover,
body.channelPortal .modalWrapper .modal .inputWrapper select:focus {
  border-color: #222222;
}
body.subscription .modalWrapper .modal .inputWrapper select, body.channelPortal .modalWrapper .modal .inputWrapper select {
  -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;
}
body.subscription .modalWrapper .modal .inputWrapper.couponCode, body.channelPortal .modalWrapper .modal .inputWrapper.couponCode {
  display: none;
}
body.subscription .modalWrapper .modal .inputWrapper.withIcon, body.channelPortal .modalWrapper .modal .inputWrapper.withIcon {
  width: 100%;
  max-width: 470px;
  margin: 15px auto 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  body.subscription .modalWrapper .modal .inputWrapper.withIcon, body.channelPortal .modalWrapper .modal .inputWrapper.withIcon {
    width: calc(100% - 30px);
  }
}
body.subscription .modalWrapper .modal .inputWrapper.withIcon input, body.channelPortal .modalWrapper .modal .inputWrapper.withIcon input {
  box-sizing: border-box;
  font-size: 13px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.05);
  color: #222222;
  line-height: 30px;
  height: 32px;
  padding: 0 10px 0 32px;
  transition: 0.2s ease-in-out;
  cursor: pointer;
  width: 100%;
  margin: 0;
}
body.subscription .modalWrapper .modal .inputWrapper.withIcon input:hover, body.subscription .modalWrapper .modal .inputWrapper.withIcon input:focus, body.channelPortal .modalWrapper .modal .inputWrapper.withIcon input:hover, body.channelPortal .modalWrapper .modal .inputWrapper.withIcon input:focus {
  border-color: #222222;
}
body.subscription .modalWrapper .modal .inputWrapper.withIcon i, body.channelPortal .modalWrapper .modal .inputWrapper.withIcon i {
  position: absolute;
  top: 5px;
  left: 5px;
  color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
body.subscription .modalWrapper .modal .inputWrapper.withIcon:hover i, body.subscription .modalWrapper .modal .inputWrapper.withIcon:focus i, body.channelPortal .modalWrapper .modal .inputWrapper.withIcon:hover i, body.channelPortal .modalWrapper .modal .inputWrapper.withIcon:focus i {
  color: #222222;
}
body.subscription .modalWrapper .modal .inputWrapper.withIcon.couponCode, body.channelPortal .modalWrapper .modal .inputWrapper.withIcon.couponCode {
  display: none;
}
body.subscription .modalWrapper .modal .checkboxWrapper, body.channelPortal .modalWrapper .modal .checkboxWrapper {
  margin: 15px auto 0 auto;
  display: flex;
  width: calc(100% - 42px);
}
body.subscription .modalWrapper .modal .buttons, body.channelPortal .modalWrapper .modal .buttons {
  margin: 15px auto;
  display: inline-flex;
}
body.subscription .modalWrapper .modal .buttons.fullWidth, body.channelPortal .modalWrapper .modal .buttons.fullWidth {
  width: calc(100% - 30px);
  margin: 15px 15px 30px 15px;
}
body.subscription .modalWrapper .modal .buttons.fullWidth .boxButton, body.channelPortal .modalWrapper .modal .buttons.fullWidth .boxButton {
  width: 100%;
  display: block;
}
body.subscription .modalWrapper .modal .buttons .boxButton, body.channelPortal .modalWrapper .modal .buttons .boxButton {
  float: left;
}
body.subscription .modalWrapper .modal .buttons .boxButton:last-child, body.channelPortal .modalWrapper .modal .buttons .boxButton:last-child {
  margin: 0;
}
@media (max-width: 699px) {
  body.subscription .modalWrapper .modal .buttons .boxButton .hideMobile, body.channelPortal .modalWrapper .modal .buttons .boxButton .hideMobile {
    display: none;
  }
}
body.subscription .modalWrapper .modal .downloadsContainer, body.channelPortal .modalWrapper .modal .downloadsContainer {
  margin: 15px;
  max-height: 320px;
  overflow-y: auto;
}
body.subscription .modalWrapper .modal .downloadsContainer .downloadItem, body.channelPortal .modalWrapper .modal .downloadsContainer .downloadItem {
  min-height: 80px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin-bottom: 15px;
  position: relative;
}
body.subscription .modalWrapper .modal .downloadsContainer .downloadItem .itemContent, body.channelPortal .modalWrapper .modal .downloadsContainer .downloadItem .itemContent {
  font-size: 20px;
  line-height: 20px;
  color: #222222;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 20px 15px 15px 60px;
}
body.subscription .modalWrapper .modal .downloadsContainer .downloadItem .itemContent h2, body.subscription .modalWrapper .modal .downloadsContainer .downloadItem .itemContent p, body.channelPortal .modalWrapper .modal .downloadsContainer .downloadItem .itemContent h2, body.channelPortal .modalWrapper .modal .downloadsContainer .downloadItem .itemContent p {
  margin: 0;
}
body.subscription .modalWrapper .modal .downloadsContainer .downloadItem .itemContent p, body.channelPortal .modalWrapper .modal .downloadsContainer .downloadItem .itemContent p {
  margin-top: 5px;
  color: rgba(0, 0, 0, 0.5);
}
body.subscription .modalWrapper .modal .downloadsContainer .downloadItem i, body.channelPortal .modalWrapper .modal .downloadsContainer .downloadItem i {
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 25px;
  left: 15px;
}
body.subscription .modalWrapper .modal .downloadsContainer .downloadItem .cover, body.channelPortal .modalWrapper .modal .downloadsContainer .downloadItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
body.subscription .modalWrapper .modal.subscribeNetworkChannelEpisode h1, body.channelPortal .modalWrapper .modal.subscribeNetworkChannelEpisode h1 {
  margin-bottom: 30px !important;
}
@media (max-width: 699px) {
  body.subscription .modalWrapper .modal.subscribeNetworkChannelEpisode h1, body.channelPortal .modalWrapper .modal.subscribeNetworkChannelEpisode h1 {
    margin-bottom: 15px !important;
  }
}
body.subscription .modalWrapper .modal.subscribeNetworkChannelEpisode .packageWrapper, body.channelPortal .modalWrapper .modal.subscribeNetworkChannelEpisode .packageWrapper {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.05);
  padding: 0 15px 15px 15px;
  margin: 0 15px 15px 15px;
}
body.subscription .modalWrapper .modal.subscribeNetworkChannelEpisode .packageWrapper h2, body.channelPortal .modalWrapper .modal.subscribeNetworkChannelEpisode .packageWrapper h2 {
  margin: 15px 0 0 0;
}
@media (max-width: 699px) {
  body.subscription .modalWrapper .modal.subscribeNetworkChannelEpisode .packageWrapper h2, body.channelPortal .modalWrapper .modal.subscribeNetworkChannelEpisode .packageWrapper h2 {
    display: none;
  }
}
body.subscription .modalWrapper .modal.subscribeNetworkChannelEpisode .packageWrapper p, body.channelPortal .modalWrapper .modal.subscribeNetworkChannelEpisode .packageWrapper p {
  margin: 10px 0 0 0;
}
body.subscription .modalWrapper .modal.subscribeNetworkChannelEpisode .buttons, body.channelPortal .modalWrapper .modal.subscribeNetworkChannelEpisode .buttons {
  display: block !important;
  margin-bottom: 0 !important;
}
body.subscription .modalWrapper .modal.subscribeNetworkChannelEpisode .buttons .boxButton, body.channelPortal .modalWrapper .modal.subscribeNetworkChannelEpisode .buttons .boxButton {
  float: none !important;
}
@media (max-width: 699px) {
  body.subscription .modalWrapper .modal.subscribeNetworkChannelEpisode .buttons .boxButton .hideMobile, body.channelPortal .modalWrapper .modal.subscribeNetworkChannelEpisode .buttons .boxButton .hideMobile {
    display: none;
  }
}
body.subscription .modalWrapper .modal.subscribe .totals, body.channelPortal .modalWrapper .modal.subscribe .totals {
  margin: 10px 15px 0 15px;
}
body.subscription .modalWrapper .modal.subscribe .totals p, body.channelPortal .modalWrapper .modal.subscribe .totals p {
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
  width: 100%;
}
body.subscription .modalWrapper .modal.referral, body.channelPortal .modalWrapper .modal.referral {
  padding-bottom: 20px;
}
body.subscription .modalWrapper .modal.referral .modalImage, body.channelPortal .modalWrapper .modal.referral .modalImage {
  margin-top: 30px;
  height: 120px;
}
body.subscription .modalWrapper .modal.referral h2, body.channelPortal .modalWrapper .modal.referral h2 {
  margin-top: 10px;
}
body.subscription .modalWrapper .modal.referral .inputWrapper, body.channelPortal .modalWrapper .modal.referral .inputWrapper {
  margin-top: 20px;
}
body.subscription .modalWrapper .modal.referral .buttons, body.channelPortal .modalWrapper .modal.referral .buttons {
  margin-bottom: 15px;
}
body.subscription .modalWrapper .modal.referral .link, body.channelPortal .modalWrapper .modal.referral .link {
  font-size: 11px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
body.subscription .modalWrapper .modal.referral .link:hover, body.channelPortal .modalWrapper .modal.referral .link:hover {
  color: #000000;
}
body.subscription .scSDP .sending .spinner, body.channelPortal .scSDP .sending .spinner {
  display: block;
}
body.subscription .scSDP .sending .inputWrapper, body.subscription .scSDP .sending .checkboxWrapper, body.subscription .scSDP .sending p, body.channelPortal .scSDP .sending .inputWrapper, body.channelPortal .scSDP .sending .checkboxWrapper, body.channelPortal .scSDP .sending p {
  display: none;
}
body.subscription .scSDP .inputError, body.channelPortal .scSDP .inputError {
  display: none;
}
body.subscription .scSDP .labelWrapper.error .inputError, body.channelPortal .scSDP .labelWrapper.error .inputError {
  display: block;
}
body.subscription .footer, body.channelPortal .footer {
  padding-top: 40px;
  margin-top: 50px;
  text-align: center;
}
body.subscription .footer img, body.channelPortal .footer img {
  padding: 0;
  height: 40px;
}
body.subscription .footer p, body.channelPortal .footer p {
  font-size: 13px;
  line-height: 20px;
  padding: 30px;
  margin: 0 auto;
}
body.subscription .footer p a, body.channelPortal .footer p a {
  font-weight: 700;
}

body.LoveStories_DISABLED .enableCouponCode, body.LoveStories_DISABLED .inputWrapper.couponCode {
  margin: 0px !important;
  height: 0px !important;
  overflow: hidden !important;
}

.addToCalendar {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}

/* The button */
/* The drop down */
.addeventatc {
  display: inline-block;
  position: relative;
}
.addeventatc:hover {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
}
.addeventatc .start {
  display: none !important;
}
.addeventatc .end {
  display: none !important;
}
.addeventatc .timezone {
  display: none !important;
}
.addeventatc .title {
  display: none !important;
}
.addeventatc .description {
  display: none !important;
}
.addeventatc .location {
  display: none !important;
}
.addeventatc .organizer {
  display: none !important;
}
.addeventatc .organizer_email {
  display: none !important;
}
.addeventatc .facebook_event {
  display: none !important;
}
.addeventatc .all_day_event {
  display: none !important;
}
.addeventatc .date_format {
  display: none !important;
}
.addeventatc .alarm_reminder {
  display: none !important;
}
.addeventatc .recurring {
  display: none !important;
}
.addeventatc .attendees {
  display: none !important;
}
.addeventatc .calname {
  display: none !important;
}
.addeventatc .uid {
  display: none !important;
}
.addeventatc .status {
  display: none !important;
}
.addeventatc .method {
  display: none !important;
}
.addeventatc .client {
  display: none !important;
}
.addeventatc .transp {
  display: none !important;
}

.addeventatc_dropdown {
  width: 80%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  display: block !important;
  left: auto !important;
  top: auto !important;
  color: #fff !important;
  font-weight: 400;
  text-decoration: none;
  font-size: 15px;
  -webkit-font-smoothing: antialiased !important;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.addeventatc_dropdown span {
  display: inline-block;
  position: relative;
  line-height: 110%;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  cursor: pointer;
  padding: 7px 14px 8px 12px;
  border: 1px solid #e1e1e1;
  margin: 0px 5px 0px 0px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  outline-color: rgba(0, 78, 255, 0.5);
  margin-top: 5px;
}
.addeventatc_dropdown span:hover {
  background: #f4f4f4;
  color: #000;
  text-decoration: none;
  font-size: 14px;
}
.addeventatc_dropdown span:active {
  top: 0px;
}
.addeventatc_dropdown em {
  font-weight: 400;
  color: #888;
  font-size: 12px;
  display: none;
}
.addeventatc_dropdown .ateoutlook {
  border-top: 3px solid #fa9d00;
}
.addeventatc_dropdown .ategoogle {
  border-top: 3px solid #d53900;
}
.addeventatc_dropdown .ateoffice365 {
  border-top: 3px solid #e53a00;
}
.addeventatc_dropdown .ateoutlookcom {
  border-top: 3px solid #1473c5;
}
.addeventatc_dropdown .ateyahoo {
  border-top: 3px solid #65106e;
}
.addeventatc_dropdown .ateappleical {
  border-top: 3px solid #ab373a;
}
.addeventatc_dropdown .atefacebook {
  border-top: 3px solid #43609c;
}
.addeventatc_dropdown .copyx {
  display: none;
}
.addeventatc_dropdown .brx {
  display: none;
}

.modal.openCalendarModal {
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.modal.openCalendarModal p {
  padding-bottom: 15px;
}

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