@font-face {
  font-family: "SJ Sans";
  src:
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-light.woff2) format("woff2"),
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-light.woff) format("woff"),
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-bold.ttf) format("ttf");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "SJ Sans";
  src:
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-regular.woff2) format("woff2"),
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-regular.woff) format("woff"),
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-bold.ttf) format("ttf");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "SJ Sans";
  src:
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-medium.woff2) format("woff2"),
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-medium.woff) format("woff"),
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-medium.ttf) format("ttf");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "SJ Sans";
  src:
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-book.woff2) format("woff2"),
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-book.woff) format("woff"),
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-medium.woff) format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "SJ Sans";
  src:
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-bold.woff2) format("woff2"),
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-bold.woff) format("woff"),
    url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-bold.ttf) format("ttf");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
.total-overlay {
  height: 105px;
  width: 300px;
  background-image: url(/assets/triangle_bg-BYTupjE2.png);
  background-color: #4e535a;
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
  font-family:
    SJ Sans,
    Open Sans,
    Helvetica Neue,
    Helvetica,
    Arial,
    "sans-serif";
}
.total-overlay.gt {
  background-image: url(/assets/gt_total_bg-BPC6RaoH.png);
  background-repeat: no-repeat;
  background-color: #000;
}
.total-overlay .top-container {
  height: 105px;
  position: relative;
}
.total-overlay .top-container .logo-custom img {
  height: 50px;
  width: 50px;
}
.total-overlay .top-container .logo {
  height: 60px;
}
.total-overlay .top-container .logo .child-icon {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 10px;
}
.total-overlay .top-container .logo .playlive_logo {
  background: url(/assets/playlive_logo-VG39f_nb.png) no-repeat 50% 20%;
  background-size: 100%;
  display: inline-block;
  height: 7rem;
  width: 7rem;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
}
.total-overlay .top-container .logo .playlive_logo span {
  display: none;
}
.total-overlay .top-container .logo .custom-logo-img {
  position: absolute;
  height: 52px;
  width: 52px;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 8px;
}
.total-overlay .top-container .carousel-root {
  height: 45px;
}
.total-overlay .top-container .carousel-root .carousel {
  margin: 0;
  overflow: hidden;
  position: relative;
}
.total-overlay .top-container .carousel-root .carousel button {
  display: none;
}
.total-overlay .top-container .event-name {
  font-weight: 500;
  height: 45px;
  color: #fff;
  font-size: 1.4em;
  text-shadow: 1px 1px 3px #333;
  line-height: 1.7em;
  text-align: center;
}
.total-overlay .top-container .event-name.long {
  font-size: 1em;
  line-height: 1.3em;
}
.total-overlay .top-container .therm-raised {
  font-weight: 500;
  height: 45px;
  color: #fff;
  font-size: 1.7em;
  text-shadow: 1px 1px 3px #333;
  line-height: 1.5em;
  text-align: center;
}
.total-overlay .top-container .slide {
  background: transparent;
}
.total-overlay .bottom-container {
  height: 25px;
  position: relative;
  background-color: rgba(83, 89, 99, 0.7);
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
  overflow: hidden;
}
.total-overlay .bottom-container .therm-container {
  overflow: hidden;
}
.total-overlay .bottom-container .therm-container .therm-inner {
  background-color: #c10f3a;
  height: 25px;
  position: relative;
}