@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes marquee {
  0% {
    transform: translate(0%, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
@keyframes neon {
  from {
    filter: hue-rotate(0deg);
  }
  to {
    filter: hue-rotate(360deg);
  }
}
@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;
}
.dashboard-list-overlay {
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  background-color: #333;
  font-family:
    SJ Sans,
    Open Sans,
    Helvetica Neue,
    Helvetica,
    Arial,
    "sans-serif";
}
.dashboard-list-overlay.full {
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
}
.dashboard-list-overlay .dashboard-list {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dashboard-list-overlay .dashboard-list .container,
.dashboard-list-overlay .dashboard-list .donors,
.dashboard-list-overlay .dashboard-list .therm {
  background-color: #1a1a1a;
  border: 1px solid #333;
  border-radius: 20px;
  box-shadow: 5px 5px 15px #1a1a1a;
  padding: 0.5rem 1rem;
}
.dashboard-list-overlay .dashboard-list .streamer_wrapper {
  padding: 0.5rem 1rem;
}
.dashboard-list-overlay .dashboard-list .streamer_wrapper .streamer,
.dashboard-list-overlay .dashboard-list .streamer_wrapper .streamer_raised {
  color: #fff;
  display: block;
  font-weight: 800;
}
.dashboard-list-overlay .dashboard-list .streamer_wrapper .streamer {
  font-size: 1rem;
  min-height: 8px;
}
.dashboard-list-overlay .dashboard-list .streamer_wrapper .streamer_raised {
  font-size: 1.8rem;
}
.dashboard-list-overlay .dashboard-list .therm_goal,
.dashboard-list-overlay .dashboard-list .therm_raised {
  color: #fff;
  font-size: 1.7rem;
}
.dashboard-list-overlay .dashboard-list .therm_raised {
  text-align: left;
}
.dashboard-list-overlay .dashboard-list .therm_goal {
  text-align: right;
}
.dashboard-list-overlay .dashboard-list .therm_therm {
  position: relative;
}
.dashboard-list-overlay .dashboard-list .therm_therm__wrapper {
  background-color: #ddd;
  border-radius: 30px;
  height: 10px;
  position: absolute;
  top: 40%;
  width: 100%;
}
.dashboard-list-overlay .dashboard-list .therm_therm__inner {
  background: #c10f3a;
  border-radius: 30px;
  height: 10px;
  transition: 0.5s ease-in-out;
}
.dashboard-list-overlay .dashboard-list .inner-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  overflow: hidden;
}
.dashboard-list-overlay .dashboard-list .inner-row.gutters > [class*=col-] {
  margin: 0.5rem 0;
}
.dashboard-list-overlay .dashboard-list .content p {
  color: #fff;
  padding: 1rem;
  line-height: 1;
  text-align: center;
}
.dashboard-list-overlay .dashboard-list .donors {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dashboard-list-overlay .dashboard-list .donors p.header {
  line-height: 2.25rem;
}
.dashboard-list-overlay .dashboard-list .donors p {
  line-height: 1.5;
  padding: 0.5rem 0 0 0;
  text-align: left;
}
.dashboard-list-overlay .dashboard-list .donors ul {
  overflow-y: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  scrollbar-width: none;
}
.dashboard-list-overlay .dashboard-list .donors ul li {
  margin: 1rem 0;
  color: #fff;
  font-size: 1.5rem;
  list-style: none;
  position: relative;
}
.dashboard-list-overlay .dashboard-list .donors ul li .relative-time {
  position: absolute;
  right: 12px;
  top: 18px;
  font-size: 18px;
  color: #fff;
}
.dashboard-list-overlay .dashboard-list .donors ul li.tier5 {
  background-color: #c10f3a;
  border-radius: 0.2rem;
  padding: 10px 15px;
}
.dashboard-list-overlay .dashboard-list .donors ul li:first-child {
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .dashboard-list-overlay .dashboard-list .donors ul li {
    font-size: 1.5rem;
  }
}
.dashboard-list-overlay .dashboard-list [class*=col-] {
  width: 100%;
}
@media (min-width: 900px) {
  .dashboard-list-overlay .dashboard-list .inner-row.gutters > .col-12,
  .dashboard-list-overlay .dashboard-list .inner-row.gutters > .col-3,
  .dashboard-list-overlay .dashboard-list .inner-row.gutters > .col-9,
  .dashboard-list-overlay .dashboard-list .inner-row.gutters > .col-6 {
    margin: 1rem;
    width: calc(100% - 2rem);
  }
  .dashboard-list-overlay .dashboard-list .inner-row.gutters > .col-3 {
    width: calc(25% - 2rem);
  }
  .dashboard-list-overlay .dashboard-list .inner-row.gutters > .col-9 {
    width: calc(75% - 2rem);
  }
  .dashboard-list-overlay .dashboard-list .inner-row.gutters > .col-6 {
    width: calc(50% - 2rem);
  }
  .dashboard-list-overlay .dashboard-list p.header {
    font-size: 1.776889rem !important;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes marquee {
  0% {
    transform: translate(0%, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
@keyframes neon {
  from {
    filter: hue-rotate(0deg);
  }
  to {
    filter: hue-rotate(360deg);
  }
}
@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;
}
.dashboard-wrapper {
  background-color: #333;
  position: relative;
}
.dashboard-overlay {
  font-family:
    SJ Sans,
    Open Sans,
    Helvetica Neue,
    Helvetica,
    Arial,
    "sans-serif";
  width: 100%;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.dashboard-overlay .dark {
  background-color: rgba(51, 51, 51, 0.23);
}
.dashboard-overlay .col-6 {
  display: flex;
  flex-direction: column;
}
.dashboard-overlay .inner-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.dashboard-overlay .inner-row.gutters > [class*=col-] {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.dashboard-overlay .content p {
  padding: 0.75rem;
  margin: 0;
  line-height: 1;
  color: #fff;
  text-align: center;
}
.dashboard-overlay .content p.header {
  font-size: 1.776889rem;
  line-height: 2.25rem;
}
.dashboard-overlay .content p.percentage {
  font-weight: 700;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  font-size: 3rem;
  border-top: 1px solid rgba(51, 51, 51, 0.23);
}
.dashboard-overlay .therm {
  background-color: #1a1a1a;
  border: 1px solid #333;
  border-radius: 20px;
  padding: 0.5rem 1rem;
}
.dashboard-overlay .therm_therm {
  position: relative;
}
.dashboard-overlay .therm_therm__wrapper {
  width: 100%;
  height: 10px;
  background-color: #ddd;
  position: absolute;
  top: 40%;
  border-radius: 30px;
}
.dashboard-overlay .therm_therm__inner {
  background: #c10f3a;
  height: 10px;
  border-radius: 30px;
  transition: ease-in-out 0.5s;
}
.dashboard-overlay .therm_percent {
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
  color: #fff;
  top: 13px;
  border-radius: 0.35rem;
}
.dashboard-overlay .raised {
  margin-top: 0 !important;
  background-color: #1a1a1a;
  border: 1px solid #333;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  position: relative;
  width: 100%;
}
.dashboard-overlay .raised:first-child {
  margin-left: 0 !important;
}
.dashboard-overlay .raised.show {
  width: 100% !important;
  margin-right: 0 !important;
}
.dashboard-overlay .raised.show h1 {
  font-size: 5.61023rem;
  line-height: 5.5rem;
  font-weight: 800;
  padding-bottom: 1.125rem;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid #333;
}
.dashboard-overlay .raised.show .remaining {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  font-size: 3rem !important;
}
.dashboard-overlay .raised:nth-child(1) {
  margin-left: 0;
}
.dashboard-overlay .raised:nth-child(2) {
  margin-right: 0 !important;
}
.dashboard-overlay .raised p.total {
  font-weight: 700;
  font-size: 4rem;
  padding-bottom: 1.125rem;
}
.dashboard-overlay .raised .rect-auto,
.dashboard-overlay .raised .circle.p100 .slice,
.dashboard-overlay .raised .circle.p99 .slice,
.dashboard-overlay .raised .circle.p98 .slice,
.dashboard-overlay .raised .circle.p97 .slice,
.dashboard-overlay .raised .circle.p96 .slice,
.dashboard-overlay .raised .circle.p95 .slice,
.dashboard-overlay .raised .circle.p94 .slice,
.dashboard-overlay .raised .circle.p93 .slice,
.dashboard-overlay .raised .circle.p92 .slice,
.dashboard-overlay .raised .circle.p91 .slice,
.dashboard-overlay .raised .circle.p90 .slice,
.dashboard-overlay .raised .circle.p89 .slice,
.dashboard-overlay .raised .circle.p88 .slice,
.dashboard-overlay .raised .circle.p87 .slice,
.dashboard-overlay .raised .circle.p86 .slice,
.dashboard-overlay .raised .circle.p85 .slice,
.dashboard-overlay .raised .circle.p84 .slice,
.dashboard-overlay .raised .circle.p83 .slice,
.dashboard-overlay .raised .circle.p82 .slice,
.dashboard-overlay .raised .circle.p81 .slice,
.dashboard-overlay .raised .circle.p80 .slice,
.dashboard-overlay .raised .circle.p79 .slice,
.dashboard-overlay .raised .circle.p78 .slice,
.dashboard-overlay .raised .circle.p77 .slice,
.dashboard-overlay .raised .circle.p76 .slice,
.dashboard-overlay .raised .circle.p75 .slice,
.dashboard-overlay .raised .circle.p74 .slice,
.dashboard-overlay .raised .circle.p73 .slice,
.dashboard-overlay .raised .circle.p72 .slice,
.dashboard-overlay .raised .circle.p71 .slice,
.dashboard-overlay .raised .circle.p70 .slice,
.dashboard-overlay .raised .circle.p69 .slice,
.dashboard-overlay .raised .circle.p68 .slice,
.dashboard-overlay .raised .circle.p67 .slice,
.dashboard-overlay .raised .circle.p66 .slice,
.dashboard-overlay .raised .circle.p65 .slice,
.dashboard-overlay .raised .circle.p64 .slice,
.dashboard-overlay .raised .circle.p63 .slice,
.dashboard-overlay .raised .circle.p62 .slice,
.dashboard-overlay .raised .circle.p61 .slice,
.dashboard-overlay .raised .circle.p60 .slice,
.dashboard-overlay .raised .circle.p59 .slice,
.dashboard-overlay .raised .circle.p58 .slice,
.dashboard-overlay .raised .circle.p57 .slice,
.dashboard-overlay .raised .circle.p56 .slice,
.dashboard-overlay .raised .circle.p55 .slice,
.dashboard-overlay .raised .circle.p54 .slice,
.dashboard-overlay .raised .circle.p53 .slice,
.dashboard-overlay .raised .circle.p52 .slice,
.dashboard-overlay .raised .circle.p51 .slice {
  clip: rect(auto, auto, auto, auto);
}
.dashboard-overlay .raised .pie,
.dashboard-overlay .raised .circle.p100 .fill,
.dashboard-overlay .raised .circle.p99 .fill,
.dashboard-overlay .raised .circle.p98 .fill,
.dashboard-overlay .raised .circle.p97 .fill,
.dashboard-overlay .raised .circle.p96 .fill,
.dashboard-overlay .raised .circle.p95 .fill,
.dashboard-overlay .raised .circle.p94 .fill,
.dashboard-overlay .raised .circle.p93 .fill,
.dashboard-overlay .raised .circle.p92 .fill,
.dashboard-overlay .raised .circle.p91 .fill,
.dashboard-overlay .raised .circle.p90 .fill,
.dashboard-overlay .raised .circle.p89 .fill,
.dashboard-overlay .raised .circle.p88 .fill,
.dashboard-overlay .raised .circle.p87 .fill,
.dashboard-overlay .raised .circle.p86 .fill,
.dashboard-overlay .raised .circle.p85 .fill,
.dashboard-overlay .raised .circle.p84 .fill,
.dashboard-overlay .raised .circle.p83 .fill,
.dashboard-overlay .raised .circle.p82 .fill,
.dashboard-overlay .raised .circle.p81 .fill,
.dashboard-overlay .raised .circle.p80 .fill,
.dashboard-overlay .raised .circle.p79 .fill,
.dashboard-overlay .raised .circle.p78 .fill,
.dashboard-overlay .raised .circle.p77 .fill,
.dashboard-overlay .raised .circle.p76 .fill,
.dashboard-overlay .raised .circle.p75 .fill,
.dashboard-overlay .raised .circle.p74 .fill,
.dashboard-overlay .raised .circle.p73 .fill,
.dashboard-overlay .raised .circle.p72 .fill,
.dashboard-overlay .raised .circle.p71 .fill,
.dashboard-overlay .raised .circle.p70 .fill,
.dashboard-overlay .raised .circle.p69 .fill,
.dashboard-overlay .raised .circle.p68 .fill,
.dashboard-overlay .raised .circle.p67 .fill,
.dashboard-overlay .raised .circle.p66 .fill,
.dashboard-overlay .raised .circle.p65 .fill,
.dashboard-overlay .raised .circle.p64 .fill,
.dashboard-overlay .raised .circle.p63 .fill,
.dashboard-overlay .raised .circle.p62 .fill,
.dashboard-overlay .raised .circle.p61 .fill,
.dashboard-overlay .raised .circle.p60 .fill,
.dashboard-overlay .raised .circle.p59 .fill,
.dashboard-overlay .raised .circle.p58 .fill,
.dashboard-overlay .raised .circle.p57 .fill,
.dashboard-overlay .raised .circle.p56 .fill,
.dashboard-overlay .raised .circle.p55 .fill,
.dashboard-overlay .raised .circle.p54 .fill,
.dashboard-overlay .raised .circle.p53 .fill,
.dashboard-overlay .raised .circle.p52 .fill,
.dashboard-overlay .raised .circle.p51 .fill,
.dashboard-overlay .raised .circle .bar {
  position: absolute;
  border: 0.15em solid #000;
  width: 0.7em;
  height: 0.7em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
}
.dashboard-overlay .raised .pie-fill,
.dashboard-overlay .raised .circle.p100 .fill,
.dashboard-overlay .raised .circle.p100 .bar:after,
.dashboard-overlay .raised .circle.p99 .fill,
.dashboard-overlay .raised .circle.p99 .bar:after,
.dashboard-overlay .raised .circle.p98 .fill,
.dashboard-overlay .raised .circle.p98 .bar:after,
.dashboard-overlay .raised .circle.p97 .fill,
.dashboard-overlay .raised .circle.p97 .bar:after,
.dashboard-overlay .raised .circle.p96 .fill,
.dashboard-overlay .raised .circle.p96 .bar:after,
.dashboard-overlay .raised .circle.p95 .fill,
.dashboard-overlay .raised .circle.p95 .bar:after,
.dashboard-overlay .raised .circle.p94 .fill,
.dashboard-overlay .raised .circle.p94 .bar:after,
.dashboard-overlay .raised .circle.p93 .fill,
.dashboard-overlay .raised .circle.p93 .bar:after,
.dashboard-overlay .raised .circle.p92 .fill,
.dashboard-overlay .raised .circle.p92 .bar:after,
.dashboard-overlay .raised .circle.p91 .fill,
.dashboard-overlay .raised .circle.p91 .bar:after,
.dashboard-overlay .raised .circle.p90 .fill,
.dashboard-overlay .raised .circle.p90 .bar:after,
.dashboard-overlay .raised .circle.p89 .fill,
.dashboard-overlay .raised .circle.p89 .bar:after,
.dashboard-overlay .raised .circle.p88 .fill,
.dashboard-overlay .raised .circle.p88 .bar:after,
.dashboard-overlay .raised .circle.p87 .fill,
.dashboard-overlay .raised .circle.p87 .bar:after,
.dashboard-overlay .raised .circle.p86 .fill,
.dashboard-overlay .raised .circle.p86 .bar:after,
.dashboard-overlay .raised .circle.p85 .fill,
.dashboard-overlay .raised .circle.p85 .bar:after,
.dashboard-overlay .raised .circle.p84 .fill,
.dashboard-overlay .raised .circle.p84 .bar:after,
.dashboard-overlay .raised .circle.p83 .fill,
.dashboard-overlay .raised .circle.p83 .bar:after,
.dashboard-overlay .raised .circle.p82 .fill,
.dashboard-overlay .raised .circle.p82 .bar:after,
.dashboard-overlay .raised .circle.p81 .fill,
.dashboard-overlay .raised .circle.p81 .bar:after,
.dashboard-overlay .raised .circle.p80 .fill,
.dashboard-overlay .raised .circle.p80 .bar:after,
.dashboard-overlay .raised .circle.p79 .fill,
.dashboard-overlay .raised .circle.p79 .bar:after,
.dashboard-overlay .raised .circle.p78 .fill,
.dashboard-overlay .raised .circle.p78 .bar:after,
.dashboard-overlay .raised .circle.p77 .fill,
.dashboard-overlay .raised .circle.p77 .bar:after,
.dashboard-overlay .raised .circle.p76 .fill,
.dashboard-overlay .raised .circle.p76 .bar:after,
.dashboard-overlay .raised .circle.p75 .fill,
.dashboard-overlay .raised .circle.p75 .bar:after,
.dashboard-overlay .raised .circle.p74 .fill,
.dashboard-overlay .raised .circle.p74 .bar:after,
.dashboard-overlay .raised .circle.p73 .fill,
.dashboard-overlay .raised .circle.p73 .bar:after,
.dashboard-overlay .raised .circle.p72 .fill,
.dashboard-overlay .raised .circle.p72 .bar:after,
.dashboard-overlay .raised .circle.p71 .fill,
.dashboard-overlay .raised .circle.p71 .bar:after,
.dashboard-overlay .raised .circle.p70 .fill,
.dashboard-overlay .raised .circle.p70 .bar:after,
.dashboard-overlay .raised .circle.p69 .fill,
.dashboard-overlay .raised .circle.p69 .bar:after,
.dashboard-overlay .raised .circle.p68 .fill,
.dashboard-overlay .raised .circle.p68 .bar:after,
.dashboard-overlay .raised .circle.p67 .fill,
.dashboard-overlay .raised .circle.p67 .bar:after,
.dashboard-overlay .raised .circle.p66 .fill,
.dashboard-overlay .raised .circle.p66 .bar:after,
.dashboard-overlay .raised .circle.p65 .fill,
.dashboard-overlay .raised .circle.p65 .bar:after,
.dashboard-overlay .raised .circle.p64 .fill,
.dashboard-overlay .raised .circle.p64 .bar:after,
.dashboard-overlay .raised .circle.p63 .fill,
.dashboard-overlay .raised .circle.p63 .bar:after,
.dashboard-overlay .raised .circle.p62 .fill,
.dashboard-overlay .raised .circle.p62 .bar:after,
.dashboard-overlay .raised .circle.p61 .fill,
.dashboard-overlay .raised .circle.p61 .bar:after,
.dashboard-overlay .raised .circle.p60 .fill,
.dashboard-overlay .raised .circle.p60 .bar:after,
.dashboard-overlay .raised .circle.p59 .fill,
.dashboard-overlay .raised .circle.p59 .bar:after,
.dashboard-overlay .raised .circle.p58 .fill,
.dashboard-overlay .raised .circle.p58 .bar:after,
.dashboard-overlay .raised .circle.p57 .fill,
.dashboard-overlay .raised .circle.p57 .bar:after,
.dashboard-overlay .raised .circle.p56 .fill,
.dashboard-overlay .raised .circle.p56 .bar:after,
.dashboard-overlay .raised .circle.p55 .fill,
.dashboard-overlay .raised .circle.p55 .bar:after,
.dashboard-overlay .raised .circle.p54 .fill,
.dashboard-overlay .raised .circle.p54 .bar:after,
.dashboard-overlay .raised .circle.p53 .fill,
.dashboard-overlay .raised .circle.p53 .bar:after,
.dashboard-overlay .raised .circle.p52 .fill,
.dashboard-overlay .raised .circle.p52 .bar:after,
.dashboard-overlay .raised .circle.p51 .fill,
.dashboard-overlay .raised .circle.p51 .bar:after {
  transform: rotate(180deg);
}
.dashboard-overlay .raised .circle {
  width: 1em;
  height: 1em;
  font-size: 160px;
  border-radius: 50%;
  background-color: #ccc;
  position: relative;
  margin: 0 auto;
}
.dashboard-overlay .raised .circle *,
.dashboard-overlay .raised .circle *:before,
.dashboard-overlay .raised .circle *:after {
  box-sizing: content-box;
}
.dashboard-overlay .raised .circle span {
  font-weight: 800;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #fff;
  display: block;
  text-align: center;
  white-space: nowrap;
}
.dashboard-overlay .raised .circle span:nth-child(2) {
  font-weight: 400;
  position: absolute;
  font-size: 0.1em;
  top: 60px;
  left: 37px;
}
.dashboard-overlay .raised .circle:after {
  position: absolute;
  top: 0.15em;
  left: 0.15em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: rgba(25.5, 25.5, 25.5, 0.23);
  width: 0.7em;
  height: 0.7em;
}
.dashboard-overlay .raised .circle .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.dashboard-overlay .raised .circle .bar {
  border-color: #c10f3a;
  transition: ease-in-out 0.5s;
}
.dashboard-overlay .raised .circle .fill {
  border-color: #c10f3a !important;
}
.dashboard-overlay .raised .circle.p1 .bar {
  transform: rotate(3.6deg);
}
.dashboard-overlay .raised .circle.p2 .bar {
  transform: rotate(7.2deg);
}
.dashboard-overlay .raised .circle.p3 .bar {
  transform: rotate(10.8deg);
}
.dashboard-overlay .raised .circle.p4 .bar {
  transform: rotate(14.4deg);
}
.dashboard-overlay .raised .circle.p5 .bar {
  transform: rotate(18deg);
}
.dashboard-overlay .raised .circle.p6 .bar {
  transform: rotate(21.6deg);
}
.dashboard-overlay .raised .circle.p7 .bar {
  transform: rotate(25.2deg);
}
.dashboard-overlay .raised .circle.p8 .bar {
  transform: rotate(28.8deg);
}
.dashboard-overlay .raised .circle.p9 .bar {
  transform: rotate(32.4deg);
}
.dashboard-overlay .raised .circle.p10 .bar {
  transform: rotate(36deg);
}
.dashboard-overlay .raised .circle.p11 .bar {
  transform: rotate(39.6deg);
}
.dashboard-overlay .raised .circle.p12 .bar {
  transform: rotate(43.2deg);
}
.dashboard-overlay .raised .circle.p13 .bar {
  transform: rotate(46.8deg);
}
.dashboard-overlay .raised .circle.p14 .bar {
  transform: rotate(50.4deg);
}
.dashboard-overlay .raised .circle.p15 .bar {
  transform: rotate(54deg);
}
.dashboard-overlay .raised .circle.p16 .bar {
  transform: rotate(57.6deg);
}
.dashboard-overlay .raised .circle.p17 .bar {
  transform: rotate(61.2deg);
}
.dashboard-overlay .raised .circle.p18 .bar {
  transform: rotate(64.8deg);
}
.dashboard-overlay .raised .circle.p19 .bar {
  transform: rotate(68.4deg);
}
.dashboard-overlay .raised .circle.p20 .bar {
  transform: rotate(72deg);
}
.dashboard-overlay .raised .circle.p21 .bar {
  transform: rotate(75.6deg);
}
.dashboard-overlay .raised .circle.p22 .bar {
  transform: rotate(79.2deg);
}
.dashboard-overlay .raised .circle.p23 .bar {
  transform: rotate(82.8deg);
}
.dashboard-overlay .raised .circle.p24 .bar {
  transform: rotate(86.4deg);
}
.dashboard-overlay .raised .circle.p25 .bar {
  transform: rotate(90deg);
}
.dashboard-overlay .raised .circle.p26 .bar {
  transform: rotate(93.6deg);
}
.dashboard-overlay .raised .circle.p27 .bar {
  transform: rotate(97.2deg);
}
.dashboard-overlay .raised .circle.p28 .bar {
  transform: rotate(100.8deg);
}
.dashboard-overlay .raised .circle.p29 .bar {
  transform: rotate(104.4deg);
}
.dashboard-overlay .raised .circle.p30 .bar {
  transform: rotate(108deg);
}
.dashboard-overlay .raised .circle.p31 .bar {
  transform: rotate(111.6deg);
}
.dashboard-overlay .raised .circle.p32 .bar {
  transform: rotate(115.2deg);
}
.dashboard-overlay .raised .circle.p33 .bar {
  transform: rotate(118.8deg);
}
.dashboard-overlay .raised .circle.p34 .bar {
  transform: rotate(122.4deg);
}
.dashboard-overlay .raised .circle.p35 .bar {
  transform: rotate(126deg);
}
.dashboard-overlay .raised .circle.p36 .bar {
  transform: rotate(129.6deg);
}
.dashboard-overlay .raised .circle.p37 .bar {
  transform: rotate(133.2deg);
}
.dashboard-overlay .raised .circle.p38 .bar {
  transform: rotate(136.8deg);
}
.dashboard-overlay .raised .circle.p39 .bar {
  transform: rotate(140.4deg);
}
.dashboard-overlay .raised .circle.p40 .bar {
  transform: rotate(144deg);
}
.dashboard-overlay .raised .circle.p41 .bar {
  transform: rotate(147.6deg);
}
.dashboard-overlay .raised .circle.p42 .bar {
  transform: rotate(151.2deg);
}
.dashboard-overlay .raised .circle.p43 .bar {
  transform: rotate(154.8deg);
}
.dashboard-overlay .raised .circle.p44 .bar {
  transform: rotate(158.4deg);
}
.dashboard-overlay .raised .circle.p45 .bar {
  transform: rotate(162deg);
}
.dashboard-overlay .raised .circle.p46 .bar {
  transform: rotate(165.6deg);
}
.dashboard-overlay .raised .circle.p47 .bar {
  transform: rotate(169.2deg);
}
.dashboard-overlay .raised .circle.p48 .bar {
  transform: rotate(172.8deg);
}
.dashboard-overlay .raised .circle.p49 .bar {
  transform: rotate(176.4deg);
}
.dashboard-overlay .raised .circle.p50 .bar {
  transform: rotate(180deg);
}
.dashboard-overlay .raised .circle.p51 .bar {
  transform: rotate(183.6deg);
}
.dashboard-overlay .raised .circle.p52 .bar {
  transform: rotate(187.2deg);
}
.dashboard-overlay .raised .circle.p53 .bar {
  transform: rotate(190.8deg);
}
.dashboard-overlay .raised .circle.p54 .bar {
  transform: rotate(194.4deg);
}
.dashboard-overlay .raised .circle.p55 .bar {
  transform: rotate(198deg);
}
.dashboard-overlay .raised .circle.p56 .bar {
  transform: rotate(201.6deg);
}
.dashboard-overlay .raised .circle.p57 .bar {
  transform: rotate(205.2deg);
}
.dashboard-overlay .raised .circle.p58 .bar {
  transform: rotate(208.8deg);
}
.dashboard-overlay .raised .circle.p59 .bar {
  transform: rotate(212.4deg);
}
.dashboard-overlay .raised .circle.p60 .bar {
  transform: rotate(216deg);
}
.dashboard-overlay .raised .circle.p61 .bar {
  transform: rotate(219.6deg);
}
.dashboard-overlay .raised .circle.p62 .bar {
  transform: rotate(223.2deg);
}
.dashboard-overlay .raised .circle.p63 .bar {
  transform: rotate(226.8deg);
}
.dashboard-overlay .raised .circle.p64 .bar {
  transform: rotate(230.4deg);
}
.dashboard-overlay .raised .circle.p65 .bar {
  transform: rotate(234deg);
}
.dashboard-overlay .raised .circle.p66 .bar {
  transform: rotate(237.6deg);
}
.dashboard-overlay .raised .circle.p67 .bar {
  transform: rotate(241.2deg);
}
.dashboard-overlay .raised .circle.p68 .bar {
  transform: rotate(244.8deg);
}
.dashboard-overlay .raised .circle.p69 .bar {
  transform: rotate(248.4deg);
}
.dashboard-overlay .raised .circle.p70 .bar {
  transform: rotate(252deg);
}
.dashboard-overlay .raised .circle.p71 .bar {
  transform: rotate(255.6deg);
}
.dashboard-overlay .raised .circle.p72 .bar {
  transform: rotate(259.2deg);
}
.dashboard-overlay .raised .circle.p73 .bar {
  transform: rotate(262.8deg);
}
.dashboard-overlay .raised .circle.p74 .bar {
  transform: rotate(266.4deg);
}
.dashboard-overlay .raised .circle.p75 .bar {
  transform: rotate(270deg);
}
.dashboard-overlay .raised .circle.p76 .bar {
  transform: rotate(273.6deg);
}
.dashboard-overlay .raised .circle.p77 .bar {
  transform: rotate(277.2deg);
}
.dashboard-overlay .raised .circle.p78 .bar {
  transform: rotate(280.8deg);
}
.dashboard-overlay .raised .circle.p79 .bar {
  transform: rotate(284.4deg);
}
.dashboard-overlay .raised .circle.p80 .bar {
  transform: rotate(288deg);
}
.dashboard-overlay .raised .circle.p81 .bar {
  transform: rotate(291.6deg);
}
.dashboard-overlay .raised .circle.p82 .bar {
  transform: rotate(295.2deg);
}
.dashboard-overlay .raised .circle.p83 .bar {
  transform: rotate(298.8deg);
}
.dashboard-overlay .raised .circle.p84 .bar {
  transform: rotate(302.4deg);
}
.dashboard-overlay .raised .circle.p85 .bar {
  transform: rotate(306deg);
}
.dashboard-overlay .raised .circle.p86 .bar {
  transform: rotate(309.6deg);
}
.dashboard-overlay .raised .circle.p87 .bar {
  transform: rotate(313.2deg);
}
.dashboard-overlay .raised .circle.p88 .bar {
  transform: rotate(316.8deg);
}
.dashboard-overlay .raised .circle.p89 .bar {
  transform: rotate(320.4deg);
}
.dashboard-overlay .raised .circle.p90 .bar {
  transform: rotate(324deg);
}
.dashboard-overlay .raised .circle.p91 .bar {
  transform: rotate(327.6deg);
}
.dashboard-overlay .raised .circle.p92 .bar {
  transform: rotate(331.2deg);
}
.dashboard-overlay .raised .circle.p93 .bar {
  transform: rotate(334.8deg);
}
.dashboard-overlay .raised .circle.p94 .bar {
  transform: rotate(338.4deg);
}
.dashboard-overlay .raised .circle.p95 .bar {
  transform: rotate(342deg);
}
.dashboard-overlay .raised .circle.p96 .bar {
  transform: rotate(345.6deg);
}
.dashboard-overlay .raised .circle.p97 .bar {
  transform: rotate(349.2deg);
}
.dashboard-overlay .raised .circle.p98 .bar {
  transform: rotate(352.8deg);
}
.dashboard-overlay .raised .circle.p99 .bar {
  transform: rotate(356.4deg);
}
.dashboard-overlay .raised .circle.p100 .bar {
  transform: rotate(360deg);
}
.dashboard-overlay .goal-percentage {
  padding: 1.125rem;
  background-color: rgba(25.5, 25.5, 25.5, 0.23);
  border: 1px solid rgba(51, 51, 51, 0.23);
}
.dashboard-overlay .goal-percentage p.goal {
  font-weight: 700;
  padding-bottom: 1.125rem;
  font-size: 7rem;
}
.dashboard-overlay .dashboard-milestones {
  background-color: #1a1a1a;
  border: 1px solid #333;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.dashboard-overlay .dashboard-milestones.loading {
  min-height: 450px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dashboard-overlay .dashboard-milestones.loading .dashboard-milestones__none {
  opacity: 0.75;
}
.dashboard-overlay .dashboard-milestones p.m_info1 {
  font-weight: 700;
  margin-top: 0.75rem;
  padding-top: 1.125rem;
  border-top: 1px solid rgba(51, 51, 51, 0.23);
  font-size: 2rem;
}
.dashboard-overlay .dashboard-milestones p.m_info2 {
  font-weight: 700;
}
.dashboard-overlay .dashboard-milestones p.m_info2 span {
  display: block;
}
.dashboard-overlay .dashboard-milestones p.m_info2 span.mamount {
  padding-bottom: 0.75rem;
  font-size: 4rem;
}
.dashboard-overlay .dashboard-milestones p.m_info2 span.mtotal {
  font-size: 2rem;
}
.dashboard-overlay .dashboard-milestones > .higher {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3em;
  color: #fff;
  text-align: center;
}
.dashboard-overlay .dashboard-milestones > .higher ~ .higher {
  visibility: hidden;
  display: none;
}
.dashboard-overlay .dashboard-milestones__text {
  padding-bottom: 0.375rem;
}
.dashboard-overlay .dashboard-milestones__text.lower {
  display: none;
}
.dashboard-overlay .dashboard-milestones__text div {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.dashboard-overlay .next-up {
  padding: 0.75rem;
  margin-top: 0.75rem;
  background-color: #1a1a1a;
  border: 1px solid #333333;
  border-radius: 20px;
}
.dashboard-overlay .next-up p.next {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.3;
}
.dashboard-overlay .donors {
  width: 100%;
  background-color: #1a1a1a;
  border: 1px solid #333;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  height: 100%;
}
.dashboard-overlay .donors p {
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 0.5rem;
  text-align: left;
  line-height: 1.5;
}
.dashboard-overlay .donors_reward:before {
  content: "";
  height: 15px;
  width: 14px;
  display: inline-block;
  margin-right: 10px;
  -webkit-mask: url("/assets/star_filled-DUQsrn3t.svg") no-repeat 50% 50%;
  mask: url("/assets/star_filled-DUQsrn3t.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #fff;
}
.dashboard-overlay .donors_poll:before {
  content: "";
  height: 15px;
  width: 14px;
  display: inline-block;
  margin-right: 10px;
  -webkit-mask: url("/assets/check-mark-Byj6dC-6.svg") no-repeat 50% 50%;
  mask: url("/assets/check-mark-Byj6dC-6.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #fff;
}
.dashboard-overlay .donors_comment:before {
  content: "";
  height: 15px;
  width: 14px;
  display: inline-block;
  margin-right: 10px;
  -webkit-mask: url("/assets/comment_filled-CYB4Zs-_.svg") no-repeat 50% 50%;
  mask: url("/assets/comment_filled-CYB4Zs-_.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #fff;
}
.dashboard-overlay .donors ul {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
  padding: 0.375rem 0;
  scrollbar-width: none;
}
.dashboard-overlay .donors ul li {
  font-weight: 700;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  color: #fff;
  list-style: none;
  font-size: 1.5rem;
}
.dashboard-overlay .donors ul li.show {
  font-size: 2rem;
  padding: 20px 15px !important;
}
.dashboard-overlay .donors ul li.show p {
  font-size: 21px;
}
.dashboard-overlay .donors ul li p {
  font-size: 15px;
}
.dashboard-overlay .donors ul li.normal {
  padding: 10px 15px;
  background-color: rgba(51, 51, 51, 0.23);
  border-radius: 0.35rem;
}
.dashboard-overlay .donors ul li.tier5 {
  padding: 10px 15px;
  background-color: #c10f3a;
  border-radius: 0.35rem;
}
.dashboard-overlay .donors ul li.tier4 {
  background-color: rgb(51, 83, 119.8);
}
.dashboard-overlay .donors ul li.tier3 {
  background-color: rgb(102, 126, 153.6);
}
.dashboard-overlay .donors ul li.tier2 {
  background-color: rgb(153, 169, 187.4);
}
.dashboard-overlay .donors ul li.tier1 {
  background-color: rgb(204, 212, 221.2);
  color: rgba(0, 0, 0, 0.23);
}
.dashboard-overlay .donors.event li {
  font-size: 2.36859rem;
  line-height: 2.5rem;
}
.dashboard-overlay .donors.event li p {
  font-size: 1.77689rem;
  line-height: 2.5rem;
}
.dashboard-overlay.bac .donors ul li {
  font-size: 2rem;
  padding: 15px 15px !important;
}
.dashboard-overlay.bac .donors ul li p {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.3rem;
}
.dashboard-overlay.list .therm_raised,
.dashboard-overlay.list .therm_goal {
  font-size: 1.7rem;
}
.dashboard-overlay.list .streamer_wrapper {
  padding: 0.375rem 0.75rem;
}
.dashboard-overlay.list .streamer {
  font-weight: 800;
  color: #fff;
  font-size: 1rem;
  display: block;
}
.dashboard-overlay.list .streamer_raised {
  font-weight: 800;
  color: #fff;
  font-size: 1.8rem;
  display: block;
}