@charset "UTF-8";@import url("https://use.typekit.net/okf7zmz.css");@import url("https://use.typekit.net/okf7zmz.css");.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}
.child-icon {
  width: 75px;
  margin: 5px;
  height: 70px;
}.overlay-loader {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.overlay-loader .loader-status {
  overflow: hidden;
  opacity: 0.75;
  margin-top: 25em;
  transition: opacity 100ms ease-in, transform 150ms ease-in;
  position: absolute;
  font-size: 12px;
  color: white;
}
.overlay-loader .messages {
  overflow: hidden;
}
.overlay-loader .messages .loader-status:not(:last-child) {
  transform: translateY(200%);
  scale: 0.75;
  opacity: 0;
}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-duration: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-500: oklch(63.7% .237 25.331);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-2xl: 96rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --radius-md: .375rem;
    --radius-xl: .75rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  :where(:root), :root:has(input.theme-controller[value="light"]:checked), [data-theme="light"] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(98% 0 0);
    --color-base-300: oklch(95% 0 0);
    --color-base-content: oklch(21% .006 285.885);
    --color-primary: oklch(45% .24 277.023);
    --color-primary-content: oklch(93% .034 272.788);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
      color-scheme: dark;
      --color-base-100: oklch(25.33% .016 252.42);
      --color-base-200: oklch(23.26% .014 253.1);
      --color-base-300: oklch(21.15% .012 254.09);
      --color-base-content: oklch(97.807% .029 256.847);
      --color-primary: oklch(58% .233 277.117);
      --color-primary-content: oklch(96% .018 272.314);
      --color-secondary: oklch(65% .241 354.308);
      --color-secondary-content: oklch(94% .028 342.258);
      --color-accent: oklch(77% .152 181.912);
      --color-accent-content: oklch(38% .063 188.416);
      --color-neutral: oklch(14% .005 285.823);
      --color-neutral-content: oklch(92% .004 286.32);
      --color-info: oklch(74% .16 232.661);
      --color-info-content: oklch(29% .066 243.157);
      --color-success: oklch(76% .177 163.223);
      --color-success-content: oklch(37% .077 168.94);
      --color-warning: oklch(82% .189 84.429);
      --color-warning-content: oklch(41% .112 45.904);
      --color-error: oklch(71% .194 13.428);
      --color-error-content: oklch(27% .105 12.094);
      --radius-selector: .5rem;
      --radius-field: .25rem;
      --radius-box: .5rem;
      --size-selector: .25rem;
      --size-field: .25rem;
      --border: 1px;
      --depth: 1;
      --noise: 0;
    }
  }

  :root:has(input.theme-controller[value="light"]:checked), [data-theme="light"] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(98% 0 0);
    --color-base-300: oklch(95% 0 0);
    --color-base-content: oklch(21% .006 285.885);
    --color-primary: oklch(45% .24 277.023);
    --color-primary-content: oklch(93% .034 272.788);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  :root:has(input.theme-controller[value="dark"]:checked), [data-theme="dark"] {
    color-scheme: dark;
    --color-base-100: oklch(25.33% .016 252.42);
    --color-base-200: oklch(23.26% .014 253.1);
    --color-base-300: oklch(21.15% .012 254.09);
    --color-base-content: oklch(97.807% .029 256.847);
    --color-primary: oklch(58% .233 277.117);
    --color-primary-content: oklch(96% .018 272.314);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  :root {
    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
    scrollbar-color: currentColor #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }

  @property --radialprogress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }

  :root:not(span) {
    overflow: var(--page-overflow);
  }

  :root {
    background: var(--page-scroll-bg, var(--root-bg));
    --page-scroll-bg-on: linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000))
    var(--root-bg, #0000);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --page-scroll-bg-on: linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000))
    color-mix(in srgb, var(--root-bg, #0000), oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%));
    }
  }

  :root {
    --page-scroll-transition-on: background-color .3s ease-out;
    transition: var(--page-scroll-transition);
    scrollbar-gutter: var(--page-scroll-gutter, unset);
    scrollbar-gutter: if(style(--page-has-scroll: 1): var(--page-scroll-gutter, unset) ; else: unset);
  }

  @keyframes set-page-has-scroll {
    0%, to {
      --page-has-scroll: 1;
    }
  }

  :root, [data-theme] {
    background: var(--page-scroll-bg, var(--root-bg));
    color: var(--color-base-content);
  }

  :where(:root, [data-theme]) {
    --root-bg: var(--color-base-100);
  }

  :where(:root), :root:has(input.theme-controller[value="light"]:checked), [data-theme="light"] {
    color-scheme: normal;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(98% 0 0);
    --color-base-300: oklch(95% 0 0);
    --color-base-content: oklch(21% .006 285.885);
    --color-primary: #c10f3a;
    --color-primary-content: oklch(93% .034 272.788);
    --color-secondary: #135cb0;
    --color-secondary-content: #fff;
    --color-accent: #002856;
    --color-accent-content: #fff;
    --color-neutral: oklch(32.1785% .02476 255.702);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: #002856;
    --color-info-content: oklch(29% .066 243.157);
    --color-success: #75bc21;
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: #ffc32c;
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: #e03400;
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
    --color-yellow: #ffc32c;
    --default-font-family: SJ Sans;
  }

  :root:has(input.theme-controller[value="dark"]:checked), [data-theme="dark"] {
    color-scheme: normal;
    --color-base-100: oklch(25.33% .016 252.42);
    --color-base-200: oklch(23.26% .014 253.1);
    --color-base-300: oklch(21.15% .012 254.09);
    --color-base-content: oklch(97.807% .029 256.847);
    --color-primary: #c10f3a;
    --color-primary-content: oklch(96% .018 272.314);
    --color-secondary: #135cb0;
    --color-secondary-content: #fff;
    --color-accent: #002856;
    --color-accent-content: #fff;
    --color-neutral: oklch(32.1785% .02476 255.702);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: #002856;
    --color-info-content: oklch(29% .066 243.157);
    --color-success: #75bc21;
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: #ffc32c;
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: #e03400;
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
    --color-yellow: #ffc32c;
    --default-font-family: SJ Sans;
  }
}

@layer components;

@layer utilities {
  @layer daisyui.l1.l2.l3 {
    .modal {
      pointer-events: none;
      visibility: hidden;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
      color: inherit;
      transition: visibility .3s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;
      overscroll-behavior: contain;
      z-index: 999;
      scrollbar-gutter: auto;
      background-color: #0000;
      place-items: center;
      margin: 0;
      padding: 0;
      display: grid;
      position: fixed;
      inset: 0;
      overflow: clip;
    }

    .modal::backdrop {
      display: none;
    }

    .tooltip {
      --tt-bg: var(--color-neutral);
      --tt-off: calc(100% + .5rem);
      --tt-tail: calc(100% + 1px + .25rem);
      display: inline-block;
      position: relative;
    }

    .tooltip > .tooltip-content, .tooltip[data-tip]:before {
      border-radius: var(--radius-field);
      text-align: center;
      white-space: normal;
      max-width: 20rem;
      color: var(--color-neutral-content);
      opacity: 0;
      background-color: var(--tt-bg);
      pointer-events: none;
      z-index: 2;
      --tw-content: attr(data-tip);
      content: var(--tw-content);
      width: max-content;
      padding-block: .25rem;
      padding-inline: .5rem;
      font-size: .875rem;
      line-height: 1.25;
      position: absolute;
    }

    .tooltip:after {
      opacity: 0;
      background-color: var(--tt-bg);
      content: "";
      pointer-events: none;
      --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
      width: .625rem;
      height: .25rem;
      -webkit-mask-position: -1px 0;
      mask-position: -1px 0;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-image: var(--mask-tooltip);
      -webkit-mask-image: var(--mask-tooltip);
      mask-image: var(--mask-tooltip);
      display: block;
      position: absolute;
    }

    @media (prefers-reduced-motion: no-preference) {
      .tooltip > .tooltip-content, .tooltip[data-tip]:before, .tooltip:after {
        transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
      }
    }

    :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)) > .tooltip-content, :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before, :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)):after {
      opacity: 1;
      --tt-pos: 0rem;
    }

    @media (prefers-reduced-motion: no-preference) {
      :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)) > .tooltip-content, :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before, :is(.tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))).tooltip-open, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):hover, .tooltip:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))):has(:focus-visible)):after {
        transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1);
      }
    }

    .tab {
      cursor: pointer;
      appearance: none;
      text-align: center;
      webkit-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      display: inline-flex;
      position: relative;
    }

    @media (hover: hover) {
      .tab:hover {
        color: var(--color-base-content);
      }
    }

    .tab {
      --tab-p: .75rem;
      --tab-bg: var(--color-base-100);
      --tab-border-color: var(--color-base-300);
      --tab-radius-ss: 0;
      --tab-radius-se: 0;
      --tab-radius-es: 0;
      --tab-radius-ee: 0;
      --tab-order: 0;
      --tab-radius-min: calc(.75rem - var(--border));
      --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min));
      --tab-radius-grad: #0000 calc(69% - var(--border)),
      var(--tab-border-color) calc(69% - var(--border) + .25px),
      var(--tab-border-color) 69%,
      var(--tab-bg) calc(69% + .25px);
      order: var(--tab-order);
      height: var(--tab-height);
      padding-inline: var(--tab-p);
      border-color: #0000;
      font-size: .875rem;
    }

    .tab:is(input[type="radio"]) {
      min-width: fit-content;
    }

    .tab:is(input[type="radio"]):after {
      --tw-content: attr(aria-label);
      content: var(--tw-content);
    }

    .tab:is(label) {
      position: relative;
    }

    .tab:is(label) input {
      cursor: pointer;
      appearance: none;
      opacity: 0;
      position: absolute;
      inset: 0;
    }

    :is(.tab:checked, .tab:is(label:has(:checked)), .tab:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .tab-content {
      display: block;
    }

    .tab:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .tab:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
        color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
      }
    }

    .tab:not(input):empty {
      cursor: default;
      flex-grow: 1;
    }

    .tab:focus {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .tab:focus {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .tab:focus-visible, .tab:is(label:has(:checked:focus-visible)) {
      outline-offset: -5px;
      outline: 2px solid;
    }

    .tab[disabled] {
      pointer-events: none;
      opacity: .4;
    }

    .dock {
      z-index: 1;
      background-color: var(--color-base-100);
      color: currentColor;
      border-top: .5px solid var(--color-base-content);
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      width: 100%;
      padding: .5rem;
      display: flex;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dock {
        border-top: .5px solid color-mix(in oklab, var(--color-base-content) 5%, #0000);
      }
    }

    .dock {
      height: 4rem;
      height: calc(4rem + env(safe-area-inset-bottom));
      padding-bottom: env(safe-area-inset-bottom);
    }

    .dock > * {
      cursor: pointer;
      border-radius: var(--radius-box);
      background-color: #0000;
      flex-direction: column;
      flex-shrink: 1;
      flex-basis: 100%;
      justify-content: center;
      align-items: center;
      gap: 1px;
      max-width: 8rem;
      height: 100%;
      margin-bottom: .5rem;
      transition: opacity .2s ease-out;
      display: flex;
      position: relative;
    }

    @media (hover: hover) {
      .dock > :hover {
        opacity: .8;
      }
    }

    :is(.dock > [aria-disabled="true"], .dock > [disabled]), :is(.dock > [aria-disabled="true"], .dock > [disabled]):hover {
      pointer-events: none;
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.dock > [aria-disabled="true"], .dock > [disabled]), :is(.dock > [aria-disabled="true"], .dock > [disabled]):hover {
        color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    :is(.dock > [aria-disabled="true"], .dock > [disabled]), :is(.dock > [aria-disabled="true"], .dock > [disabled]):hover {
      opacity: 1;
    }

    .dock > * .dock-label {
      font-size: .6875rem;
    }

    .dock > :after {
      content: "";
      background-color: #0000;
      border-top: 3px solid #0000;
      border-radius: 3.40282e38px;
      width: 1.5rem;
      height: .25rem;
      transition: background-color .1s ease-out, text-color .1s ease-out, width .1s ease-out;
      position: absolute;
      bottom: .2rem;
    }

    :where(.btn) {
      width: unset;
    }

    .btn {
      cursor: pointer;
      text-align: center;
      vertical-align: middle;
      outline-offset: 2px;
      webkit-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      padding-inline: var(--btn-p);
      color: var(--btn-fg);
      --tw-prose-links: var(--btn-fg);
      height: var(--size);
      font-size: var(--fontsize, .875rem);
      outline-color: var(--btn-color, var(--color-base-content));
      background-color: var(--btn-bg);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--btn-noise);
      border-width: var(--border);
      border-style: solid;
      border-color: var(--btn-border);
      text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));
      touch-action: manipulation;
      box-shadow: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
      --size: calc(var(--size-field, .25rem) * 10);
      --btn-bg: var(--btn-color, var(--color-base-200));
      --btn-fg: var(--color-base-content);
      --btn-p: 1rem;
      --btn-border: var(--btn-bg);
      border-start-start-radius: var(--join-ss, var(--radius-field));
      border-start-end-radius: var(--join-se, var(--radius-field));
      border-end-end-radius: var(--join-ee, var(--radius-field));
      border-end-start-radius: var(--join-es, var(--radius-field));
      flex-wrap: nowrap;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      gap: .375rem;
      font-weight: 600;
      transition-property: color, background-color, border-color, box-shadow;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0, 0, .2, 1);
      display: inline-flex;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn {
        --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
      }
    }

    .btn {
      --btn-shadow: 0 3px 2px -2px var(--btn-bg),
      0 4px 3px -2px var(--btn-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn {
        --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
      0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
      }
    }

    .btn {
      --btn-noise: var(--fx-noise);
    }

    @media (hover: hover) {
      .btn:hover {
        --btn-bg: var(--btn-color, var(--color-base-200));
      }

      @supports (color: color-mix(in lab, red, red)) {
        .btn:hover {
          --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
        }
      }
    }

    .btn:focus-visible, .btn:has(:focus-visible) {
      isolation: isolate;
      outline-width: 2px;
      outline-style: solid;
    }

    .btn:active:not(.btn-active) {
      --btn-bg: var(--btn-color, var(--color-base-200));
      translate: 0 .5px;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn:active:not(.btn-active) {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
      }
    }

    .btn:active:not(.btn-active) {
      --btn-border: var(--btn-color, var(--color-base-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn:active:not(.btn-active) {
        --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
      }
    }

    .btn:active:not(.btn-active) {
      --btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0);
    }

    .btn:is(input[type="checkbox"], input[type="radio"]) {
      appearance: none;
    }

    .btn:is(input[type="checkbox"], input[type="radio"])[aria-label]:after {
      --tw-content: attr(aria-label);
      content: var(--tw-content);
    }

    .btn:where(input:checked:not(.filter .btn)) {
      --btn-color: var(--color-primary);
      --btn-fg: var(--color-primary-content);
      isolation: isolate;
    }

    .loading {
      pointer-events: none;
      aspect-ratio: 1;
      vertical-align: middle;
      width: calc(var(--size-selector, .25rem) * 6);
      background-color: currentColor;
      display: inline-block;
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-size: 100%;
      mask-size: 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }

    .countdown {
      display: inline-flex;
    }

    .countdown > * {
      visibility: hidden;
      --value-v: calc(mod(max(0, var(--value)), 1000));
      --value-hundreds: calc(round(to-zero, var(--value-v) / 100, 1));
      --value-tens: calc(round(to-zero, mod(var(--value-v), 100) / 10, 1));
      --value-ones: calc(mod(var(--value-v), 100));
      --show-hundreds: clamp(clamp(0, var(--digits, 1) - 2, 1), var(--value-hundreds), 1);
      --show-tens: clamp(clamp(0, var(--digits, 1) - 1, 1),
        var(--value-tens) + var(--show-hundreds),
        1);
      --first-digits: calc(round(to-zero, var(--value-v) / 10, 1));
      height: 1em;
      width: calc(1ch + var(--show-tens) * 1ch + var(--show-hundreds) * 1ch);
      direction: ltr;
      transition: width .4s ease-out .2s;
      display: inline-block;
      position: relative;
      overflow-y: clip;
    }

    .countdown > :before, .countdown > :after {
      visibility: visible;
      --tw-content: "00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";
      content: var(--tw-content);
      font-variant-numeric: tabular-nums;
      white-space: pre;
      text-align: end;
      direction: rtl;
      transition: all 1s cubic-bezier(1, 0, 0, 1), width .2s ease-out .2s, opacity .2s ease-out .2s;
      position: absolute;
      overflow-x: clip;
    }

    .countdown > :before {
      width: calc(1ch + var(--show-hundreds) * 1ch);
      top: calc(var(--first-digits) * -1em);
      opacity: var(--show-tens);
      inset-inline-end: 0;
    }

    .countdown > :after {
      width: 1ch;
      top: calc(var(--value-ones) * -1em);
      inset-inline-start: 0;
    }

    .radial-progress {
      height: var(--size);
      width: var(--size);
      vertical-align: middle;
      box-sizing: content-box;
      --value: 0;
      --size: 5rem;
      --thickness: calc(var(--size) / 10);
      --radialprogress: calc(var(--value) * 1%);
      background-color: #0000;
      border-radius: 3.40282e38px;
      place-content: center;
      transition: --radialprogress .3s linear;
      display: inline-grid;
      position: relative;
    }

    .radial-progress:before {
      content: "";
      background: radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0);
      webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
      -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
      -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
      mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
      border-radius: 3.40282e38px;
      position: absolute;
      inset: 0;
    }

    .radial-progress:after {
      content: "";
      inset: calc(50% - var(--thickness) / 2);
      transform: rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));
      background-color: currentColor;
      border-radius: 3.40282e38px;
      transition: transform .3s linear;
      position: absolute;
    }

    .list {
      flex-direction: column;
      font-size: .875rem;
      display: flex;
    }

    .list .list-row {
      --list-grid-cols: minmax(0, auto) 1fr;
      border-radius: var(--radius-box);
      word-break: break-word;
      grid-auto-flow: column;
      grid-template-columns: var(--list-grid-cols);
      gap: 1rem;
      padding: 1rem;
      display: grid;
      position: relative;
    }

    :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
      content: "";
      border-bottom: var(--border) solid;
      inset-inline: var(--radius-box);
      border-color: var(--color-base-content);
      position: absolute;
      bottom: 0;
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
        border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
      }
    }

    .input {
      cursor: text;
      border: var(--border) solid #0000;
      appearance: none;
      background-color: var(--color-base-100);
      vertical-align: middle;
      white-space: nowrap;
      width: clamp(3rem, 20rem, 100%);
      height: var(--size);
      font-size: max(var(--font-size, .875rem), .875rem);
      touch-action: manipulation;
      border-color: var(--input-color);
      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      border-start-start-radius: var(--join-ss, var(--radius-field));
      border-start-end-radius: var(--join-se, var(--radius-field));
      border-end-end-radius: var(--join-ee, var(--radius-field));
      border-end-start-radius: var(--join-es, var(--radius-field));
      flex-shrink: 1;
      align-items: center;
      gap: .5rem;
      padding-inline: .75rem;
      display: inline-flex;
      position: relative;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .input {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      }
    }

    .input {
      --size: calc(var(--size-field, .25rem) * 10);
      --input-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .input {
        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
    }

    .input:where(input) {
      display: inline-flex;
    }

    .input :where(input) {
      appearance: none;
      background-color: #0000;
      border: none;
      width: 100%;
      height: 100%;
      display: inline-flex;
    }

    .input :where(input):focus, .input :where(input):focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .input :where(input):focus, .input :where(input):focus-within {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .input :where(input[type="url"]), .input :where(input[type="email"]) {
      direction: ltr;
    }

    .input :where(input[type="date"]) {
      display: inline-flex;
    }

    .input:focus, .input:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .input:focus, .input:focus-within {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
    }

    .input:focus, .input:focus-within {
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
    }

    @media (pointer: coarse) {
      @supports (-webkit-touch-callout: none) {
        .input:focus, .input:focus-within {
          --font-size: 1rem;
        }
      }
    }

    .input:has( > input[disabled]), .input:is(:disabled, [disabled]), fieldset:disabled .input {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .input:has( > input[disabled]), .input:is(:disabled, [disabled]), fieldset:disabled .input {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }

    :is(.input:has( > input[disabled]), .input:is(:disabled, [disabled]), fieldset:disabled .input)::placeholder {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.input:has( > input[disabled]), .input:is(:disabled, [disabled]), fieldset:disabled .input)::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .input:has( > input[disabled]), .input:is(:disabled, [disabled]), fieldset:disabled .input {
      box-shadow: none;
    }

    .input:has( > input[disabled]) > input[disabled] {
      cursor: not-allowed;
    }

    .input::-webkit-date-and-time-value {
      text-align: inherit;
    }

    .input[type="number"]::-webkit-inner-spin-button {
      margin-block: -.75rem;
      margin-inline-end: -.75rem;
    }

    .input::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: .75em;
    }

    .input:has( > input[type="date"]) :where(input[type="date"]) {
      webkit-appearance: none;
      appearance: none;
      display: inline-flex;
    }

    .input:has( > input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
      cursor: pointer;
      width: 1em;
      height: 1em;
      position: absolute;
      inset-inline-end: .75em;
    }

    .table {
      border-collapse: separate;
      --tw-border-spacing-x: calc(.25rem * 0);
      --tw-border-spacing-y: calc(.25rem * 0);
      width: 100%;
      border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
      border-radius: var(--radius-box);
      text-align: left;
      font-size: .875rem;
      position: relative;
    }

    .table:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      text-align: right;
    }

    @media (hover: hover) {
      :is(.table tr.row-hover, .table tr.row-hover:nth-child(2n)):hover {
        background-color: var(--color-base-200);
      }
    }

    .table :where(th, td) {
      vertical-align: middle;
      padding-block: .75rem;
      padding-inline: 1rem;
    }

    .table :where(thead, tfoot) {
      white-space: nowrap;
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .table :where(thead, tfoot) {
        color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
      }
    }

    .table :where(thead, tfoot) {
      font-size: .875rem;
      font-weight: 600;
    }

    .table :where(tfoot tr:first-child :is(td, th)) {
      border-top: var(--border) solid var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .table :where(tfoot tr:first-child :is(td, th)) {
        border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }

    .table :where(.table-pin-rows thead tr) {
      z-index: 1;
      background-color: var(--color-base-100);
      position: sticky;
      top: 0;
    }

    .table :where(.table-pin-rows tfoot tr) {
      z-index: 1;
      background-color: var(--color-base-100);
      position: sticky;
      bottom: 0;
    }

    .table :where(.table-pin-cols tr th) {
      background-color: var(--color-base-100);
      position: sticky;
      left: 0;
      right: 0;
    }

    .table :where(thead tr :is(td, th), tbody tr:not(:last-child) :is(td, th)) {
      border-bottom: var(--border) solid var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .table :where(thead tr :is(td, th), tbody tr:not(:last-child) :is(td, th)) {
        border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }

    .swap {
      cursor: pointer;
      vertical-align: middle;
      webkit-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      place-content: center;
      display: inline-grid;
      position: relative;
    }

    .swap input {
      appearance: none;
      border: none;
    }

    .swap > * {
      grid-row-start: 1;
      grid-column-start: 1;
    }

    @media (prefers-reduced-motion: no-preference) {
      .swap > * {
        transition-property: transform, rotate, opacity;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0, 0, .2, 1);
      }
    }

    .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on, .swap input:is(:checked, :indeterminate) ~ .swap-off {
      opacity: 0;
    }

    .swap input:checked ~ .swap-on, .swap input:indeterminate ~ .swap-indeterminate {
      opacity: 1;
      backface-visibility: visible;
    }

    .avatar {
      vertical-align: middle;
      display: inline-flex;
      position: relative;
    }

    .avatar > div {
      aspect-ratio: 1;
      display: block;
      overflow: hidden;
    }

    .avatar img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

    .checkbox {
      border: var(--border) solid var(--input-color, var(--color-base-content));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .checkbox {
        border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
      }
    }

    .checkbox {
      cursor: pointer;
      appearance: none;
      border-radius: var(--radius-selector);
      vertical-align: middle;
      color: var(--color-base-content);
      box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 0 #0000 inset, 0 0 #0000;
      --size: calc(var(--size-selector, .25rem) * 6);
      width: var(--size);
      height: var(--size);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
      flex-shrink: 0;
      padding: .25rem;
      transition: background-color .2s, box-shadow .2s;
      display: inline-block;
      position: relative;
    }

    .checkbox:before {
      --tw-content: "";
      content: var(--tw-content);
      opacity: 0;
      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
      width: 100%;
      height: 100%;
      box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      background-color: currentColor;
      font-size: 1rem;
      line-height: .75;
      transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s;
      display: block;
      rotate: 45deg;
    }

    .checkbox:focus-visible {
      outline: 2px solid var(--input-color, currentColor);
      outline-offset: 2px;
    }

    .checkbox:checked, .checkbox[aria-checked="true"] {
      background-color: var(--input-color, #0000);
      box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));
    }

    :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
      opacity: 1;
    }

    @media (forced-colors: active) {
      :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
        --tw-content: "✔︎";
        clip-path: none;
        background-color: #0000;
        rotate: none;
      }
    }

    @media print {
      :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
        --tw-content: "✔︎";
        clip-path: none;
        background-color: #0000;
        rotate: none;
      }
    }

    .checkbox:indeterminate {
      background-color: var(--input-color, var(--color-base-content));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .checkbox:indeterminate {
        background-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
      }
    }

    .checkbox:indeterminate:before {
      opacity: 1;
      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
      translate: 0 -35%;
      rotate: none;
    }

    .card {
      border-radius: var(--radius-box);
      outline-offset: 2px;
      outline: 0 solid #0000;
      flex-direction: column;
      transition: outline .2s ease-in-out;
      display: flex;
      position: relative;
    }

    .card:focus {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .card:focus {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .card:focus-visible {
      outline-color: currentColor;
    }

    .card :where(figure:first-child) {
      border-start-start-radius: inherit;
      border-start-end-radius: inherit;
      border-end-end-radius: unset;
      border-end-start-radius: unset;
      overflow: hidden;
    }

    .card :where(figure:last-child) {
      border-start-start-radius: unset;
      border-start-end-radius: unset;
      border-end-end-radius: inherit;
      border-end-start-radius: inherit;
      overflow: hidden;
    }

    .card figure {
      justify-content: center;
      align-items: center;
      display: flex;
    }

    .card:has( > input:is(input[type="checkbox"], input[type="radio"])) {
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
    }

    .card:has( > :checked) {
      outline: 2px solid;
    }

    .progress {
      appearance: none;
      border-radius: var(--radius-box);
      background-color: currentColor;
      width: 100%;
      height: .5rem;
      position: relative;
      overflow: hidden;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .progress {
        background-color: color-mix(in oklab, currentcolor 20%, transparent);
      }
    }

    .progress {
      color: var(--color-base-content);
    }

    .progress:indeterminate {
      background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
      background-position-x: 15%;
      background-size: 200%;
    }

    @media (prefers-reduced-motion: no-preference) {
      .progress:indeterminate {
        animation: 5s ease-in-out infinite progress;
      }
    }

    @supports ((-moz-appearance: none)) {
      .progress:indeterminate::-moz-progress-bar {
        background-color: #0000;
      }

      @media (prefers-reduced-motion: no-preference) {
        .progress:indeterminate::-moz-progress-bar {
          background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
          background-position-x: 15%;
          background-size: 200%;
          animation: 5s ease-in-out infinite progress;
        }
      }

      .progress::-moz-progress-bar {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }

    @supports ((-webkit-appearance: none)) {
      .progress::-webkit-progress-bar {
        border-radius: var(--radius-box);
        background-color: #0000;
      }

      .progress::-webkit-progress-value {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }

    .textarea {
      border: var(--border) solid #0000;
      appearance: none;
      border-radius: var(--radius-field);
      background-color: var(--color-base-100);
      vertical-align: middle;
      width: clamp(3rem, 20rem, 100%);
      min-height: 5rem;
      font-size: max(var(--font-size, .875rem), .875rem);
      touch-action: manipulation;
      border-color: var(--input-color);
      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      flex-shrink: 1;
      padding-block: .5rem;
      padding-inline: .75rem;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .textarea {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      }
    }

    .textarea {
      --input-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .textarea {
        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
    }

    .textarea textarea {
      appearance: none;
      background-color: #0000;
      border: none;
    }

    .textarea textarea:focus, .textarea textarea:focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .textarea textarea:focus, .textarea textarea:focus-within {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .textarea:focus, .textarea:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .textarea:focus, .textarea:focus-within {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
    }

    .textarea:focus, .textarea:focus-within {
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
    }

    @media (pointer: coarse) {
      @supports (-webkit-touch-callout: none) {
        .textarea:focus, .textarea:focus-within {
          --font-size: 1rem;
        }
      }
    }

    .textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }

    :is(.textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]))::placeholder {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]))::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]) {
      box-shadow: none;
    }

    .textarea:has( > textarea[disabled]) > textarea[disabled] {
      cursor: not-allowed;
    }

    .stack {
      grid-template-rows: 3px 4px 1fr 4px 3px;
      grid-template-columns: 3px 4px 1fr 4px 3px;
      display: inline-grid;
    }

    .stack > * {
      width: 100%;
      height: 100%;
    }

    .stack > :nth-child(n+2) {
      opacity: .7;
      width: 100%;
    }

    .stack > :nth-child(2) {
      z-index: 2;
      opacity: .9;
    }

    .stack > :first-child {
      z-index: 3;
      width: 100%;
    }

    .modal-backdrop {
      color: #0000;
      z-index: -1;
      grid-row-start: 1;
      grid-column-start: 1;
      place-self: stretch stretch;
      display: grid;
    }

    .modal-backdrop button {
      cursor: pointer;
    }

    .modal-box {
      background-color: var(--color-base-100);
      border-top-left-radius: var(--modal-tl, var(--radius-box));
      border-top-right-radius: var(--modal-tr, var(--radius-box));
      border-bottom-left-radius: var(--modal-bl, var(--radius-box));
      border-bottom-right-radius: var(--modal-br, var(--radius-box));
      opacity: 0;
      overscroll-behavior: contain;
      grid-row-start: 1;
      grid-column-start: 1;
      width: 91.6667%;
      max-width: 32rem;
      max-height: 100vh;
      padding: 1.5rem;
      transition: translate .3s ease-out, scale .3s ease-out, opacity .2s ease-out 50ms, box-shadow .3s ease-out;
      overflow-y: auto;
      scale: 95%;
      box-shadow: 0 25px 50px -12px oklch(0% 0 0 / .25);
    }

    .stat-value {
      white-space: nowrap;
      grid-column-start: 1;
      font-size: 2rem;
      font-weight: 800;
    }

    .stat-title {
      white-space: nowrap;
      color: var(--color-base-content);
      grid-column-start: 1;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .stat-title {
        color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
      }
    }

    .stat-title {
      font-size: .75rem;
    }

    .divider {
      white-space: nowrap;
      height: 1rem;
      margin: var(--divider-m, 1rem 0);
      --divider-color: var(--color-base-content);
      flex-direction: row;
      align-self: stretch;
      align-items: center;
      display: flex;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .divider {
        --divider-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .divider:before, .divider:after {
      content: "";
      background-color: var(--divider-color);
      flex-grow: 1;
      width: 100%;
      height: .125rem;
    }

    @media print {
      .divider:before, .divider:after {
        border: .5px solid;
      }
    }

    .divider:not(:empty) {
      gap: 1rem;
    }

    .\!label {
      white-space: nowrap !important;
      color: currentColor !important;
      align-items: center !important;
      gap: .375rem !important;
      display: inline-flex !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\!label {
        color: color-mix(in oklab, currentcolor 60%, transparent) !important;
      }
    }

    .\!label:has(input) {
      cursor: pointer !important;
    }

    .\!label:is(.input > *, .select > *) {
      white-space: nowrap !important;
      height: calc(100% - .5rem) !important;
      font-size: inherit !important;
      align-items: center !important;
      padding-inline: .75rem !important;
      display: flex !important;
    }

    .\!label:is(.input > *, .select > *):first-child {
      border-inline-end: var(--border) solid currentColor !important;
      margin-inline: -.75rem .75rem !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\!label:is(.input > *, .select > *):first-child {
        border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000) !important;
      }
    }

    .\!label:is(.input > *, .select > *):last-child {
      border-inline-start: var(--border) solid currentColor !important;
      margin-inline: .75rem -.75rem !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\!label:is(.input > *, .select > *):last-child {
        border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000) !important;
      }
    }

    .label {
      white-space: nowrap;
      color: currentColor;
      align-items: center;
      gap: .375rem;
      display: inline-flex;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .label {
        color: color-mix(in oklab, currentcolor 60%, transparent);
      }
    }

    .label:has(input) {
      cursor: pointer;
    }

    .label:is(.input > *, .select > *) {
      white-space: nowrap;
      height: calc(100% - .5rem);
      font-size: inherit;
      align-items: center;
      padding-inline: .75rem;
      display: flex;
    }

    .label:is(.input > *, .select > *):first-child {
      border-inline-end: var(--border) solid currentColor;
      margin-inline: -.75rem .75rem;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .label:is(.input > *, .select > *):first-child {
        border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
      }
    }

    .label:is(.input > *, .select > *):last-child {
      border-inline-start: var(--border) solid currentColor;
      margin-inline: .75rem -.75rem;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .label:is(.input > *, .select > *):last-child {
        border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
      }
    }

    .status {
      aspect-ratio: 1;
      border-radius: var(--radius-selector);
      background-color: var(--color-base-content);
      width: .5rem;
      height: .5rem;
      display: inline-block;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .status {
        background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .status {
      vertical-align: middle;
      color: #0000004d;
      background-position: center;
      background-repeat: no-repeat;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .status {
        color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }

    .status {
      background-image: radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);
      box-shadow: 0 2px 3px -1px;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .status {
        box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
      }
    }

    .tabs {
      --tabs-height: auto;
      --tabs-direction: row;
      --tab-height: calc(var(--size-field, .25rem) * 10);
      height: var(--tabs-height);
      flex-wrap: wrap;
      flex-direction: var(--tabs-direction);
      display: flex;
    }

    .stat {
      grid-template-columns: repeat(1, 1fr);
      column-gap: 1rem;
      width: 100%;
      padding-block: 1rem;
      padding-inline: 1.5rem;
      display: inline-grid;
    }

    .stat:not(:last-child) {
      border-inline-end: var(--border) dashed currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .stat:not(:last-child) {
        border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
      }
    }

    .stat:not(:last-child) {
      border-block-end: none;
    }

    .card-body {
      padding: var(--card-p, 1.5rem);
      font-size: var(--card-fs, .875rem);
      flex-direction: column;
      flex: auto;
      gap: .5rem;
      display: flex;
    }

    .card-body :where(p) {
      flex-grow: 1;
    }

    .card-title {
      font-size: var(--cardtitle-fs, 1.125rem);
      align-items: center;
      gap: .5rem;
      font-weight: 600;
      display: flex;
    }

    .mask {
      vertical-align: middle;
      display: inline-block;
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }

    .skeleton {
      border-radius: var(--radius-box);
      background-color: var(--color-base-300);
    }

    @media (prefers-reduced-motion: reduce) {
      .skeleton {
        transition-duration: 15s;
      }
    }

    .skeleton {
      will-change: background-position;
      background-image: linear-gradient(105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100%);
      background-position-x: -50%;
      background-size: 200%;
    }

    @media (prefers-reduced-motion: no-preference) {
      .skeleton {
        animation: 1.8s ease-in-out infinite skeleton;
      }
    }

    .link {
      cursor: pointer;
      text-decoration-line: underline;
    }

    .link:focus {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .link:focus {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .link:focus-visible {
      outline-offset: 2px;
      outline: 2px solid;
    }

    .btn-accent {
      --btn-color: var(--color-accent);
      --btn-fg: var(--color-accent-content);
    }

    .btn-primary {
      --btn-color: var(--color-primary);
      --btn-fg: var(--color-primary-content);
    }

    .btn-secondary {
      --btn-color: var(--color-secondary);
      --btn-fg: var(--color-secondary-content);
    }

    .btn-success {
      --btn-color: var(--color-success);
      --btn-fg: var(--color-success-content);
    }

    .btn-warning {
      --btn-color: var(--color-warning);
      --btn-fg: var(--color-warning-content);
    }
  }

  @layer daisyui.l1.l2 {
    .modal.modal-open, .modal[open], .modal:target, .modal-toggle:checked + .modal {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
      transition: visibility 0s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;
      background-color: oklch(0% 0 0 / .4);
    }

    :is(.modal.modal-open, .modal[open], .modal:target, .modal-toggle:checked + .modal) .modal-box {
      opacity: 1;
      translate: 0;
      scale: 1;
    }

    :root:has(:is(.modal.modal-open, .modal[open], .modal:target, .modal-toggle:checked + .modal)) {
      --page-has-backdrop: 1;
      --page-overflow: hidden;
      --page-scroll-bg: var(--page-scroll-bg-on);
      --page-scroll-gutter: stable;
      --page-scroll-transition: var(--page-scroll-transition-on);
      animation: forwards set-page-has-scroll;
      animation-timeline: scroll();
    }

    @starting-style {
      .modal.modal-open, .modal[open], .modal:target, .modal-toggle:checked + .modal {
        opacity: 0;
      }
    }

    .tooltip > .tooltip-content, .tooltip[data-tip]:before {
      transform: translateX(-50%) translateY(var(--tt-pos, .25rem));
      inset: auto auto var(--tt-off) 50%;
    }

    .tooltip:after {
      transform: translateX(-50%) translateY(var(--tt-pos, .25rem));
      inset: auto auto var(--tt-tail) 50%;
    }

    .btn:disabled:not(.btn-link, .btn-ghost) {
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn:disabled:not(.btn-link, .btn-ghost) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .btn:disabled:not(.btn-link, .btn-ghost) {
      box-shadow: none;
    }

    .btn:disabled {
      pointer-events: none;
      --btn-border: #0000;
      --btn-noise: none;
      --btn-fg: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn:disabled {
        --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
    }

    .btn[disabled]:not(.btn-link, .btn-ghost) {
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn[disabled]:not(.btn-link, .btn-ghost) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .btn[disabled]:not(.btn-link, .btn-ghost) {
      box-shadow: none;
    }

    .btn[disabled] {
      pointer-events: none;
      --btn-border: #0000;
      --btn-noise: none;
      --btn-fg: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn[disabled] {
        --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
    }

    .list .list-row:has(.list-col-grow:first-child) {
      --list-grid-cols: 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(2)) {
      --list-grid-cols: minmax(0, auto) 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(3)) {
      --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(4)) {
      --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(5)) {
      --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(6)) {
      --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
          minmax(0, auto) 1fr;
    }

    .list .list-row > * {
      grid-row-start: 1;
    }

    .checkbox:disabled {
      cursor: not-allowed;
      opacity: .2;
    }

    .tooltip-left > .tooltip-content, .tooltip-left[data-tip]:before {
      transform: translateX(calc(var(--tt-pos, .25rem) - .25rem)) translateY(-50%);
      inset: 50% var(--tt-off) auto auto;
    }

    .tooltip-left:after {
      transform: translateX(var(--tt-pos, .25rem)) translateY(-50%) rotate(-90deg);
      inset: 50% calc(var(--tt-tail) + 1px) auto auto;
    }

    .dock-sm {
      height: 3.5rem;
      height: calc(3.5rem + env(safe-area-inset-bottom));
    }

    .dock-sm .dock-active:after {
      bottom: -.1rem;
    }

    .dock-sm .dock-label {
      font-size: .625rem;
    }

    :is(.stack, .stack.stack-bottom) > * {
      grid-area: 3 / 3 / 6 / 4;
    }

    :is(.stack, .stack.stack-bottom) > :nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    :is(.stack, .stack.stack-bottom) > :first-child {
      grid-area: 1 / 1 / 4 / 6;
    }

    .stack.stack-top > * {
      grid-area: 1 / 3 / 4 / 4;
    }

    .stack.stack-top > :nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    .stack.stack-top > :first-child {
      grid-area: 3 / 1 / 6 / 6;
    }

    .stack.stack-start > * {
      grid-area: 3 / 1 / 4 / 4;
    }

    .stack.stack-start > :nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    .stack.stack-start > :first-child {
      grid-area: 1 / 3 / 6 / 6;
    }

    .stack.stack-end > * {
      grid-area: 3 / 3 / 4 / 6;
    }

    .stack.stack-end > :nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    .stack.stack-end > :first-child {
      grid-area: 1 / 1 / 6 / 4;
    }

    .input-sm {
      --size: calc(var(--size-field, .25rem) * 8);
      font-size: max(var(--font-size, .75rem), .75rem);
    }

    .input-sm[type="number"]::-webkit-inner-spin-button {
      margin-block: -.5rem;
      margin-inline-end: -.75rem;
    }

    .btn-circle {
      width: var(--size);
      height: var(--size);
      border-radius: 3.40282e38px;
      padding-inline: 0;
    }

    .dock-active:after {
      color: currentColor;
      background-color: currentColor;
      width: 2.5rem;
    }

    .loading-lg {
      width: calc(var(--size-selector, .25rem) * 7);
    }

    .loading-md {
      width: calc(var(--size-selector, .25rem) * 6);
    }

    .loading-sm {
      width: calc(var(--size-selector, .25rem) * 5);
    }

    .loading-xs {
      width: calc(var(--size-selector, .25rem) * 4);
    }

    .table-zebra tbody tr:where(:nth-child(2n)), .table-zebra tbody tr:where(:nth-child(2n)) :where(.table-pin-cols tr th) {
      background-color: var(--color-base-200);
    }

    @media (hover: hover) {
      :is(.table-zebra tbody tr.row-hover, .table-zebra tbody tr.row-hover:where(:nth-child(2n))):hover {
        background-color: var(--color-base-300);
      }
    }

    .loading-dots {
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
    }

    .loading-spinner {
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    }

    .mask-squircle {
      -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
    }

    .progress-primary {
      color: var(--color-primary);
    }

    .btn-lg {
      --fontsize: 1.125rem;
      --btn-p: 1.25rem;
      --size: calc(var(--size-field, .25rem) * 12);
    }

    .btn-sm {
      --fontsize: .75rem;
      --btn-p: .75rem;
      --size: calc(var(--size-field, .25rem) * 8);
    }
  }

  .prose :where(a.btn:not(.btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-decoration-line: none;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .countdown.countdown {
    line-height: 1em;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-35 {
    top: calc(var(--spacing) * 35);
  }

  .top-\[-20px\] {
    top: -20px;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-15 {
    right: calc(var(--spacing) * 15);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-20 {
    left: calc(var(--spacing) * 20);
  }

  .-z-0 {
    z-index: calc(0 * -1);
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .z-9999 {
    z-index: 9999;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[2\] {
    z-index: 2;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-4 {
    grid-column: span 4 / span 4;
  }

  .row-span-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-5 {
    grid-row: span 5 / span 5;
  }

  .row-span-6 {
    grid-row: span 6 / span 6;
  }

  .row-span-7 {
    grid-row: span 7 / span 7;
  }

  .row-span-11 {
    grid-row: span 11 / span 11;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-1 {
    margin: calc(var(--spacing) * 1);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }

  .mt-56 {
    margin-top: calc(var(--spacing) * 56);
  }

  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }

  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }

  .mr-\[10px\] {
    margin-right: 10px;
  }

  .mr-auto {
    margin-right: auto;
  }

  .-mb-0\.5 {
    margin-bottom: calc(var(--spacing) * -.5);
  }

  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }

  .-mb-8 {
    margin-bottom: calc(var(--spacing) * -8);
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }

  .-ml-44 {
    margin-left: calc(var(--spacing) * -44);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-\[80px\] {
    height: 80px;
  }

  .h-\[90\%\]\! {
    height: 90% !important;
  }

  .h-\[250px\] {
    height: 250px;
  }

  .h-\[350px\] {
    height: 350px;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .max-h-8 {
    max-height: calc(var(--spacing) * 8);
  }

  .max-h-\[500px\] {
    max-height: 500px;
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-\[24px\] {
    min-height: 24px;
  }

  .min-h-\[40\.5px\] {
    min-height: 40.5px;
  }

  .min-h-\[40px\] {
    min-height: 40px;
  }

  .min-h-\[60px\] {
    min-height: 60px;
  }

  .min-h-\[250px\] {
    min-height: 250px;
  }

  .min-h-\[500px\] {
    min-height: 500px;
  }

  .min-h-full {
    min-height: 100%;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[132px\] {
    width: 132px;
  }

  .w-\[160px\] {
    width: 160px;
  }

  .w-\[173px\] {
    width: 173px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[580px\] {
    width: 580px;
  }

  .w-\[1920px\] {
    width: 1920px;
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .max-w-14 {
    max-width: calc(var(--spacing) * 14);
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-screen-2xl {
    max-width: var(--breakpoint-2xl);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }

  .min-w-\[90px\] {
    min-width: 90px;
  }

  .min-w-\[110px\] {
    min-width: 110px;
  }

  .min-w-\[400px\] {
    min-width: 400px;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .transform {
    transform: var(--tw-rotate-x,  ) var(--tw-rotate-y,  ) var(--tw-rotate-z,  ) var(--tw-skew-x,  ) var(--tw-skew-y,  );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .break-after-auto {
    break-after: auto;
  }

  .grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-evenly {
    justify-content: space-evenly;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  .self-stretch {
    align-self: stretch;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-gray-600 {
    border-color: var(--color-gray-600);
  }

  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }

  .bg-\[\#2ecc71\] {
    background-color: #2ecc71;
  }

  .bg-\[\#4a90a4\] {
    background-color: #4a90a4;
  }

  .bg-base-100 {
    background-color: var(--color-base-100);
  }

  .bg-base-200 {
    background-color: var(--color-base-200);
  }

  .bg-base-300 {
    background-color: var(--color-base-300);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }

  .bg-primary {
    background-color: var(--color-primary);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-transparent\! {
    background-color: #0000 !important;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-bottom {
    background-position: bottom;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-\[7px\] {
    padding-inline: 7px;
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .pt-\[3px\] {
    padding-top: 3px;
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-\[26px\] {
    padding-right: 26px;
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-px {
    padding-bottom: 1px;
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-\[10px\] {
    padding-left: 10px;
  }

  .pl-\[14px\] {
    padding-left: 14px;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

  .text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }

  .tracking-\[0\.3px\] {
    --tw-tracking: .3px;
    letter-spacing: .3px;
  }

  .tracking-\[0\.5px\] {
    --tw-tracking: .5px;
    letter-spacing: .5px;
  }

  .tracking-\[0\.8px\] {
    --tw-tracking: .8px;
    letter-spacing: .8px;
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#97ffff\] {
    color: #97ffff;
  }

  .text-\[\#999999\] {
    color: #999;
  }

  .text-\[\#aaaaaa\] {
    color: #aaa;
  }

  .text-\[\#fdb71a\] {
    color: #fdb71a;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-error {
    color: var(--color-error);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-primary {
    color: var(--color-primary);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-secondary {
    color: var(--color-secondary);
  }

  .text-success {
    color: var(--color-success);
  }

  .text-warning {
    color: var(--color-warning);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/50 {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-70\! {
    opacity: .7 !important;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[2px_0_white\,-2px_0_white\,0_-2px_white\,0_2px_white\] {
    --tw-shadow: 2px 0 var(--tw-shadow-color, white), -2px 0 var(--tw-shadow-color, white), 0 -2px var(--tw-shadow-color, white), 0 2px var(--tw-shadow-color, white);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[5px_0_white\,-5px_0_white\,0_-5px_white\,0_5px_white\] {
    --tw-shadow: 5px 0 var(--tw-shadow-color, white), -5px 0 var(--tw-shadow-color, white), 0 -5px var(--tw-shadow-color, white), 0 5px var(--tw-shadow-color, white);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-3 {
    --tw-ring-shadow: var(--tw-ring-inset,  ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-blue-500 {
    --tw-ring-color: var(--color-blue-500);
  }

  .ring-offset-0 {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,  ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  @layer daisyui.l1 {
    .btn-ghost:not(.btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.filter .btn)) {
      --btn-shadow: "";
      --btn-bg: #0000;
      --btn-border: #0000;
      --btn-noise: none;
    }

    .btn-ghost:not(.btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.filter .btn)):not(:disabled, [disabled], .btn-disabled) {
      --btn-fg: var(--btn-color, currentColor);
      outline-color: currentColor;
    }

    @media (hover: none) {
      .btn-ghost:not(.btn-active, :active, :focus-visible, input:checked:not(.filter .btn)):hover {
        --btn-shadow: "";
        --btn-bg: #0000;
        --btn-fg: var(--btn-color, currentColor);
        --btn-border: #0000;
        --btn-noise: none;
        outline-color: currentColor;
      }
    }
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-y-0:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:left-1\/2:before {
    content: var(--tw-content);
    left: 50%;
  }

  .before\:w-\[1\.5px\]:before {
    content: var(--tw-content);
    width: 1.5px;
  }

  .before\:\[transform-origin\:top_left\]:before {
    content: var(--tw-content);
    transform-origin: 0 0;
  }

  .before\:\[transform\:skewX\(-15deg\)\]:before {
    content: var(--tw-content);
    transform: skewX(-15deg);
  }

  .before\:\[transform\:translateX\(-50\%\)_skewX\(-15deg\)\]:before {
    content: var(--tw-content);
    transform: translateX(-50%)skewX(-15deg);
  }

  .before\:bg-white\/40:before {
    content: var(--tw-content);
    background-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-white\/40:before {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:row-span-12 {
      grid-row: span 12 / span 12;
    }

    .md\:inline-grid {
      display: inline-grid;
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-rows-12 {
      grid-template-rows: repeat(12, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:row-span-3 {
      grid-row: span 3 / span 3;
    }

    .lg\:block {
      display: block;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline-grid {
      display: inline-grid;
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .lg\:border-t-2 {
      border-top-style: var(--tw-border-style);
      border-top-width: 2px;
    }

    .lg\:border-r-2 {
      border-right-style: var(--tw-border-style);
      border-right-width: 2px;
    }

    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .lg\:border-b-2 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:hidden {
      display: none;
    }

    .xl\:inline-grid {
      display: inline-grid;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:hidden {
      display: none;
    }

    .\32 xl\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
}

@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-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;
}

.reset-all {
  all: unset;
}

html, body {
  background-color: #0000 !important;
}

body {
  overflow: hidden;
}

.global-loading, .global-error {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

#app2 {
  width: 100vw;
  height: 100svh;
}

@keyframes rating {
  0%, 40% {
    filter: brightness(1.05) contrast(1.05);
    scale: 1.1;
  }
}

@keyframes dropdown {
  0% {
    opacity: 0;
  }
}

@keyframes radio {
  0% {
    padding: 5px;
  }

  50% {
    padding: 3px;
  }
}

@keyframes toast {
  0% {
    opacity: 0;
    scale: .9;
  }

  100% {
    opacity: 1;
    scale: 1;
  }
}

@keyframes rotator {
  89.9999%, 100% {
    --first-item-position: 0 0%;
  }

  90%, 99.9999% {
    --first-item-position: 0 calc(var(--items) * 100%);
  }

  100% {
    translate: 0 -100%;
  }
}

@keyframes skeleton {
  0% {
    background-position: 150%;
  }

  100% {
    background-position: -50%;
  }
}

@keyframes menu {
  0% {
    opacity: 0;
  }
}

@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2065%2065'%3e%3cpath%20d='M64.26%2024.87a4.73%204.73%200%200%200-4.49-3.25l-17.46.05-5.37-16.6a4.69%204.69%200%200%200-4.48-3.26A4.68%204.68%200%200%200%2028%205.09l-5.3%2016.67-17.45-.11a4.72%204.72%200%200%200-2.78%208.55l14.25%2010.2-5.55%2016.49a4.71%204.71%200%200%200%207.24%205.3L32.44%2052l14.13%2010.27a4.69%204.69%200%200%200%202.78.93%204.78%204.78%200%200%200%202.77-.91A4.66%204.66%200%200%200%2053.84%2057l-5.39-16.6%2014.11-10.25a4.71%204.71%200%200%200%201.7-5.28z'%20fill='%231a1a1a'/%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2065%2065'%3e%3cpath%20d='M64.26%2024.87a4.73%204.73%200%200%200-4.49-3.25l-17.46.05-5.37-16.6a4.69%204.69%200%200%200-4.48-3.26A4.68%204.68%200%200%200%2028%205.09l-5.3%2016.67-17.45-.11a4.72%204.72%200%200%200-2.78%208.55l14.25%2010.2-5.55%2016.49a4.71%204.71%200%200%200%207.24%205.3L32.44%2052l14.13%2010.27a4.69%204.69%200%200%200%202.78.93%204.78%204.78%200%200%200%202.77-.91A4.66%204.66%200%200%200%2053.84%2057l-5.39-16.6%2014.11-10.25a4.71%204.71%200%200%200%201.7-5.28z'%20fill='%231a1a1a'/%3e%3c/svg%3e") 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("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23d11947;}%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M63.06,10.54a1.5,1.5,0,0,0-2.12,0L21.44,50.29,3.05,32.18A1.5,1.5,0,1,0,1,34.31L20.4,53.47a1.52,1.52,0,0,0,1.05.43,1.49,1.49,0,0,0,1.06-.45L63.06,12.66A1.49,1.49,0,0,0,63.06,10.54Z'/%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23d11947;}%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M63.06,10.54a1.5,1.5,0,0,0-2.12,0L21.44,50.29,3.05,32.18A1.5,1.5,0,1,0,1,34.31L20.4,53.47a1.52,1.52,0,0,0,1.05.43,1.49,1.49,0,0,0,1.06-.45L63.06,12.66A1.49,1.49,0,0,0,63.06,10.54Z'/%3e%3c/svg%3e") 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("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23d11947;}%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M10.11.23H1.89A1.83,1.83,0,0,0,.07,2.05v6.3a1.83,1.83,0,0,0,1.82,1.83H7.74L9.26,11.7a.25.25,0,0,0,.42-.18V10.18h.43a1.83,1.83,0,0,0,1.82-1.83V2.05A1.83,1.83,0,0,0,10.11.23ZM8.89,7.72A8.66,8.66,0,0,1,6,8.23a9.14,9.14,0,0,1-2.92-.5A.6.6,0,1,1,3.5,6.62,8,8,0,0,0,6,7.05a7.28,7.28,0,0,0,2.46-.43.59.59,0,0,1,.44,1.1Z'/%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23d11947;}%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M10.11.23H1.89A1.83,1.83,0,0,0,.07,2.05v6.3a1.83,1.83,0,0,0,1.82,1.83H7.74L9.26,11.7a.25.25,0,0,0,.42-.18V10.18h.43a1.83,1.83,0,0,0,1.82-1.83V2.05A1.83,1.83,0,0,0,10.11.23ZM8.89,7.72A8.66,8.66,0,0,1,6,8.23a9.14,9.14,0,0,1-2.92-.5A.6.6,0,1,1,3.5,6.62,8,8,0,0,0,6,7.05a7.28,7.28,0,0,0,2.46-.43.59.59,0,0,1,.44,1.1Z'/%3e%3c/svg%3e") 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(49.2, 81.2, 118);
}
.dashboard-overlay .donors ul li.tier3 {
  background-color: rgb(98.4, 122.4, 150);
}
.dashboard-overlay .donors ul li.tier2 {
  background-color: rgb(147.6, 163.6, 182);
}
.dashboard-overlay .donors ul li.tier1 {
  background-color: rgb(196.8, 204.8, 214);
  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;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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 {
  height: 100%;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  width: 100%;
  margin: 0 auto;
  max-height: 100%;
  overflow: hidden;
  z-index: 99999;
}.ccam-flag-wrapper {
  width: 100%;
}
.ccam-flag-wrapper.bottom {
  margin-top: 8px;
}
.ccam-flag-wrapper.top {
  margin-bottom: 8px;
}
.ccam-flag-wrapper {
  z-index: 25;
  position: relative;
}
.ccam-flag-wrapper .ccam-flag {
  background-image: url("/assets/ccam-flag-BWSQ7LTw.png");
  background-repeat: no-repeat;
  height: 92px;
  width: 92px;
  background-position: center;
  background-size: contain;
}
.ccam-flag-wrapper .ccam-flag.right {
  margin-left: auto;
  margin-right: 0;
}
.ccam-flag-wrapper .ccam-flag.left {
  margin-left: 0;
  margin-right: auto;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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.full {
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
}
.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 .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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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 {
  height: 100%;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  width: 100%;
  margin: 0 auto;
}

.dashboard-leaderboard-exclusions {
  height: 100%;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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 {
  height: 100%;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  width: 100%;
  margin: 0 auto;
}

.dashboard-overlay-v2 {
  height: 100%;
}@keyframes logo-fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.logo-default .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;
}
.logo-default .playlive_logo span {
  display: none;
}

.logo-animate .child-icon {
  animation-name: logo-fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 30s;
  animation-direction: alternate-reverse;
}
.logo-animate .playlive_logo, .logo-animate .custom-logo-img-animate {
  animation-name: logo-fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 30s;
  animation-direction: alternate;
}
.logo-animate .custom-logo-img-animate {
  position: absolute;
}

.logo-static.logo-custom {
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo-static.logo-custom img {
  max-width: 100%;
}/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.leaderboard {
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
}
.leaderboard.constrained {
  width: 400px;
}
.leaderboard__top {
  min-height: 60px;
  position: relative;
  border-start-start-radius: 1.25rem;
  border-start-end-radius: 1.25rem;
  background: #c10f3a;
}
.leaderboard__top.default-red {
  background: #c10f3a;
}
.leaderboard__top.dark-red {
  background: #911938;
}
.leaderboard__top.light-purple {
  background: #8332a7;
}
.leaderboard__top.dark-purple {
  background: #490e67;
}
.leaderboard__top.light-blue {
  background: #135cb0;
}
.leaderboard__top.dark-blue {
  background: #002856;
}
.leaderboard__top.light-aqua {
  background: #64d0e4;
}
.leaderboard__top.dark-aqua {
  background: #1eadc1;
}
.leaderboard__top.light-green {
  background: #c0da07;
}
.leaderboard__top.dark-green {
  background: rgb(117, 188, 33);
}
.leaderboard__top.light-yellow {
  background: #ffc32c;
}
.leaderboard__top.dark-yellow {
  background: #ffb125;
}
.leaderboard__top.medium-grey {
  background: #ccc;
}
.leaderboard__top.light-grey {
  background: #f5f5f5;
}
.leaderboard__top.dark-grey {
  background: #4e535a;
}
.leaderboard__top .inner {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 5px;
}
.leaderboard__top.collapsed {
  min-height: 1.25rem;
}
.leaderboard h1 {
  font-size: 1.333rem;
  line-height: 2.25rem;
  font-weight: 800;
  margin: 0;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 20px;
  text-shadow: none;
  text-transform: capitalize;
  border-top-left-radius: 10px;
}
.leaderboard h1.title {
  padding: 0;
  max-width: 88%;
  flex-grow: 1;
  line-height: 1.5;
}
.leaderboard .logo-custom img {
  max-height: 50px;
  max-width: 50px;
}
.leaderboard .logo {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 95px;
  background-image: url("/assets/triangle_bg-BYTupjE2.png");
  background-position: left bottom;
  background-repeat: repeat;
}
.leaderboard .logo span {
  display: none;
}
.leaderboard .logo .child-icon {
  position: absolute;
  top: 5px;
  bottom: 0;
  left: 20px;
  width: 3.5em;
  height: 3em;
}
.leaderboard .logo .playlive_logo {
  position: absolute;
  top: 4px;
  bottom: 0;
  right: 0;
  left: 24px;
  width: 4rem;
  height: 2.8rem;
  display: inline-block;
  background: url("/assets/playlive_logo-VG39f_nb.png") no-repeat 50% 40%;
  background-size: 100%;
}
.leaderboard .logo .custom-logo-img {
  position: absolute;
  top: 5px;
  width: 4em;
  height: 4em;
  left: 28px;
}
.leaderboard .donor_list.first-rounded li:first-child {
  border-top-right-radius: 1.2rem;
  border-top-left-radius: 1.2rem;
}
.leaderboard .donor_list ol {
  margin-block-start: 0;
  padding-left: 0;
  list-style-type: none;
  width: 100%;
}
.leaderboard .donor_list ol li {
  display: flex;
  counter-increment: list;
  width: 100%;
  min-width: 300px;
  height: 50px;
  opacity: 1;
  background-color: #666;
  position: relative;
  border-radius: 10px;
  align-items: center;
  border-start-start-radius: 1.25rem;
  border-start-end-radius: 1.25rem;
  border-end-end-radius: 1.25rem;
  border-end-start-radius: 1.25rem;
  margin: 5px 0;
  color: #fff;
}
.leaderboard .donor_list ol li.hide-icons .name {
  font-size: 1.333rem;
  line-height: 2.25rem;
  font-weight: 700;
  margin-left: 15px;
}
.leaderboard .donor_list ol li:nth-child(odd) {
  background-color: #4d4d4d;
}
.leaderboard .donor_list ol li.show-icons:nth-child(1)::before {
  display: inline-block;
  width: 55px;
  height: 45px;
  margin-right: 0;
  content: "";
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Become_Partner_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23231F20;'%20d='M39.845,62.993c-0.515,0-1.029-0.159-1.469-0.479l-6.375-4.631l-6.373,4.631%20c-0.88,0.639-2.061,0.639-2.939,0c-0.879-0.639-1.244-1.762-0.908-2.795l2.435-7.493l-6.373-4.63%20c-0.879-0.639-1.244-1.763-0.909-2.796c0.336-1.033,1.292-1.728,2.378-1.728h7.878l2.435-7.493%20c0.336-1.033,1.291-1.727,2.378-1.727c1.086,0,2.041,0.693,2.377,1.727l0,0l2.435,7.493h7.879c1.086,0,2.042,0.694,2.377,1.728%20c0.336,1.034-0.029,2.157-0.909,2.796l-6.372,4.63l2.435,7.492c0.335,1.035-0.03,2.158-0.909,2.796%20C40.875,62.834,40.359,62.993,39.845,62.993z%20M32.001,54.529c0.31,0,0.619,0.096,0.882,0.286l6.01,4.367l-2.296-7.065%20c-0.2-0.618,0.02-1.296,0.545-1.678l6.011-4.366h-7.43c-0.649,0-1.226-0.419-1.427-1.036l-2.295-7.065l-2.295,7.065%20c-0.201,0.618-0.777,1.036-1.427,1.036h-7.43l6.011,4.366c0.526,0.382,0.746,1.06,0.545,1.678l-2.296,7.065l6.01-4.367%20C31.383,54.625,31.692,54.529,32.001,54.529z'/%3e%3cpath%20style='fill:%23231F20;'%20d='M61.495,56.253H44.276c-0.828,0-1.5-0.672-1.5-1.5c0-0.828,0.672-1.5,1.5-1.5h15.337L57.185,42.65%20c-0.793-3.462-3.228-6.259-6.514-7.483c-5.976-2.225-12.257-3.354-18.67-3.354c-6.415,0-12.697,1.129-18.674,3.354%20c-3.285,1.225-5.72,4.022-6.512,7.483L4.388,53.253h15.337c0.829,0,1.5,0.672,1.5,1.5c0,0.828-0.671,1.5-1.5,1.5H2.506%20c-0.457,0-0.889-0.208-1.173-0.565c-0.285-0.356-0.391-0.824-0.29-1.27l2.847-12.437c1.019-4.448,4.155-8.046,8.39-9.625%20c6.313-2.351,12.948-3.543,19.721-3.543c6.772,0,13.407,1.192,19.717,3.542c4.235,1.578,7.372,5.176,8.391,9.625l2.848,12.438%20c0.103,0.445-0.004,0.913-0.289,1.27C62.384,56.045,61.952,56.253,61.495,56.253z'/%3e%3cpath%20style='fill:%23231F20;'%20d='M32,24.835c-6.572,0-11.918-5.347-11.918-11.918S25.428,0.998,32,0.998%20c6.572,0,11.919,5.346,11.919,11.918S38.572,24.835,32,24.835z%20M32,3.999c-4.918,0-8.918,4-8.918,8.918s4,8.918,8.918,8.918%20c4.918,0,8.919-4.001,8.919-8.918S36.918,3.999,32,3.999z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Become_Partner_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23231F20;'%20d='M39.845,62.993c-0.515,0-1.029-0.159-1.469-0.479l-6.375-4.631l-6.373,4.631%20c-0.88,0.639-2.061,0.639-2.939,0c-0.879-0.639-1.244-1.762-0.908-2.795l2.435-7.493l-6.373-4.63%20c-0.879-0.639-1.244-1.763-0.909-2.796c0.336-1.033,1.292-1.728,2.378-1.728h7.878l2.435-7.493%20c0.336-1.033,1.291-1.727,2.378-1.727c1.086,0,2.041,0.693,2.377,1.727l0,0l2.435,7.493h7.879c1.086,0,2.042,0.694,2.377,1.728%20c0.336,1.034-0.029,2.157-0.909,2.796l-6.372,4.63l2.435,7.492c0.335,1.035-0.03,2.158-0.909,2.796%20C40.875,62.834,40.359,62.993,39.845,62.993z%20M32.001,54.529c0.31,0,0.619,0.096,0.882,0.286l6.01,4.367l-2.296-7.065%20c-0.2-0.618,0.02-1.296,0.545-1.678l6.011-4.366h-7.43c-0.649,0-1.226-0.419-1.427-1.036l-2.295-7.065l-2.295,7.065%20c-0.201,0.618-0.777,1.036-1.427,1.036h-7.43l6.011,4.366c0.526,0.382,0.746,1.06,0.545,1.678l-2.296,7.065l6.01-4.367%20C31.383,54.625,31.692,54.529,32.001,54.529z'/%3e%3cpath%20style='fill:%23231F20;'%20d='M61.495,56.253H44.276c-0.828,0-1.5-0.672-1.5-1.5c0-0.828,0.672-1.5,1.5-1.5h15.337L57.185,42.65%20c-0.793-3.462-3.228-6.259-6.514-7.483c-5.976-2.225-12.257-3.354-18.67-3.354c-6.415,0-12.697,1.129-18.674,3.354%20c-3.285,1.225-5.72,4.022-6.512,7.483L4.388,53.253h15.337c0.829,0,1.5,0.672,1.5,1.5c0,0.828-0.671,1.5-1.5,1.5H2.506%20c-0.457,0-0.889-0.208-1.173-0.565c-0.285-0.356-0.391-0.824-0.29-1.27l2.847-12.437c1.019-4.448,4.155-8.046,8.39-9.625%20c6.313-2.351,12.948-3.543,19.721-3.543c6.772,0,13.407,1.192,19.717,3.542c4.235,1.578,7.372,5.176,8.391,9.625l2.848,12.438%20c0.103,0.445-0.004,0.913-0.289,1.27C62.384,56.045,61.952,56.253,61.495,56.253z'/%3e%3cpath%20style='fill:%23231F20;'%20d='M32,24.835c-6.572,0-11.918-5.347-11.918-11.918S25.428,0.998,32,0.998%20c6.572,0,11.919,5.346,11.919,11.918S38.572,24.835,32,24.835z%20M32,3.999c-4.918,0-8.918,4-8.918,8.918s4,8.918,8.918,8.918%20c4.918,0,8.919-4.001,8.919-8.918S36.918,3.999,32,3.999z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #fff;
  background-size: 100%;
  margin-left: 10px;
}
.leaderboard .donor_list ol li.hide-icons:nth-child(1)::before {
  display: inline-block;
  width: 5px;
  height: 45px;
  margin-right: 0;
  content: "";
  margin-left: 10px;
}
.leaderboard .donor_list ol li.empty::before {
  display: none;
}
.leaderboard .donor_list ol li.empty .empty-text {
  margin-left: 15px;
  opacity: 0.5;
}
.leaderboard .donor_list ol li:nth-child(1) {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-end-end-radius: 1.25rem;
  border-end-start-radius: 1.25rem;
  height: 70px;
  font-size: 30px;
  margin: 0;
}
.leaderboard .donor_list ol li:nth-child(1).default-red {
  background: #c10f3a;
}
.leaderboard .donor_list ol li:nth-child(1).dark-red {
  background: #911938;
}
.leaderboard .donor_list ol li:nth-child(1).light-purple {
  background: #8332a7;
}
.leaderboard .donor_list ol li:nth-child(1).dark-purple {
  background: #490e67;
}
.leaderboard .donor_list ol li:nth-child(1).light-blue {
  background: #135cb0;
}
.leaderboard .donor_list ol li:nth-child(1).dark-blue {
  background: #002856;
}
.leaderboard .donor_list ol li:nth-child(1).light-aqua {
  background: #64d0e4;
}
.leaderboard .donor_list ol li:nth-child(1).dark-aqua {
  background: #1eadc1;
}
.leaderboard .donor_list ol li:nth-child(1).light-green {
  background: #c0da07;
}
.leaderboard .donor_list ol li:nth-child(1).dark-green {
  background: rgb(117, 188, 33);
}
.leaderboard .donor_list ol li:nth-child(1).light-yellow {
  background: #ffc32c;
}
.leaderboard .donor_list ol li:nth-child(1).dark-yellow {
  background: #ffb125;
}
.leaderboard .donor_list ol li:nth-child(1).medium-grey {
  background: #ccc;
}
.leaderboard .donor_list ol li:nth-child(1).light-grey {
  background: #f5f5f5;
}
.leaderboard .donor_list ol li:nth-child(1).dark-grey {
  background: #4e535a;
}
.leaderboard .donor_list ol li:nth-child(1) .name {
  font-weight: 800 !important;
  color: #fff;
  margin-left: 0 !important;
  font-size: 30px;
  line-height: unset;
  flex-grow: 1;
}
.leaderboard .donor_list ol li:nth-child(1) .total {
  font-weight: 800;
  color: #fff;
  line-height: unset;
  flex-grow: 1;
}
.leaderboard .donor_list ol li:nth-child(2), .leaderboard .donor_list ol li:nth-child(3) {
  font-size: 1.333rem;
  line-height: 2.25rem;
  font-weight: 700;
  color: #fff;
}
.leaderboard .donor_list ol li:nth-child(2).default-red, .leaderboard .donor_list ol li:nth-child(3).default-red {
  background: #c10f3a;
}
.leaderboard .donor_list ol li:nth-child(2).dark-red, .leaderboard .donor_list ol li:nth-child(3).dark-red {
  background: #911938;
}
.leaderboard .donor_list ol li:nth-child(2).light-purple, .leaderboard .donor_list ol li:nth-child(3).light-purple {
  background: #8332a7;
}
.leaderboard .donor_list ol li:nth-child(2).dark-purple, .leaderboard .donor_list ol li:nth-child(3).dark-purple {
  background: #490e67;
}
.leaderboard .donor_list ol li:nth-child(2).light-blue, .leaderboard .donor_list ol li:nth-child(3).light-blue {
  background: #135cb0;
}
.leaderboard .donor_list ol li:nth-child(2).dark-blue, .leaderboard .donor_list ol li:nth-child(3).dark-blue {
  background: #002856;
}
.leaderboard .donor_list ol li:nth-child(2).light-aqua, .leaderboard .donor_list ol li:nth-child(3).light-aqua {
  background: #64d0e4;
}
.leaderboard .donor_list ol li:nth-child(2).dark-aqua, .leaderboard .donor_list ol li:nth-child(3).dark-aqua {
  background: #1eadc1;
}
.leaderboard .donor_list ol li:nth-child(2).light-green, .leaderboard .donor_list ol li:nth-child(3).light-green {
  background: #c0da07;
}
.leaderboard .donor_list ol li:nth-child(2).dark-green, .leaderboard .donor_list ol li:nth-child(3).dark-green {
  background: rgb(117, 188, 33);
}
.leaderboard .donor_list ol li:nth-child(2).light-yellow, .leaderboard .donor_list ol li:nth-child(3).light-yellow {
  background: #ffc32c;
}
.leaderboard .donor_list ol li:nth-child(2).dark-yellow, .leaderboard .donor_list ol li:nth-child(3).dark-yellow {
  background: #ffb125;
}
.leaderboard .donor_list ol li:nth-child(2).medium-grey, .leaderboard .donor_list ol li:nth-child(3).medium-grey {
  background: #ccc;
}
.leaderboard .donor_list ol li:nth-child(2).light-grey, .leaderboard .donor_list ol li:nth-child(3).light-grey {
  background: #f5f5f5;
}
.leaderboard .donor_list ol li:nth-child(2).dark-grey, .leaderboard .donor_list ol li:nth-child(3).dark-grey {
  background: #4e535a;
}
.leaderboard .donor_list ol li:nth-child(2) .name,
.leaderboard .donor_list ol li:nth-child(2) .total, .leaderboard .donor_list ol li:nth-child(3) .name,
.leaderboard .donor_list ol li:nth-child(3) .total {
  line-height: unset;
}
.leaderboard .donor_list ol li:nth-child(2) .name, .leaderboard .donor_list ol li:nth-child(3) .name {
  margin-left: 15px;
}
.leaderboard .donor_list ol li.show-icons .circle {
  background: #fff;
  color: #4e535a;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  margin-left: 10px;
  line-height: 0.9em;
}
.leaderboard .donor_list ol li.hide-icons .circle {
  display: none;
}
.leaderboard .donor_list ol li .name {
  margin-left: 25px;
  font-weight: 400;
  line-height: 2em;
  flex-grow: 1;
}
.leaderboard .donor_list ol li .total {
  padding-right: 5px;
  line-height: 2em;
  margin-right: 10px;
  text-align: right;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
body,
html {
  color: unset;
  background-color: unset;
}

.fundraiser-leaderboard {
  color: rgba(0, 0, 0, 0.23);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fundraiser-leaderboard .progress-default-red::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #c10f3a;
}
.fundraiser-leaderboard .progress-dark-red::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #911938;
}
.fundraiser-leaderboard .progress-light-purple::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #8332a7;
}
.fundraiser-leaderboard .progress-dark-purple::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #490e67;
}
.fundraiser-leaderboard .progress-light-blue::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #135cb0;
}
.fundraiser-leaderboard .progress-dark-blue::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #002856;
}
.fundraiser-leaderboard .progress-light-aqua::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #64d0e4;
}
.fundraiser-leaderboard .progress-dark-aqua::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #1eadc1;
}
.fundraiser-leaderboard .progress-light-green::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #c0da07;
}
.fundraiser-leaderboard .progress-dark-green::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(117, 188, 33);
}
.fundraiser-leaderboard .progress-light-yellow::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #ffc32c;
}
.fundraiser-leaderboard .progress-dark-yellow::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #ffb125;
}
.fundraiser-leaderboard .progress-medium-grey::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #ccc;
}
.fundraiser-leaderboard .progress-light-grey::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #f5f5f5;
}
.fundraiser-leaderboard .progress-dark-grey::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #4e535a;
}
.fundraiser-leaderboard .university-of-memphis-womens-basketball {
  background: linear-gradient(-45deg, rgb(0, 38.4, 108), rgb(49.2, 87.6, 157.2), rgb(0, 38.4, 108)) !important;
  color: white !important;
  background-size: 400% 400% !important;
  position: relative;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-leaderboard .university-of-memphis-mens-basketball {
  background: linear-gradient(-45deg, rgb(49.2, 87.6, 157.2), rgb(0, 38.4, 108), rgb(49.2, 87.6, 157.2)) !important;
  color: white !important;
  background-size: 400% 400% !important;
  position: relative;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-leaderboard .university-of-south-carolina-womens-basketball {
  background: linear-gradient(-45deg, rgb(141.2, 49.2, 57.2), #5c0008, rgb(141.2, 49.2, 57.2)) !important;
  color: white !important;
  background-size: 400% 400% !important;
  position: relative;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-leaderboard .university-of-north-carolina-mens-basketball {
  background: linear-gradient(-45deg, rgb(86.1, 122.5, 148.4), rgb(147.6, 189.2, 218.8), rgb(86.1, 122.5, 148.4)) !important;
  color: white !important;
  background-size: 400% 400% !important;
  position: relative;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
body,
html {
  color: unset;
  background-color: unset;
}

.fundraiser-progress-bars {
  color: rgba(0, 0, 0, 0.23);
  width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
}
.fundraiser-progress-bars .progress-default-red::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #c10f3a;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-dark-red::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #911938;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-light-purple::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #8332a7;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-dark-purple::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #490e67;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-light-blue::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #135cb0;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-dark-blue::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #002856;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-light-aqua::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #64d0e4;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-dark-aqua::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #1eadc1;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-light-green::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #c0da07;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-dark-green::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(117, 188, 33);
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-light-yellow::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #ffc32c;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-dark-yellow::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #ffb125;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-medium-grey::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #ccc;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-light-grey::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #f5f5f5;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-dark-grey::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: #4e535a;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-university-of-memphis-womens-basketball::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background: linear-gradient(-45deg, rgb(0, 38.4, 108), rgb(49.2, 87.6, 157.2), rgb(0, 38.4, 108)) !important;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-value-inner-university-of-memphis-womens-basketball {
  color: white !important;
}
.fundraiser-progress-bars .progress-university-of-memphis-mens-basketball::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background: linear-gradient(-45deg, rgb(49.2, 87.6, 157.2), rgb(0, 38.4, 108), rgb(49.2, 87.6, 157.2)) !important;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-value-inner-university-of-memphis-mens-basketball {
  color: white !important;
}
.fundraiser-progress-bars .progress-university-of-south-carolina-womens-basketball::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background: linear-gradient(-45deg, rgb(141.2, 49.2, 57.2), #5c0008, rgb(141.2, 49.2, 57.2)) !important;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-value-inner-university-of-south-carolina-womens-basketball {
  color: white !important;
}
.fundraiser-progress-bars .progress-university-of-north-carolina-mens-basketball::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background: linear-gradient(-45deg, rgb(86.1, 122.5, 148.4), rgb(147.6, 189.2, 218.8), rgb(86.1, 122.5, 148.4)) !important;
  -webkit-transition: ease-in-out 1s;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
}
.fundraiser-progress-bars .progress-value-inner-university-of-north-carolina-mens-basketball {
  color: white !important;
}
.fundraiser-progress-bars .width-1 {
  width: 1%;
}
.fundraiser-progress-bars .width-2 {
  width: 2%;
}
.fundraiser-progress-bars .width-3 {
  width: 3%;
}
.fundraiser-progress-bars .width-4 {
  width: 4%;
}
.fundraiser-progress-bars .width-5 {
  width: 5%;
}
.fundraiser-progress-bars .width-6 {
  width: 6%;
}
.fundraiser-progress-bars .width-7 {
  width: 7%;
}
.fundraiser-progress-bars .width-8 {
  width: 8%;
}
.fundraiser-progress-bars .width-9 {
  width: 9%;
}
.fundraiser-progress-bars .width-10 {
  width: 10%;
}
.fundraiser-progress-bars .width-11 {
  width: 11%;
}
.fundraiser-progress-bars .width-12 {
  width: 12%;
}
.fundraiser-progress-bars .width-13 {
  width: 13%;
}
.fundraiser-progress-bars .width-14 {
  width: 14%;
}
.fundraiser-progress-bars .width-15 {
  width: 15%;
}
.fundraiser-progress-bars .width-16 {
  width: 16%;
}
.fundraiser-progress-bars .width-17 {
  width: 17%;
}
.fundraiser-progress-bars .width-18 {
  width: 18%;
}
.fundraiser-progress-bars .width-19 {
  width: 19%;
}
.fundraiser-progress-bars .width-20 {
  width: 20%;
}
.fundraiser-progress-bars .width-21 {
  width: 21%;
}
.fundraiser-progress-bars .width-22 {
  width: 22%;
}
.fundraiser-progress-bars .width-23 {
  width: 23%;
}
.fundraiser-progress-bars .width-24 {
  width: 24%;
}
.fundraiser-progress-bars .width-25 {
  width: 25%;
}
.fundraiser-progress-bars .width-26 {
  width: 26%;
}
.fundraiser-progress-bars .width-27 {
  width: 27%;
}
.fundraiser-progress-bars .width-28 {
  width: 28%;
}
.fundraiser-progress-bars .width-29 {
  width: 29%;
}
.fundraiser-progress-bars .width-30 {
  width: 30%;
}
.fundraiser-progress-bars .width-31 {
  width: 31%;
}
.fundraiser-progress-bars .width-32 {
  width: 32%;
}
.fundraiser-progress-bars .width-33 {
  width: 33%;
}
.fundraiser-progress-bars .width-34 {
  width: 34%;
}
.fundraiser-progress-bars .width-35 {
  width: 35%;
}
.fundraiser-progress-bars .width-36 {
  width: 36%;
}
.fundraiser-progress-bars .width-37 {
  width: 37%;
}
.fundraiser-progress-bars .width-38 {
  width: 38%;
}
.fundraiser-progress-bars .width-39 {
  width: 39%;
}
.fundraiser-progress-bars .width-40 {
  width: 40%;
}
.fundraiser-progress-bars .width-41 {
  width: 41%;
}
.fundraiser-progress-bars .width-42 {
  width: 42%;
}
.fundraiser-progress-bars .width-43 {
  width: 43%;
}
.fundraiser-progress-bars .width-44 {
  width: 44%;
}
.fundraiser-progress-bars .width-45 {
  width: 45%;
}
.fundraiser-progress-bars .width-46 {
  width: 46%;
}
.fundraiser-progress-bars .width-47 {
  width: 47%;
}
.fundraiser-progress-bars .width-48 {
  width: 48%;
}
.fundraiser-progress-bars .width-49 {
  width: 49%;
}
.fundraiser-progress-bars .width-50 {
  width: 50%;
}
.fundraiser-progress-bars .width-51 {
  width: 51%;
}
.fundraiser-progress-bars .width-52 {
  width: 52%;
}
.fundraiser-progress-bars .width-53 {
  width: 53%;
}
.fundraiser-progress-bars .width-54 {
  width: 54%;
}
.fundraiser-progress-bars .width-55 {
  width: 55%;
}
.fundraiser-progress-bars .width-56 {
  width: 56%;
}
.fundraiser-progress-bars .width-57 {
  width: 57%;
}
.fundraiser-progress-bars .width-58 {
  width: 58%;
}
.fundraiser-progress-bars .width-59 {
  width: 59%;
}
.fundraiser-progress-bars .width-60 {
  width: 60%;
}
.fundraiser-progress-bars .width-61 {
  width: 61%;
}
.fundraiser-progress-bars .width-62 {
  width: 62%;
}
.fundraiser-progress-bars .width-63 {
  width: 63%;
}
.fundraiser-progress-bars .width-64 {
  width: 64%;
}
.fundraiser-progress-bars .width-65 {
  width: 65%;
}
.fundraiser-progress-bars .width-66 {
  width: 66%;
}
.fundraiser-progress-bars .width-67 {
  width: 67%;
}
.fundraiser-progress-bars .width-68 {
  width: 68%;
}
.fundraiser-progress-bars .width-69 {
  width: 69%;
}
.fundraiser-progress-bars .width-70 {
  width: 70%;
}
.fundraiser-progress-bars .width-71 {
  width: 71%;
}
.fundraiser-progress-bars .width-72 {
  width: 72%;
}
.fundraiser-progress-bars .width-73 {
  width: 73%;
}
.fundraiser-progress-bars .width-74 {
  width: 74%;
}
.fundraiser-progress-bars .width-75 {
  width: 75%;
}
.fundraiser-progress-bars .width-76 {
  width: 76%;
}
.fundraiser-progress-bars .width-77 {
  width: 77%;
}
.fundraiser-progress-bars .width-78 {
  width: 78%;
}
.fundraiser-progress-bars .width-79 {
  width: 79%;
}
.fundraiser-progress-bars .width-80 {
  width: 80%;
}
.fundraiser-progress-bars .width-81 {
  width: 81%;
}
.fundraiser-progress-bars .width-82 {
  width: 82%;
}
.fundraiser-progress-bars .width-83 {
  width: 83%;
}
.fundraiser-progress-bars .width-84 {
  width: 84%;
}
.fundraiser-progress-bars .width-85 {
  width: 85%;
}
.fundraiser-progress-bars .width-86 {
  width: 86%;
}
.fundraiser-progress-bars .width-87 {
  width: 87%;
}
.fundraiser-progress-bars .width-88 {
  width: 88%;
}
.fundraiser-progress-bars .width-89 {
  width: 89%;
}
.fundraiser-progress-bars .width-90 {
  width: 90%;
}
.fundraiser-progress-bars .width-91 {
  width: 91%;
}
.fundraiser-progress-bars .width-92 {
  width: 92%;
}
.fundraiser-progress-bars .width-93 {
  width: 93%;
}
.fundraiser-progress-bars .width-94 {
  width: 94%;
}
.fundraiser-progress-bars .width-95 {
  width: 95%;
}
.fundraiser-progress-bars .width-96 {
  width: 96%;
}
.fundraiser-progress-bars .width-97 {
  width: 97%;
}
.fundraiser-progress-bars .width-98 {
  width: 98%;
}
.fundraiser-progress-bars .width-99 {
  width: 99%;
}
.fundraiser-progress-bars .width-100 {
  width: 100%;
}@font-face {
  font-family: "PressStart";
  src: url("/assets/PressStart2P-Regular-CGBGLzfe.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.font-press-start {
  font-family: "PressStart", monospace;
}

.scoreboard {
  width: 3636px;
  height: 2045px;
  background: #2d504f;
  position: relative;
}
.scoreboard-wrapper {
  width: 5376px;
  height: 2048px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.scoreboard-wrapper .video-wrapper-left {
  width: 100%;
  padding-top: 600px;
  left: -887px;
  position: absolute;
  background-color: #2d504f;
  z-index: -9;
}
.scoreboard-wrapper .video-wrapper-left video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 3636px;
}
.scoreboard-wrapper .video-wrapper-right {
  width: 100%;
  padding-top: 600px;
  right: -3599px;
  top: 0;
  position: absolute;
  background-color: #2d504f;
  z-index: -9;
}
.scoreboard-wrapper .video-wrapper-right video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 3636px;
}
.scoreboard-wrapper .video-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  padding-top: 600px;
}
.scoreboard-wrapper .video-wrapper video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 3636px;
}
.scoreboard-content {
  height: 1827px;
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: column;
}
.scoreboard-content .rainbow {
  position: absolute;
  top: 490px;
  width: 1550px;
  height: 280px;
  z-index: 9998;
  filter: blur(15px);
  border-radius: inherit;
}
.scoreboard-content .rainbow::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -10px;
  background: linear-gradient(45deg, #0099b3, #ec3e4c, #d7b000, #0099b3);
  background-size: 400% 400%;
  animation: neon 1.5s linear infinite;
  border-radius: inherit;
}
@keyframes neon {
  from {
    filter: hue-rotate(0deg);
  }
  to {
    filter: hue-rotate(360deg);
  }
}
.scoreboard-content .score-wrapper {
  position: relative;
  height: 200px;
  width: 1500px;
  background-color: #000;
  margin-bottom: 100px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 15px 0 #fff, -15px 0 #fff, 0 -15px #fff, 0 15px #fff;
}
.scoreboard-content .score-wrapper__current-score {
  position: absolute;
  top: -130px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.scoreboard-content .score-wrapper__current-score p {
  background-color: #000;
  box-shadow: 10px 0 #fff, -10px 0 #fff, 0 -10px #fff, 0 10px #fff;
  font-size: 40px;
  padding: 15px 30px;
  color: #fff;
  font-size: 48px;
  font-weight: bold;
}
.scoreboard-content .score-wrapper__scores {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 1500px;
  padding-top: 30px;
}
.scoreboard-content .score-wrapper__scores .stephen,
.scoreboard-content .score-wrapper__scores .myke {
  width: 750px;
  text-align: center;
}
.scoreboard-content .score-wrapper__scores .divider {
  width: 10px;
  height: 180px;
  background-color: #fff;
}
.scoreboard-content .score-wrapper__scores p {
  font-size: 100px;
}
.scoreboard-content .characters {
  display: flex;
  justify-content: center;
  align-items: end;
  width: 3000px;
  height: 1000px;
}
.scoreboard-content .myke-wrapper,
.scoreboard-content .stephen-wrapper {
  display: inline-block;
  width: 1150px;
  overflow: hidden;
  position: relative;
}
.scoreboard-content .myke-wrapper img,
.scoreboard-content .stephen-wrapper img {
  height: 1150px;
  width: auto;
  display: block;
}
.scoreboard-content .myke-wrapper img.stephen-image-idle,
.scoreboard-content .stephen-wrapper img.stephen-image-idle {
  height: 1100px;
  transform: translateX(220px);
}
.scoreboard-content .myke-wrapper img.stephen-image-fight,
.scoreboard-content .stephen-wrapper img.stephen-image-fight {
  transform: translateX(220px);
}
.scoreboard-content .myke-wrapper img.stephen-image-jump,
.scoreboard-content .stephen-wrapper img.stephen-image-jump {
  transform: translateX(220px);
}
.scoreboard-content .myke-wrapper img.myke-image-idle,
.scoreboard-content .stephen-wrapper img.myke-image-idle {
  height: 1100px;
  transform: translateX(-120px);
}
.scoreboard-content .myke-wrapper img.myke-image-fight,
.scoreboard-content .stephen-wrapper img.myke-image-fight {
  transform: translateX(-120px);
}
.scoreboard-content .myke-wrapper img.myke-image-jump,
.scoreboard-content .stephen-wrapper img.myke-image-jump {
  transform: translateX(-120px);
}
.scoreboard-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 50%;
}

/* BAC */

@font-face {
  font-family: ChicagoFLF;
  src: url("/assets/ChicagoFLF-BHd3TQI7.ttf");
}

.alerts-overlay .bac-alerts {
  width: -moz-fit-content;
  width: fit-content;
  font-family: ChicagoFLF, monospace;
  font-weight: 800;
  font-size: 1.1rem;
  color: #fff;
  margin: 0 auto;
  padding: 0.3rem 0.5rem 0.2rem;
  z-index: 9998;
  position: relative;
  transform: translateY(-54px);
}

.alerts-overlay .bac-alerts.grey {
  animation: alertDrop 0.4s ease-in-out 1 forwards, alertRise 0.4s ease-in-out 5s 1 forwards;
}

.alerts-overlay .bac-alerts.bronze {
  animation: alertDrop 0.4s ease-in-out 1 forwards, alertRise 0.4s ease-in-out 6s 1 forwards;
}

.alerts-overlay .bac-alerts.silver {
  animation: alertDrop 0.4s ease-in-out 1 forwards, alertRise 0.4s ease-in-out 7s 1 forwards;
}

.alerts-overlay .bac-alerts.gold {
  animation: alertDrop 0.4s ease-in-out 1 forwards, alertRise 0.4s ease-in-out 8s 1 forwards;
}

.alerts-overlay .bac-alerts.platinum {
  animation: alertDrop 0.4s ease-in-out 1 forwards, alertRise 0.4s ease-in-out 9s 1 forwards;
}

.alerts-overlay .bac-alerts {
  background: #c231ff;
  box-shadow: 9px 0 #c231ff, -9px 0 #c231ff, 0 -8px #c231ff, 0 8px #c231ff, 16px 0 rgba(51, 51, 51, 0.23), -16px 0 rgba(51, 51, 51, 0.23), 0 -16px #c231ff, 0 16px rgba(51, 51, 51, 0.23), 0 0 0 8px rgba(51, 51, 51, 0.23);
}

@keyframes alertDrop {
  0% {
    transform: translateY(-54px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes alertRise {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-54px);
  }
}
.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}
.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}
.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}
.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}
.carousel .control-prev.control-arrow{left:0}
.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}
.carousel .control-next.control-arrow{right:0}
.carousel .control-next.control-arrow:before{border-left:8px solid #fff}
.carousel-root{outline:none}
.carousel{position:relative;width:100%}
.carousel *{box-sizing:border-box}
.carousel img{width:100%;display:inline-block;pointer-events:none}
.carousel .carousel{position:relative}
.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}
.carousel .thumbs-wrapper{margin:20px;overflow:hidden}
.carousel .thumbs{transition:all .15s ease-in;transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}
.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}
.carousel .thumb:focus{border:3px solid #ccc;outline:none}
.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}
.carousel .thumb img{vertical-align:top}
.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}
.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}
.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}
.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}
.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}
.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}
.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}
.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}
.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}
.carousel .slider.animated{transition:all .35s ease-in-out}
.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}
.carousel .slide img{width:100%;vertical-align:top;border:0}
.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}
.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;transition:opacity .35s ease-in-out}
.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}
@media (min-width: 960px){.carousel .control-dots{bottom:0}}
.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}
.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}
.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}
.carousel:hover .slide .legend{opacity:1}
/* BAC */
@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
@font-face {
  font-family: ChicagoFLF;
  src: url("/assets/ChicagoFLF-BHd3TQI7.ttf");
}
.bac-leaderboard {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: ChicagoFLF, monospace;
  font-size: 1.1rem;
  background: rgba(100, 57.6, 204, 0.9);
  padding: 0 1rem 0.5rem 1rem;
  width: 350px;
  margin: 1.5rem;
  box-shadow: 9px 0 rgba(51, 51, 51, 0.23), -9px 0 rgba(51, 51, 51, 0.23), 0 -8px rgba(51, 51, 51, 0.23), 0 8px rgba(51, 51, 51, 0.23);
}
.bac-leaderboard .donors {
  color: #fff;
  width: 315px;
  font-size: 0.9rem;
  line-height: 1.37rem;
  display: flex;
  text-shadow: 1px 1px 3px #333;
}
.bac-leaderboard .donors span {
  display: inline-block;
  text-align: left;
}
.bac-leaderboard .donors .placement {
  width: 50px;
}
.bac-leaderboard .donors .donor {
  width: 230px;
}
.bac-leaderboard .donors .total {
  width: 100px;
  text-align: right;
}
.bac-leaderboard .carousel-root {
  height: 100%;
  width: 315px;
}
.bac-leaderboard .carousel {
  position: relative;
  width: 100%;
  height: 100%;
}
.bac-leaderboard .carousel .control-arrow {
  display: none;
}
.bac-leaderboard .carousel .slide-wrapper {
  height: 100%;
}
.bac-leaderboard .carousel .slider-wrapper {
  overflow: hidden;
  margin: auto;
  width: 100%;
  transition: height 0.15s ease-in;
}
.bac-leaderboard .carousel img {
  width: 100%;
  display: inline-block;
  pointer-events: none;
}
.bac-leaderboard .carousel .slide {
  background: transparent;
  min-width: 100%;
  margin: 0;
  position: relative;
  text-align: center;
  z-index: 0 !important;
}
.bac-leaderboard .slider-wrapper.axis-vertical p {
  color: #fff;
}
.bac-leaderboard.cf:after {
  clear: both;
  content: "";
  display: table;
}
.bac-leaderboard.constrained {
  width: 400px;
}
.bac-leaderboard h1 {
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-weight: 800;
  margin: 0;
  color: #ff2c4b;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 0 0.3rem;
  text-transform: capitalize;
  border-top-left-radius: 10px;
  text-shadow: 1px 1px 3px #333;
}
.bac-leaderboard h1.title {
  padding: 0;
  max-width: 88%;
  flex-grow: 1;
  line-height: 1.5;
}
.bac-leaderboard.large {
  width: 380px;
  margin: 1rem;
  padding: 0 1rem 1rem 1rem;
  background: #7d48ff;
}
.bac-leaderboard.large h1 {
  font-size: 1.333rem;
  line-height: 2.25rem;
  color: #ff2c4b;
}
.bac-leaderboard.large .donors {
  width: 350px;
  line-height: 1.23rem;
  font-size: 0.8rem;
}
.bac-leaderboard.large .donors .placement {
  width: 40px;
}
.bac-leaderboard.large .donors .donor {
  width: 205px;
}
.bac-leaderboard.large .donors .total {
  width: 105px;
}
.bac-leaderboard .carousel .slider-wrapper,
.bac-leaderboard .carousel .slide {
  height: 22px !important;
}/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.alerts-overlay {
  width: 100%;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  min-height: 120px;
  margin: 15px 0;
}
.alerts-overlay .demo-mode {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2em;
  height: 100%;
}
.alerts-overlay .demo-donation {
  display: flex;
  justify-content: center;
  align-items: center;
}
.alerts-overlay .alerts-demo-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0 auto;
  background-color: #f5f5f5;
  border: 2px solid #ccc;
  border-radius: 5px;
}
.alerts-overlay .alert_wrapper__regular, .alerts-overlay .alert_wrapper__new {
  color: #fff;
  height: 80px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.alerts-overlay .alert_wrapper__regular .alert-content-wrapper, .alerts-overlay .alert_wrapper__new .alert-content-wrapper {
  width: 100% !important;
}
.alerts-overlay .alert_wrapper__regular .icon, .alerts-overlay .alert_wrapper__new .icon {
  z-index: 9999;
  width: 80px;
  height: 80px;
  background: linear-gradient(to top right, rgb(115.8, 9, 34.8), #c10f3a);
  outline: 1px solid #c10f3a;
  outline-offset: -3px;
  position: absolute;
  top: 0;
  left: 15px;
  animation: alertMoveUp 1s ease 1 backwards;
}
.alerts-overlay .alert_wrapper__regular .icon.animated.grey, .alerts-overlay .alert_wrapper__new .icon.animated.grey {
  animation: alertMoveUp 1s ease 1 backwards, alertFadeOut 0.5s linear 9s 1 forwards;
}
.alerts-overlay .alert_wrapper__regular .icon.animated.bronze, .alerts-overlay .alert_wrapper__new .icon.animated.bronze {
  animation: alertMoveUp 1s ease 1 backwards, alertFadeOut 0.5s linear 9s 1 forwards;
}
.alerts-overlay .alert_wrapper__regular .icon.animated.silver, .alerts-overlay .alert_wrapper__new .icon.animated.silver {
  animation: alertMoveUp 1s ease 1 backwards, alertFadeOut 0.5s linear 9s 1 forwards;
}
.alerts-overlay .alert_wrapper__regular .icon.animated.gold, .alerts-overlay .alert_wrapper__new .icon.animated.gold {
  animation: alertMoveUp 1s ease 1 backwards, alertFadeOut 0.5s linear 9s 1 forwards;
}
.alerts-overlay .alert_wrapper__regular .icon.animated.platinum, .alerts-overlay .alert_wrapper__new .icon.animated.platinum {
  animation: alertMoveUp 1s ease 1 backwards, alertFadeOut 0.5s linear 9s 1 forwards;
}
.alerts-overlay .alert_wrapper__regular .icon__symbol, .alerts-overlay .alert_wrapper__new .icon__symbol {
  width: 85%;
  height: 85%;
  margin: 5px;
  display: block;
  -webkit-mask: url("/assets/sj_logo-ScfOTM_4.svg") no-repeat 50% 50%;
          mask: url("/assets/sj_logo-ScfOTM_4.svg") no-repeat 50% 50%;
  -webkit-mask-size: auto;
          mask-size: auto;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #fff;
}
@keyframes alertMoveUp {
  0% {
    width: 1px;
    height: 1px;
    top: 350px;
    transform: rotate(80deg);
  }
  75% {
    top: 0;
    transform: rotate(-30deg);
  }
  100% {
    top: 0;
    width: 80px;
    height: 80px;
    transform: rotate(0deg);
  }
}
@keyframes alertMoveRight {
  0% {
    left: 15px;
  }
  100% {
    left: 100%;
  }
}
@keyframes alertMoveLeft {
  0% {
    left: 100%;
  }
  100% {
    left: 15px;
  }
}
@keyframes alertFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.alerts-overlay .alert_wrapper__regular .poof, .alerts-overlay .alert_wrapper__new .poof {
  position: absolute;
  overflow: visible;
  top: 0;
  left: 15px;
  height: 80px;
  width: 80px;
}
.alerts-overlay .alert_wrapper__regular .poof svg, .alerts-overlay .alert_wrapper__new .poof svg {
  overflow: visible;
}
.alerts-overlay .alert_wrapper__regular .poof .circle1, .alerts-overlay .alert_wrapper__new .poof .circle1 {
  opacity: 0;
  animation: alertCircleOne 0.7s ease 0.85s forwards;
}
.alerts-overlay .alert_wrapper__regular .poof .circle2, .alerts-overlay .alert_wrapper__new .poof .circle2 {
  opacity: 0;
  animation: alertCircleTwo 0.7s ease 0.85s forwards;
}
.alerts-overlay .alert_wrapper__regular .poof .circle3, .alerts-overlay .alert_wrapper__new .poof .circle3 {
  opacity: 0;
  animation: alertCircleThree 0.7s ease 0.85s forwards;
}
.alerts-overlay .alert_wrapper__regular .poof .circle4, .alerts-overlay .alert_wrapper__new .poof .circle4 {
  opacity: 0;
  animation: alertCircleFour 0.7s ease 0.85s forwards;
}
.alerts-overlay .alert_wrapper__regular .poof .circle5, .alerts-overlay .alert_wrapper__new .poof .circle5 {
  opacity: 0;
  animation: alertCircleFive 0.7s ease 0.85s forwards;
}
.alerts-overlay .alert_wrapper__regular .poof .circle6, .alerts-overlay .alert_wrapper__new .poof .circle6 {
  opacity: 0;
  animation: alertCircleSix 0.7s ease 0.85s forwards;
}
.alerts-overlay .alert_wrapper__regular .poof .circle7, .alerts-overlay .alert_wrapper__new .poof .circle7 {
  opacity: 0;
  animation: alertCircleSeven 0.7s ease 0.85s forwards;
}
.alerts-overlay .alert_wrapper__regular .poof .circle8, .alerts-overlay .alert_wrapper__new .poof .circle8 {
  opacity: 0;
  animation: alertCircleEight 0.7s ease 0.85s forwards;
}
@keyframes alertCircleOne {
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(25px, -81px) scale(0.3);
    opacity: 0;
  }
}
@keyframes alertCircleTwo {
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(-78px, 36px) scale(0.3);
    opacity: 0;
  }
}
@keyframes alertCircleThree {
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(389px, -81px) scale(0.3);
    opacity: 0;
  }
}
@keyframes alertCircleFour {
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(500px, 36px) scale(0.3);
    opacity: 0;
  }
}
@keyframes alertCircleFive {
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(500px, 385px) scale(0.3);
    opacity: 0;
  }
}
@keyframes alertCircleSix {
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(389px, 500px) scale(0.3);
    opacity: 0;
  }
}
@keyframes alertCircleSeven {
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(27px, 500px) scale(0.3);
    opacity: 0;
  }
}
@keyframes alertCircleEight {
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(-78px, 385px) scale(0.3);
    opacity: 0;
  }
}
.alerts-overlay .alert_wrapper__regular .donor, .alerts-overlay .alert_wrapper__new .donor {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 95px;
  white-space: nowrap;
  overflow: hidden;
}
.alerts-overlay .alert_wrapper__regular .donor__info, .alerts-overlay .alert_wrapper__new .donor__info {
  height: 80px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  animation: alertSlideOut 0.9s linear 1.5s 1 backwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.alerts-overlay .alert_wrapper__regular .donor__info p, .alerts-overlay .alert_wrapper__new .donor__info p {
  font-size: 2.25rem;
  font-weight: 800;
  padding: 27px 20px;
  color: #fff;
  text-shadow: 4px 4px 3px #333;
  line-height: 25px;
}
.alerts-overlay .alert_wrapper__regular .donor__info.animated, .alerts-overlay .alert_wrapper__new .donor__info.animated {
  animation: alertSlideOut 0.9s linear 1.5s 1 backwards, alertSlideIn 0.9s linear 4s 1 forwards;
}
.alerts-overlay .alert_wrapper__regular .donor__info.platinum, .alerts-overlay .alert_wrapper__new .donor__info.platinum {
  background: linear-gradient(135deg, rgba(152, 110, 176, 0.8) 10%, rgba(89, 141, 239, 0.9) 20%, rgba(57, 97, 207, 0.9) 20%, rgba(152, 110, 176, 0.8) 70%) no-repeat center center fixed;
  border-top: 1px solid #3961cf;
  border-bottom: 1px solid #3961cf;
}
.alerts-overlay .alert_wrapper__regular .donor__info.platinum:after, .alerts-overlay .alert_wrapper__new .donor__info.platinum:after {
  animation: alertShine 0.5s linear 3.5s 1 forwards;
}
.alerts-overlay .alert_wrapper__regular .donor__info.gold, .alerts-overlay .alert_wrapper__new .donor__info.gold {
  background: linear-gradient(135deg, rgba(252, 234, 187, 0.8) 0%, rgba(252, 205, 77, 0.8) 20%, rgba(248, 181, 0, 0.8) 20%, rgba(251, 223, 147, 0.8) 70%) no-repeat center center fixed;
  border-top: 1px solid #ffc32c;
  border-bottom: 1px solid #ffc32c;
}
.alerts-overlay .alert_wrapper__regular .donor__info.gold:after, .alerts-overlay .alert_wrapper__new .donor__info.gold:after {
  animation: alertShine 0.5s linear 3.5s 1 forwards;
}
.alerts-overlay .alert_wrapper__regular .donor__info.silver, .alerts-overlay .alert_wrapper__new .donor__info.silver {
  background: linear-gradient(135deg, rgba(242, 237, 241, 0.9) 0%, rgba(218, 232, 227, 0.9) 20%, rgba(199, 210, 226, 0.9) 20%, rgba(225, 245, 247, 0.9) 70%) no-repeat center center fixed;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.alerts-overlay .alert_wrapper__regular .donor__info.silver:after, .alerts-overlay .alert_wrapper__new .donor__info.silver:after {
  animation: alertShine 0.5s linear 3.5s 1 forwards;
}
.alerts-overlay .alert_wrapper__regular .donor__info.silver p, .alerts-overlay .alert_wrapper__new .donor__info.silver p {
  color: rgba(25.5, 25.5, 25.5, 0.23);
  text-shadow: 2px 2px 2px #555;
}
.alerts-overlay .alert_wrapper__regular .donor__info.bronze, .alerts-overlay .alert_wrapper__new .donor__info.bronze {
  background: linear-gradient(135deg, rgba(232, 181, 165, 0.8) 0%, rgba(255, 122, 102, 0.8) 20%, rgba(196, 94, 79, 0.8) 20%, rgba(255, 122, 102, 0.8) 70%) no-repeat center center fixed;
  border-top: 1px solid #ff7a66;
  border-bottom: 1px solid #ff7a66;
}
.alerts-overlay .alert_wrapper__regular .donor__info.bronze:after, .alerts-overlay .alert_wrapper__new .donor__info.bronze:after {
  animation: alertShine 0.5s linear 3.5s 1 forwards;
}
.alerts-overlay .alert_wrapper__regular .donor__info.grey, .alerts-overlay .alert_wrapper__new .donor__info.grey {
  background: linear-gradient(135deg, rgba(145, 144, 143, 0.8) 0%, rgba(128, 127, 125, 0.8) 20%, rgba(55, 54, 52, 0.8) 20%, rgba(55, 54, 52, 0.8) 70%) no-repeat center center fixed;
  border-top: 1px solid #373634;
  border-bottom: 1px solid #373634;
}
.alerts-overlay .alert_wrapper__regular .donor__info:after, .alerts-overlay .alert_wrapper__new .donor__info:after {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  z-index: 9999;
  filter: blur(5px);
  transform: translateX(-100px) skewX(-15deg);
}
@keyframes alertSlideOut {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes alertSlideIn {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes alertShine {
  100% {
    transform: translateX(300px) skewX(-15deg);
    left: 100%;
    opacity: 1;
  }
}
@keyframes alertTextIn {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.alerts-overlay .alert_wrapper__regular.reward .donor__info .reward-content, .alerts-overlay .alert_wrapper__new.reward .donor__info .reward-content {
  display: flex;
  align-items: center;
  padding-left: 20px;
  margin-left: 0.375rem;
  text-shadow: 2px 3px 3px #333;
  position: relative;
}
.alerts-overlay .alert_wrapper__regular.reward .donor__info .reward-icon, .alerts-overlay .alert_wrapper__new.reward .donor__info .reward-icon {
  position: absolute;
  margin-right: 0.25rem;
  margin-top: 1px;
}
.alerts-overlay .alert_wrapper__regular.reward .donor__info .reward-icon svg, .alerts-overlay .alert_wrapper__new.reward .donor__info .reward-icon svg {
  color: #ffc32c;
}
.alerts-overlay .alert_wrapper__regular.reward .donor__info .reward-icon svg:first-child, .alerts-overlay .alert_wrapper__new.reward .donor__info .reward-icon svg:first-child {
  filter: drop-shadow(0 2px 5px #ffc32c);
  z-index: 10;
}
.alerts-overlay .alert_wrapper__regular.reward .donor__info p, .alerts-overlay .alert_wrapper__new.reward .donor__info p {
  margin: 0.375rem;
  padding: 0 20px;
}
.alerts-overlay .alert_wrapper__regular.reward .donor__info p.reward-message, .alerts-overlay .alert_wrapper__new.reward .donor__info p.reward-message {
  padding-left: 0;
  font-size: 1.6875rem;
  margin-top: 0.375rem;
  margin-left: 30px;
}
.alerts-overlay .alert_wrapper__gifts {
  width: 300px;
  position: relative;
  margin-top: 45px;
  margin-left: 45px;
  animation: fadeOut 0.5s linear 4.7s 1 forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.alerts-overlay .alert_wrapper__gifts .circle-lines {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  bottom: 0;
  box-sizing: content-box;
  transition: 0.5s;
}
.alerts-overlay .alert_wrapper__gifts .circle-lines .beams {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  animation: rotate 3s linear infinite, fadeIn 0.5s linear 0.9s 1 forwards, fadeOut 0.5s linear 4.7s 1 forwards;
}
@keyframes rotateShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.alerts-overlay .alert_wrapper__gifts .beam {
  width: 3px;
  height: 20px;
  background: #c10f3a;
  position: absolute;
  border-radius: 0.2rem;
}
.alerts-overlay .alert_wrapper__gifts .beam-1 {
  top: 0;
  transform: translateY(-150%);
  height: 15px;
}
.alerts-overlay .alert_wrapper__gifts .beam-2 {
  top: 13%;
  right: 18%;
  transform: rotate(45deg) translateY(-150%);
}
.alerts-overlay .alert_wrapper__gifts .beam-3 {
  right: 12px;
  height: 15px;
  transform: rotate(90deg) translateY(-190%);
}
.alerts-overlay .alert_wrapper__gifts .beam-4 {
  bottom: 12%;
  right: 18%;
  transform: rotate(135deg) translateY(-150%);
}
.alerts-overlay .alert_wrapper__gifts .beam-5 {
  bottom: 0;
  height: 15px;
  transform: rotate(180deg) translateY(-150%);
}
.alerts-overlay .alert_wrapper__gifts .beam-6 {
  bottom: 12%;
  left: 18%;
  transform: rotate(225deg) translateY(-150%);
}
.alerts-overlay .alert_wrapper__gifts .beam-7 {
  left: 12px;
  height: 15px;
  transform: rotate(270deg) translateY(-190%);
}
.alerts-overlay .alert_wrapper__gifts .beam-8 {
  top: 13%;
  left: 18%;
  transform: rotate(315deg) translateY(-150%);
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo {
  position: relative;
  animation: cmoveup 1s ease 1 backwards;
}
@keyframes cmoveup {
  0% {
    width: 1px;
    height: 1px;
    top: 350px;
    transform: rotate(80deg);
  }
  75% {
    top: -15px;
    transform: rotate(-30deg);
  }
  100% {
    top: 0px;
    width: 80px;
    height: 80px;
    transform: rotate(0deg);
  }
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg {
  width: 80px;
  height: 80px;
  animation: cmoveup 1s ease 1 backwards;
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg .icon {
  display: block;
  height: 98%;
  width: 98%;
  border: 1px solid rgb(135.1, 10.5, 40.6);
  background: linear-gradient(#c10f3a, rgb(154.4, 12, 46.4));
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg .icon span {
  margin: 10px auto 0;
  background-color: #fff;
  width: 55px;
  height: 55px;
  display: block;
  background-position: 50% 50%;
  -webkit-mask-size: cover;
          mask-size: cover;
  animation: iconEnd 0.8s linear 3s 1 backwards;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg .icon span.wagon {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Red_Wagon_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.779,44.227L53.071,5.351h1.014c0.744,0,1.35-0.605,1.35-1.35c0-0.745-0.606-1.35-1.35-1.35%20h-5.487c-0.744,0-1.35,0.605-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h1.691l4.106,16.443H2.499c-0.745,0-1.35,0.606-1.35,1.35%20c0,0.745,0.605,1.35,1.35,1.35h1.65v8.573c0,1.848,1.503,3.35,3.35,3.35h42.91c1.848,0,3.35-1.502,3.35-3.35v-8.573h1.31%20l4.983,19.952h-5.653l-0.044-0.075c-2.027-3.488-5.775-5.654-9.782-5.654c-2.499,0-4.875,0.812-6.873,2.349l-0.104,0.08%20l-2.028-2.027c-0.263-0.264-0.608-0.396-0.954-0.396c-0.346,0-0.691,0.132-0.954,0.396c-0.526,0.526-0.526,1.382,0,1.908%20l2.027,2.028l-0.08,0.104c-1.536,1.998-2.348,4.375-2.348,6.872c0,6.239,5.075,11.314,11.314,11.314%20c6.239,0,11.314-5.075,11.314-11.314c0-0.879-0.114-1.787-0.339-2.699l-0.046-0.187H60.5c0.728,0,1.402-0.328,1.851-0.902%20C62.799,45.67,62.955,44.935,62.779,44.227z%20M51.06,33.067c0,0.358-0.292,0.65-0.65,0.65H7.499c-0.358,0-0.65-0.292-0.65-0.65%20v-8.573h44.21V33.067z%20M44.572,58.646c-4.75,0-8.615-3.865-8.615-8.615s3.865-8.615,8.615-8.615s8.615,3.865,8.615,8.615%20S49.322,58.646,44.572,58.646z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,55.616c3.08,0,5.585-2.505,5.585-5.585c0-3.08-2.506-5.585-5.585-5.585%20c-3.08,0-5.585,2.505-5.585,5.585C6.879,53.111,9.385,55.616,12.464,55.616z%20M12.464,47.146c1.591,0,2.885,1.295,2.885,2.886%20c0,1.591-1.294,2.886-2.885,2.886c-1.591,0-2.885-1.295-2.885-2.886C9.579,48.44,10.873,47.146,12.464,47.146z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M44.572,44.446c-3.08,0-5.585,2.505-5.585,5.585c0,3.08,2.505,5.585,5.585,5.585%20c3.08,0,5.585-2.505,5.585-5.585C50.157,46.951,47.652,44.446,44.572,44.446z%20M44.572,52.917c-1.591,0-2.886-1.295-2.886-2.886%20c0-1.591,1.295-2.886,2.886-2.886c1.591,0,2.886,1.295,2.886,2.886C47.458,51.622,46.163,52.917,44.572,52.917z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,61.346c6.239,0,11.315-5.075,11.315-11.314c0-2.497-0.812-4.874-2.348-6.872l-0.08-0.104%20l2.027-2.028c0.526-0.526,0.526-1.382,0-1.908c-0.526-0.527-1.383-0.527-1.909,0l-2.027,2.026l-0.104-0.08%20c-1.999-1.536-4.376-2.348-6.873-2.348c-6.239,0-11.315,5.075-11.315,11.314C1.149,56.271,6.225,61.346,12.464,61.346z%20M12.464,41.416c4.75,0,8.615,3.865,8.615,8.615s-3.865,8.615-8.615,8.615S3.85,54.781,3.85,50.031S7.714,41.416,12.464,41.416z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Red_Wagon_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.779,44.227L53.071,5.351h1.014c0.744,0,1.35-0.605,1.35-1.35c0-0.745-0.606-1.35-1.35-1.35%20h-5.487c-0.744,0-1.35,0.605-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h1.691l4.106,16.443H2.499c-0.745,0-1.35,0.606-1.35,1.35%20c0,0.745,0.605,1.35,1.35,1.35h1.65v8.573c0,1.848,1.503,3.35,3.35,3.35h42.91c1.848,0,3.35-1.502,3.35-3.35v-8.573h1.31%20l4.983,19.952h-5.653l-0.044-0.075c-2.027-3.488-5.775-5.654-9.782-5.654c-2.499,0-4.875,0.812-6.873,2.349l-0.104,0.08%20l-2.028-2.027c-0.263-0.264-0.608-0.396-0.954-0.396c-0.346,0-0.691,0.132-0.954,0.396c-0.526,0.526-0.526,1.382,0,1.908%20l2.027,2.028l-0.08,0.104c-1.536,1.998-2.348,4.375-2.348,6.872c0,6.239,5.075,11.314,11.314,11.314%20c6.239,0,11.314-5.075,11.314-11.314c0-0.879-0.114-1.787-0.339-2.699l-0.046-0.187H60.5c0.728,0,1.402-0.328,1.851-0.902%20C62.799,45.67,62.955,44.935,62.779,44.227z%20M51.06,33.067c0,0.358-0.292,0.65-0.65,0.65H7.499c-0.358,0-0.65-0.292-0.65-0.65%20v-8.573h44.21V33.067z%20M44.572,58.646c-4.75,0-8.615-3.865-8.615-8.615s3.865-8.615,8.615-8.615s8.615,3.865,8.615,8.615%20S49.322,58.646,44.572,58.646z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,55.616c3.08,0,5.585-2.505,5.585-5.585c0-3.08-2.506-5.585-5.585-5.585%20c-3.08,0-5.585,2.505-5.585,5.585C6.879,53.111,9.385,55.616,12.464,55.616z%20M12.464,47.146c1.591,0,2.885,1.295,2.885,2.886%20c0,1.591-1.294,2.886-2.885,2.886c-1.591,0-2.885-1.295-2.885-2.886C9.579,48.44,10.873,47.146,12.464,47.146z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M44.572,44.446c-3.08,0-5.585,2.505-5.585,5.585c0,3.08,2.505,5.585,5.585,5.585%20c3.08,0,5.585-2.505,5.585-5.585C50.157,46.951,47.652,44.446,44.572,44.446z%20M44.572,52.917c-1.591,0-2.886-1.295-2.886-2.886%20c0-1.591,1.295-2.886,2.886-2.886c1.591,0,2.886,1.295,2.886,2.886C47.458,51.622,46.163,52.917,44.572,52.917z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,61.346c6.239,0,11.315-5.075,11.315-11.314c0-2.497-0.812-4.874-2.348-6.872l-0.08-0.104%20l2.027-2.028c0.526-0.526,0.526-1.382,0-1.908c-0.526-0.527-1.383-0.527-1.909,0l-2.027,2.026l-0.104-0.08%20c-1.999-1.536-4.376-2.348-6.873-2.348c-6.239,0-11.315,5.075-11.315,11.314C1.149,56.271,6.225,61.346,12.464,61.346z%20M12.464,41.416c4.75,0,8.615,3.865,8.615,8.615s-3.865,8.615-8.615,8.615S3.85,54.781,3.85,50.031S7.714,41.416,12.464,41.416z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg .icon span.toys {
  -webkit-mask: url("/assets/kids-B3TObYnj.svg") no-repeat 50% 50%;
          mask: url("/assets/kids-B3TObYnj.svg") no-repeat 50% 50%;
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg .icon span.nochemo {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Host_an_Event_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M25.033,50.463c1.39,1.164,3.524,2.876,6.01,4.822l0.115,0.09c0.469,0.375,1.215,0.367,1.697-0.008%20c0.902-0.705,4.009-3.143,6.111-4.904c3.823-3.199,5.916-6.417,6.053-9.307c0.099-2.099-0.57-4.1-1.883-5.637%20c-1.346-1.576-3.229-2.497-5.305-2.593c-2.102-0.111-4.187,0.68-5.727,2.167L32,35.194l-0.104-0.1%20c-1.534-1.48-3.626-2.272-5.728-2.169c-2.076,0.097-3.96,1.019-5.305,2.594c-1.312,1.536-1.981,3.538-1.883,5.638%20C19.121,44.087,21.157,47.218,25.033,50.463z%20M22.916,37.272c0.856-1.002,2.057-1.588,3.379-1.649%20c1.84-0.097,3.589,0.866,4.552,2.448c0.244,0.399,0.685,0.647,1.153,0.647c0.468,0,0.91-0.248,1.154-0.648%20c0.926-1.524,2.581-2.451,4.354-2.451c0.064,0,0.128,0.001,0.192,0.004c1.325,0.062,2.525,0.647,3.382,1.649%20c0.865,1.014,1.305,2.347,1.238,3.756c-0.099,2.086-1.905,4.701-5.088,7.365c-1.523,1.275-3.636,2.954-5.139,4.139l-0.093,0.072%20l-0.093-0.072c-2.144-1.687-3.923-3.118-5.142-4.14c-3.183-2.664-4.99-5.279-5.089-7.363%20C21.611,39.619,22.051,38.285,22.916,37.272z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32.001,21.426c5.591,0,10.139-4.549,10.139-10.14c0-5.591-4.548-10.14-10.139-10.14%20c-5.591,0-10.14,4.549-10.14,10.14C21.862,16.877,26.411,21.426,32.001,21.426z%20M32.001,3.847c4.102,0,7.44,3.337,7.44,7.44%20c0,4.102-3.338,7.44-7.44,7.44c-4.102,0-7.439-3.337-7.439-7.44C24.562,7.184,27.899,3.847,32.001,3.847z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.851,54.436c0-0.744-0.605-1.35-1.35-1.35c-0.744,0-1.35,0.605-1.35,1.35v5.711H7.85v-9.466%20l0.117-0.026c2.424-0.541,4.184-2.735,4.184-5.218v-2.749c0-2.95-2.4-5.35-5.35-5.35h-0.6c-2.95,0-5.35,2.399-5.35,5.35v2.749%20c0,2.48,1.759,4.675,4.182,5.218l0.117,0.026v10.815c0,0.744,0.606,1.35,1.35,1.35h51.001c0.744,0,1.35-0.605,1.35-1.35V54.436z%20M6.201,48.087c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.188-2.65,2.65-2.65h0.6c1.461,0,2.65,1.189,2.65,2.65v2.749%20c0,1.461-1.189,2.65-2.65,2.65H6.201z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M63.149,42.688c0-2.48-1.758-4.675-4.182-5.218l-0.117-0.026V26.627c0-0.745-0.605-1.35-1.35-1.35%20H6.5c-0.745,0-1.35,0.605-1.35,1.35v7.059c0,0.744,0.606,1.35,1.35,1.35c0.745,0,1.35-0.605,1.35-1.35v-5.708h48.301v9.466%20l-0.117,0.026c-2.425,0.542-4.184,2.736-4.184,5.218v2.749c0,2.95,2.399,5.35,5.35,5.35h0.6c2.95,0,5.35-2.399,5.35-5.35V42.688z%20M60.45,45.437c0,1.461-1.189,2.65-2.65,2.65h-0.6c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.189-2.65,2.65-2.65h0.6%20c1.461,0,2.65,1.189,2.65,2.65V45.437z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Host_an_Event_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M25.033,50.463c1.39,1.164,3.524,2.876,6.01,4.822l0.115,0.09c0.469,0.375,1.215,0.367,1.697-0.008%20c0.902-0.705,4.009-3.143,6.111-4.904c3.823-3.199,5.916-6.417,6.053-9.307c0.099-2.099-0.57-4.1-1.883-5.637%20c-1.346-1.576-3.229-2.497-5.305-2.593c-2.102-0.111-4.187,0.68-5.727,2.167L32,35.194l-0.104-0.1%20c-1.534-1.48-3.626-2.272-5.728-2.169c-2.076,0.097-3.96,1.019-5.305,2.594c-1.312,1.536-1.981,3.538-1.883,5.638%20C19.121,44.087,21.157,47.218,25.033,50.463z%20M22.916,37.272c0.856-1.002,2.057-1.588,3.379-1.649%20c1.84-0.097,3.589,0.866,4.552,2.448c0.244,0.399,0.685,0.647,1.153,0.647c0.468,0,0.91-0.248,1.154-0.648%20c0.926-1.524,2.581-2.451,4.354-2.451c0.064,0,0.128,0.001,0.192,0.004c1.325,0.062,2.525,0.647,3.382,1.649%20c0.865,1.014,1.305,2.347,1.238,3.756c-0.099,2.086-1.905,4.701-5.088,7.365c-1.523,1.275-3.636,2.954-5.139,4.139l-0.093,0.072%20l-0.093-0.072c-2.144-1.687-3.923-3.118-5.142-4.14c-3.183-2.664-4.99-5.279-5.089-7.363%20C21.611,39.619,22.051,38.285,22.916,37.272z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32.001,21.426c5.591,0,10.139-4.549,10.139-10.14c0-5.591-4.548-10.14-10.139-10.14%20c-5.591,0-10.14,4.549-10.14,10.14C21.862,16.877,26.411,21.426,32.001,21.426z%20M32.001,3.847c4.102,0,7.44,3.337,7.44,7.44%20c0,4.102-3.338,7.44-7.44,7.44c-4.102,0-7.439-3.337-7.439-7.44C24.562,7.184,27.899,3.847,32.001,3.847z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.851,54.436c0-0.744-0.605-1.35-1.35-1.35c-0.744,0-1.35,0.605-1.35,1.35v5.711H7.85v-9.466%20l0.117-0.026c2.424-0.541,4.184-2.735,4.184-5.218v-2.749c0-2.95-2.4-5.35-5.35-5.35h-0.6c-2.95,0-5.35,2.399-5.35,5.35v2.749%20c0,2.48,1.759,4.675,4.182,5.218l0.117,0.026v10.815c0,0.744,0.606,1.35,1.35,1.35h51.001c0.744,0,1.35-0.605,1.35-1.35V54.436z%20M6.201,48.087c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.188-2.65,2.65-2.65h0.6c1.461,0,2.65,1.189,2.65,2.65v2.749%20c0,1.461-1.189,2.65-2.65,2.65H6.201z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M63.149,42.688c0-2.48-1.758-4.675-4.182-5.218l-0.117-0.026V26.627c0-0.745-0.605-1.35-1.35-1.35%20H6.5c-0.745,0-1.35,0.605-1.35,1.35v7.059c0,0.744,0.606,1.35,1.35,1.35c0.745,0,1.35-0.605,1.35-1.35v-5.708h48.301v9.466%20l-0.117,0.026c-2.425,0.542-4.184,2.736-4.184,5.218v2.749c0,2.95,2.399,5.35,5.35,5.35h0.6c2.95,0,5.35-2.399,5.35-5.35V42.688z%20M60.45,45.437c0,1.461-1.189,2.65-2.65,2.65h-0.6c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.189-2.65,2.65-2.65h0.6%20c1.461,0,2.65,1.189,2.65,2.65V45.437z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
  -webkit-mask-size: 50px;
          mask-size: 50px;
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg .icon span.art {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Paintbrush_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20802.008%20801.914'%20style='enable-background:new%200%200%20802.008%20801.914;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M510.763,404.232c161.999-15.474,191.858-120.424,218.203-213.02%20c13.258-46.596,25.78-90.608,53.13-123.601c6.736-8.125,8.858-18.944,5.676-28.941c-3.165-9.946-11.1-17.507-21.227-20.227%20C720.796,6.157,676.999,0,635.624,0c-25.696,0-50.451,2.373-74.179,7.126C506.619,18.11,457.988,42.158,420.812,76.671%20c-27.971,25.966-49.232,57.679-61.486,91.709c-10.909,30.294-14.506,62.117-10.404,92.027l0.112,0.816l-0.507,0.649L15.552,688.229%20C3.237,703.998-1.92,722.036,0.639,740.393c2.255,16.173,10.507,31.392,23.235,42.853c12.729,11.461,28.727,18.076,45.045,18.628%20c18.505,0.65,35.955-6.416,50.319-20.284l390.846-377.291L510.763,404.232z%20M376.292,484.666l-56.173-50.58%20c-3.484-3.138-7.98-4.729-12.663-4.484c-4.681,0.245-8.987,2.299-12.123,5.783c-3.137,3.483-4.729,7.98-4.484,12.661%20c0.245,4.682,2.299,8.987,5.782,12.124l54.345,48.933l-1.505,1.453L94.862,756.337c-7.842,7.57-16.075,10.499-23.765,10.5%20c-9.222,0.001-17.666-4.209-23.736-9.676c-11.134-10.025-18.899-28.436-4.145-47.328l326.613-418.209l106.812,96.173%20L376.292,484.666z%20M508.433,369.192l-124.55-112.146l-0.1-0.7c-3.736-26.185-0.09-54.244,10.544-81.146%20c10.643-26.921,28.059-52.097,50.365-72.806c32.424-30.1,75.181-51.143,123.647-60.853c53.936-10.805,114.357-8.003,179.585,8.331%20l2.836,0.71l-1.745,2.345c-27.848,37.437-41.045,83.822-53.808,128.679c-8.826,31.019-17.163,60.317-29.751,86.775l-0.668,1.403%20l-1.517-0.338c-48.083-10.713-58.663-43.124-70.912-80.652c-11.763-36.035-25.094-76.878-74.051-95.281%20c-4.384-1.647-9.151-1.49-13.423,0.445c-4.271,1.937-7.53,5.419-9.18,9.807c-1.649,4.388-1.491,9.156,0.444,13.425%20c1.937,4.269,5.42,7.528,9.809,9.178c33.171,12.47,41.936,39.322,53.032,73.318c12.047,36.904,27.04,82.833,84.419,100.767%20l2.657,0.831l-1.688,2.213c-0.776,1.017-1.561,2.026-2.359,3.026c-29.244,36.558-71.419,56.443-132.729,62.581L508.433,369.192z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M790.847,626.043l-0.066-0.152c-13.712-31.349-65.693-139.229-95.488-200.809l-1.775-3.672%20c-2.853-6.043-9.002-9.992-15.671-10.071c-0.066-0.001-0.133-0.001-0.199-0.001c-6.595,0-12.74,3.785-15.698,9.688%20c-0.642,1.288-80.392,165.749-97.561,205.021c-7.404,16.977-11.158,34.32-11.158,51.549c0,68.546,55.81,124.312,124.409,124.312%20c68.577,0,124.369-55.766,124.369-124.312C802.008,660.364,798.253,643.02,790.847,626.043z%20M677.639,766.808%20c-49.245,0-89.31-40.021-89.31-89.212c0-12.371,2.768-24.989,8.226-37.503c11.936-27.299,54.817-116.51,79.317-167.258l1.756-3.639%20l1.756,3.639c42.391,87.847,70.55,147.24,79.291,167.241c5.463,12.524,8.233,25.147,8.233,37.52%20C766.909,726.787,726.863,766.808,677.639,766.808z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Paintbrush_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20802.008%20801.914'%20style='enable-background:new%200%200%20802.008%20801.914;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M510.763,404.232c161.999-15.474,191.858-120.424,218.203-213.02%20c13.258-46.596,25.78-90.608,53.13-123.601c6.736-8.125,8.858-18.944,5.676-28.941c-3.165-9.946-11.1-17.507-21.227-20.227%20C720.796,6.157,676.999,0,635.624,0c-25.696,0-50.451,2.373-74.179,7.126C506.619,18.11,457.988,42.158,420.812,76.671%20c-27.971,25.966-49.232,57.679-61.486,91.709c-10.909,30.294-14.506,62.117-10.404,92.027l0.112,0.816l-0.507,0.649L15.552,688.229%20C3.237,703.998-1.92,722.036,0.639,740.393c2.255,16.173,10.507,31.392,23.235,42.853c12.729,11.461,28.727,18.076,45.045,18.628%20c18.505,0.65,35.955-6.416,50.319-20.284l390.846-377.291L510.763,404.232z%20M376.292,484.666l-56.173-50.58%20c-3.484-3.138-7.98-4.729-12.663-4.484c-4.681,0.245-8.987,2.299-12.123,5.783c-3.137,3.483-4.729,7.98-4.484,12.661%20c0.245,4.682,2.299,8.987,5.782,12.124l54.345,48.933l-1.505,1.453L94.862,756.337c-7.842,7.57-16.075,10.499-23.765,10.5%20c-9.222,0.001-17.666-4.209-23.736-9.676c-11.134-10.025-18.899-28.436-4.145-47.328l326.613-418.209l106.812,96.173%20L376.292,484.666z%20M508.433,369.192l-124.55-112.146l-0.1-0.7c-3.736-26.185-0.09-54.244,10.544-81.146%20c10.643-26.921,28.059-52.097,50.365-72.806c32.424-30.1,75.181-51.143,123.647-60.853c53.936-10.805,114.357-8.003,179.585,8.331%20l2.836,0.71l-1.745,2.345c-27.848,37.437-41.045,83.822-53.808,128.679c-8.826,31.019-17.163,60.317-29.751,86.775l-0.668,1.403%20l-1.517-0.338c-48.083-10.713-58.663-43.124-70.912-80.652c-11.763-36.035-25.094-76.878-74.051-95.281%20c-4.384-1.647-9.151-1.49-13.423,0.445c-4.271,1.937-7.53,5.419-9.18,9.807c-1.649,4.388-1.491,9.156,0.444,13.425%20c1.937,4.269,5.42,7.528,9.809,9.178c33.171,12.47,41.936,39.322,53.032,73.318c12.047,36.904,27.04,82.833,84.419,100.767%20l2.657,0.831l-1.688,2.213c-0.776,1.017-1.561,2.026-2.359,3.026c-29.244,36.558-71.419,56.443-132.729,62.581L508.433,369.192z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M790.847,626.043l-0.066-0.152c-13.712-31.349-65.693-139.229-95.488-200.809l-1.775-3.672%20c-2.853-6.043-9.002-9.992-15.671-10.071c-0.066-0.001-0.133-0.001-0.199-0.001c-6.595,0-12.74,3.785-15.698,9.688%20c-0.642,1.288-80.392,165.749-97.561,205.021c-7.404,16.977-11.158,34.32-11.158,51.549c0,68.546,55.81,124.312,124.409,124.312%20c68.577,0,124.369-55.766,124.369-124.312C802.008,660.364,798.253,643.02,790.847,626.043z%20M677.639,766.808%20c-49.245,0-89.31-40.021-89.31-89.212c0-12.371,2.768-24.989,8.226-37.503c11.936-27.299,54.817-116.51,79.317-167.258l1.756-3.639%20l1.756,3.639c42.391,87.847,70.55,147.24,79.291,167.241c5.463,12.524,8.233,25.147,8.233,37.52%20C766.909,726.787,726.863,766.808,677.639,766.808z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
  -webkit-mask-size: 50px;
          mask-size: 50px;
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg .icon span.food {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Food_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M41.315,12.649c1.654,2.736,2.849,4.712,0.137,7.91c-0.233,0.275-0.346,0.625-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.554,0.32,0.873,0.32c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.211,0.117-11.051c-1.65-2.73-2.842-4.702-0.141-7.884c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.247-0.209-0.553-0.321-0.872-0.321c-0.038,0-0.075,0.001-0.112,0.004c-0.359,0.03-0.686,0.197-0.919,0.472%20C37.471,6.284,39.602,9.814,41.315,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M20.4,12.649c1.653,2.736,2.848,4.712,0.135,7.91c-0.233,0.275-0.345,0.624-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.553,0.321,0.872,0.321c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.212,0.117-11.052c-1.65-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.253-0.214-0.564-0.319-0.873-0.319c-0.383,0-0.764,0.161-1.031,0.475C16.554,6.284,18.686,9.814,20.4,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M30.858,12.649c1.653,2.736,2.847,4.713,0.135,7.91c-0.482,0.567-0.411,1.421,0.157,1.903%20c0.243,0.207,0.553,0.32,0.872,0.32c0.398,0,0.773-0.174,1.031-0.477c3.968-4.677,1.832-8.212,0.116-11.052%20c-1.649-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903c-0.253-0.215-0.564-0.32-0.873-0.32%20c-0.383,0-0.764,0.162-1.031,0.475C27.012,6.284,29.144,9.814,30.858,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.731,29.325c-0.061-0.704-0.639-1.234-1.345-1.234H2.613c-0.706,0-1.285,0.531-1.345,1.234%20c-0.082,0.955-0.122,1.828-0.122,2.668c0,17.012,13.841,30.853,30.854,30.853s30.853-13.841,30.853-30.853%20C62.853,31.153,62.813,30.281,62.731,29.325z%20M59.863,36.002l-0.019,0.129H11.603c-0.745,0-1.35,0.605-1.35,1.35%20c0,0.744,0.606,1.35,1.35,1.35h47.711l-0.048,0.188C56.059,51.458,44.847,60.146,32,60.146c-15.524,0-28.153-12.63-28.153-28.154%20c0-0.344,0.007-0.695,0.022-1.058l0.006-0.144h56.25l0.006,0.144c0.016,0.363,0.023,0.714,0.023,1.058%20C60.154,33.312,60.056,34.661,59.863,36.002z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Food_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M41.315,12.649c1.654,2.736,2.849,4.712,0.137,7.91c-0.233,0.275-0.346,0.625-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.554,0.32,0.873,0.32c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.211,0.117-11.051c-1.65-2.73-2.842-4.702-0.141-7.884c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.247-0.209-0.553-0.321-0.872-0.321c-0.038,0-0.075,0.001-0.112,0.004c-0.359,0.03-0.686,0.197-0.919,0.472%20C37.471,6.284,39.602,9.814,41.315,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M20.4,12.649c1.653,2.736,2.848,4.712,0.135,7.91c-0.233,0.275-0.345,0.624-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.553,0.321,0.872,0.321c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.212,0.117-11.052c-1.65-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.253-0.214-0.564-0.319-0.873-0.319c-0.383,0-0.764,0.161-1.031,0.475C16.554,6.284,18.686,9.814,20.4,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M30.858,12.649c1.653,2.736,2.847,4.713,0.135,7.91c-0.482,0.567-0.411,1.421,0.157,1.903%20c0.243,0.207,0.553,0.32,0.872,0.32c0.398,0,0.773-0.174,1.031-0.477c3.968-4.677,1.832-8.212,0.116-11.052%20c-1.649-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903c-0.253-0.215-0.564-0.32-0.873-0.32%20c-0.383,0-0.764,0.162-1.031,0.475C27.012,6.284,29.144,9.814,30.858,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.731,29.325c-0.061-0.704-0.639-1.234-1.345-1.234H2.613c-0.706,0-1.285,0.531-1.345,1.234%20c-0.082,0.955-0.122,1.828-0.122,2.668c0,17.012,13.841,30.853,30.854,30.853s30.853-13.841,30.853-30.853%20C62.853,31.153,62.813,30.281,62.731,29.325z%20M59.863,36.002l-0.019,0.129H11.603c-0.745,0-1.35,0.605-1.35,1.35%20c0,0.744,0.606,1.35,1.35,1.35h47.711l-0.048,0.188C56.059,51.458,44.847,60.146,32,60.146c-15.524,0-28.153-12.63-28.153-28.154%20c0-0.344,0.007-0.695,0.022-1.058l0.006-0.144h56.25l0.006,0.144c0.016,0.363,0.023,0.714,0.023,1.058%20C60.154,33.312,60.056,34.661,59.863,36.002z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg .icon span.doctor {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Doctor_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.841,58.881l-1.494-12.499c-0.537-4.491-3.479-8.323-7.68-10.001l-14.39-5.75%20c-0.582-0.23-1.24-0.037-1.602,0.473l-5.674,7.999l-0.123-0.172l-5.552-7.826c-0.362-0.51-1.023-0.705-1.602-0.473l-14.387,5.75%20c-4.2,1.678-7.143,5.51-7.68,10.002L1.163,58.881c-0.043,0.358,0.056,0.711,0.279,0.994c0.223,0.284,0.542,0.464,0.901,0.506%20c0.055,0.008,0.109,0.01,0.162,0.01c0.682,0,1.258-0.511,1.338-1.189l1.495-12.498c0.419-3.509,2.719-6.504,6.001-7.816%20l6.686-2.671v6.761l-0.11,0.03c-2.404,0.659-4.084,2.855-4.084,5.343c0,3.057,2.487,5.543,5.544,5.543s5.544-2.486,5.544-5.543%20c0-2.487-1.679-4.684-4.083-5.343l-0.11-0.03v-7.839l4.014-1.604l6.16,8.685c0.236,0.333,0.647,0.531,1.101,0.531%20c0.454,0,0.865-0.198,1.101-0.531l6.16-8.686l4.015,1.604v9.346l-0.114,0.028c-4.1,1.019-7.357,6.141-8.298,13.051l-0.018,0.13%20H7.513c-0.745,0-1.35,0.606-1.35,1.35c0,0.744,0.605,1.35,1.35,1.35h53.988c0.385,0,0.753-0.165,1.01-0.453%20C62.767,59.648,62.887,59.264,62.841,58.881z%20M22.219,48.35c0,1.567-1.276,2.844-2.844,2.844c-1.568,0-2.844-1.276-2.844-2.844%20c0-1.568,1.276-2.845,2.844-2.845C20.943,45.505,22.219,46.781,22.219,48.35z%20M37.575,57.691l0.026-0.173%20c0.938-6.087,3.895-10.505,7.03-10.505c3.136,0,6.092,4.418,7.03,10.505l0.026,0.173H37.575z%20M54.416,57.691l-0.018-0.13%20c-0.942-6.918-4.203-12.041-8.308-13.053l-0.114-0.028v-8.266l6.688,2.672c3.281,1.312,5.581,4.308,6.002,7.816l1.312,10.988%20H54.416z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32,27.584c6.613,0,11.992-5.38,11.992-11.992S38.613,3.6,32,3.6s-11.993,5.38-11.993,11.992%20S25.388,27.584,32,27.584z%20M32,6.3c5.124,0,9.293,4.168,9.293,9.292S37.124,24.884,32,24.884c-5.124,0-9.292-4.169-9.292-9.292%20S26.876,6.3,32,6.3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Doctor_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.841,58.881l-1.494-12.499c-0.537-4.491-3.479-8.323-7.68-10.001l-14.39-5.75%20c-0.582-0.23-1.24-0.037-1.602,0.473l-5.674,7.999l-0.123-0.172l-5.552-7.826c-0.362-0.51-1.023-0.705-1.602-0.473l-14.387,5.75%20c-4.2,1.678-7.143,5.51-7.68,10.002L1.163,58.881c-0.043,0.358,0.056,0.711,0.279,0.994c0.223,0.284,0.542,0.464,0.901,0.506%20c0.055,0.008,0.109,0.01,0.162,0.01c0.682,0,1.258-0.511,1.338-1.189l1.495-12.498c0.419-3.509,2.719-6.504,6.001-7.816%20l6.686-2.671v6.761l-0.11,0.03c-2.404,0.659-4.084,2.855-4.084,5.343c0,3.057,2.487,5.543,5.544,5.543s5.544-2.486,5.544-5.543%20c0-2.487-1.679-4.684-4.083-5.343l-0.11-0.03v-7.839l4.014-1.604l6.16,8.685c0.236,0.333,0.647,0.531,1.101,0.531%20c0.454,0,0.865-0.198,1.101-0.531l6.16-8.686l4.015,1.604v9.346l-0.114,0.028c-4.1,1.019-7.357,6.141-8.298,13.051l-0.018,0.13%20H7.513c-0.745,0-1.35,0.606-1.35,1.35c0,0.744,0.605,1.35,1.35,1.35h53.988c0.385,0,0.753-0.165,1.01-0.453%20C62.767,59.648,62.887,59.264,62.841,58.881z%20M22.219,48.35c0,1.567-1.276,2.844-2.844,2.844c-1.568,0-2.844-1.276-2.844-2.844%20c0-1.568,1.276-2.845,2.844-2.845C20.943,45.505,22.219,46.781,22.219,48.35z%20M37.575,57.691l0.026-0.173%20c0.938-6.087,3.895-10.505,7.03-10.505c3.136,0,6.092,4.418,7.03,10.505l0.026,0.173H37.575z%20M54.416,57.691l-0.018-0.13%20c-0.942-6.918-4.203-12.041-8.308-13.053l-0.114-0.028v-8.266l6.688,2.672c3.281,1.312,5.581,4.308,6.002,7.816l1.312,10.988%20H54.416z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32,27.584c6.613,0,11.992-5.38,11.992-11.992S38.613,3.6,32,3.6s-11.993,5.38-11.993,11.992%20S25.388,27.584,32,27.584z%20M32,6.3c5.124,0,9.293,4.168,9.293,9.292S37.124,24.884,32,24.884c-5.124,0-9.292-4.169-9.292-9.292%20S26.876,6.3,32,6.3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
  -webkit-mask-size: 50px;
          mask-size: 50px;
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg .icon span.chemo {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Chemotherapy_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M34.08,25.059h-5.666c-0.745,0-1.35,0.606-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h5.666%20c0.744,0,1.35-0.606,1.35-1.35C35.43,25.665,34.824,25.059,34.08,25.059z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M28.414,35.113h5.666c0.744,0,1.35-0.605,1.35-1.35c0-0.744-0.605-1.35-1.35-1.35h-5.666%20c-0.745,0-1.35,0.606-1.35,1.35C27.064,34.508,27.669,35.113,28.414,35.113z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.523,2.499c0-0.745-0.605-1.35-1.35-1.35H18.839c-7.361,0-13.35,5.989-13.35,13.35V61.5%20c0,0.744,0.605,1.35,1.35,1.35c0.745,0,1.35-0.606,1.35-1.35V14.499c0-5.872,4.777-10.65,10.65-10.65h17.11v6.5H22.543%20c-1.847,0-3.35,1.503-3.35,3.35v20.412c0,1.963,0.765,3.809,2.153,5.196l10.756,10.756c1.026,1.027,2.315,1.721,3.726,2.006%20l0.121,0.024V61.5c0,0.744,0.605,1.35,1.35,1.35c0.744,0,1.35-0.606,1.35-1.35v-9.406l0.121-0.024%20c1.411-0.285,2.7-0.979,3.726-2.006l10.757-10.756c1.389-1.388,2.152-3.233,2.152-5.196V13.699c0-1.847-1.502-3.35-3.35-3.35%20H38.648v-6.5h18.525C57.918,3.849,58.523,3.244,58.523,2.499z%20M52.055,13.049c0.358,0,0.65,0.292,0.65,0.65v20.412%20c0,1.242-0.483,2.41-1.361,3.288L40.587,48.155c-0.878,0.878-2.046,1.362-3.288,1.362c-1.242,0-2.41-0.484-3.288-1.362%20L23.255,37.399c-0.878-0.878-1.362-2.046-1.362-3.288V20.404h27.16c0.744,0,1.35-0.606,1.35-1.35c0-0.745-0.605-1.35-1.35-1.35%20h-27.16v-4.005c0-0.358,0.292-0.65,0.65-0.65H52.055z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Chemotherapy_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M34.08,25.059h-5.666c-0.745,0-1.35,0.606-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h5.666%20c0.744,0,1.35-0.606,1.35-1.35C35.43,25.665,34.824,25.059,34.08,25.059z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M28.414,35.113h5.666c0.744,0,1.35-0.605,1.35-1.35c0-0.744-0.605-1.35-1.35-1.35h-5.666%20c-0.745,0-1.35,0.606-1.35,1.35C27.064,34.508,27.669,35.113,28.414,35.113z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.523,2.499c0-0.745-0.605-1.35-1.35-1.35H18.839c-7.361,0-13.35,5.989-13.35,13.35V61.5%20c0,0.744,0.605,1.35,1.35,1.35c0.745,0,1.35-0.606,1.35-1.35V14.499c0-5.872,4.777-10.65,10.65-10.65h17.11v6.5H22.543%20c-1.847,0-3.35,1.503-3.35,3.35v20.412c0,1.963,0.765,3.809,2.153,5.196l10.756,10.756c1.026,1.027,2.315,1.721,3.726,2.006%20l0.121,0.024V61.5c0,0.744,0.605,1.35,1.35,1.35c0.744,0,1.35-0.606,1.35-1.35v-9.406l0.121-0.024%20c1.411-0.285,2.7-0.979,3.726-2.006l10.757-10.756c1.389-1.388,2.152-3.233,2.152-5.196V13.699c0-1.847-1.502-3.35-3.35-3.35%20H38.648v-6.5h18.525C57.918,3.849,58.523,3.244,58.523,2.499z%20M52.055,13.049c0.358,0,0.65,0.292,0.65,0.65v20.412%20c0,1.242-0.483,2.41-1.361,3.288L40.587,48.155c-0.878,0.878-2.046,1.362-3.288,1.362c-1.242,0-2.41-0.484-3.288-1.362%20L23.255,37.399c-0.878-0.878-1.362-2.046-1.362-3.288V20.404h27.16c0.744,0,1.35-0.606,1.35-1.35c0-0.745-0.605-1.35-1.35-1.35%20h-27.16v-4.005c0-0.358,0.292-0.65,0.65-0.65H52.055z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
  -webkit-mask-size: 50px;
          mask-size: 50px;
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg .icon span.kid {
  -webkit-mask: url("/assets/kid-Bvkx3FuU.svg") no-repeat 50% 50%;
          mask: url("/assets/kid-Bvkx3FuU.svg") no-repeat 50% 50%;
  -webkit-mask-size: 50px;
          mask-size: 50px;
}
.alerts-overlay .alert_wrapper__gifts .gifts__logo .icon_bg .icon span.travel {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Travel_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M61.772,57.697C56.037,46.437,44.629,39.441,32,39.441c-12.629,0-24.037,6.996-29.772,18.258%20c-0.338,0.663-0.073,1.478,0.59,1.815c0.193,0.098,0.398,0.146,0.612,0.146c0.511,0,0.973-0.282,1.204-0.737%20c3.701-7.267,9.982-12.671,17.688-15.216l0.582-0.192l-0.428,0.44c-3.192,3.278-5.744,8.118-7.378,13.994%20c-0.199,0.718,0.222,1.464,0.939,1.663c0.118,0.032,0.24,0.049,0.363,0.049c0.604,0,1.138-0.406,1.3-0.987%20c2.526-9.084,7.42-15.357,12.773-16.371l0.178-0.033v16.04c0,0.744,0.605,1.35,1.35,1.35c0.744,0,1.349-0.605,1.349-1.35V42.27%20l0.179,0.033c5.352,1.014,10.246,7.286,12.773,16.37c0.199,0.716,0.947,1.138,1.663,0.938c0.717-0.2,1.138-0.946,0.939-1.663%20c-1.636-5.876-4.188-10.715-7.38-13.994l-0.428-0.44l0.582,0.192c7.705,2.545,13.987,7.948,17.688,15.215%20c0.338,0.664,1.152,0.93,1.816,0.591C61.846,59.175,62.11,58.36,61.772,57.697z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M4.27,22.168l-1.394,0.535c-0.332,0.128-0.605,0.387-0.749,0.711C1.98,23.744,1.97,24.11,2.1,24.447%20l2.94,7.659c0.199,0.518,0.706,0.866,1.261,0.866c0.165,0,0.328-0.03,0.484-0.09c0.336-0.129,0.602-0.382,0.749-0.711%20c0.147-0.33,0.156-0.696,0.027-1.033l-2.457-6.401l0.144-0.052c0.236-0.083,0.496-0.05,0.696,0.09l5.788,4.061%20c0.446,0.313,1.031,0.328,1.491,0.04c3.212-2.008,6.275-3.912,9.103-5.661c0.341-0.211,0.569-0.559,0.626-0.956%20c0.057-0.396-0.064-0.795-0.331-1.093L10.655,7.811l1.365-0.524c1.102-0.421,2.32-0.328,3.34,0.254l19.731,11.251%20c0.645,0.368,1.473,0.142,1.842-0.504c0.179-0.313,0.225-0.677,0.13-1.025c-0.096-0.348-0.32-0.638-0.634-0.816L34.9,15.575%20l0.227-0.13c7.294-4.205,12.53-5.532,16.466-5.532c2.812,0,4.96,0.678,6.722,1.467c0.414,0.186,0.721,0.552,0.843,1.005%20c0.125,0.465,0.041,0.95-0.232,1.33c-1.482,2.068-3.712,3.685-6.627,4.804c-2.446,0.938-18.348,7.048-30.756,11.815L7.802,35.611%20c-0.336,0.13-0.602,0.382-0.749,0.712c-0.146,0.329-0.156,0.696-0.026,1.033c0.267,0.695,1.051,1.043,1.744,0.776l2.538-0.976%20c10.507-4.037,38.635-14.843,41.956-16.118c3.416-1.311,6.06-3.247,7.855-5.752c0.746-1.042,0.982-2.357,0.645-3.607%20c-0.335-1.239-1.19-2.246-2.347-2.765c-9.324-4.183-18.736,0.087-26.711,4.814l-0.511,0.304l-0.076-0.043L16.698,5.196%20c-1.729-0.987-3.786-1.143-5.646-0.429L7.858,5.993C7.443,6.152,7.134,6.504,7.03,6.936C6.925,7.368,7.04,7.823,7.336,8.154%20l12.198,13.613l-0.152,0.094c-2.392,1.482-4.71,2.926-6.748,4.198l-0.085,0.052l-5.057-3.547%20C6.552,21.905,5.347,21.756,4.27,22.168z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Travel_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M61.772,57.697C56.037,46.437,44.629,39.441,32,39.441c-12.629,0-24.037,6.996-29.772,18.258%20c-0.338,0.663-0.073,1.478,0.59,1.815c0.193,0.098,0.398,0.146,0.612,0.146c0.511,0,0.973-0.282,1.204-0.737%20c3.701-7.267,9.982-12.671,17.688-15.216l0.582-0.192l-0.428,0.44c-3.192,3.278-5.744,8.118-7.378,13.994%20c-0.199,0.718,0.222,1.464,0.939,1.663c0.118,0.032,0.24,0.049,0.363,0.049c0.604,0,1.138-0.406,1.3-0.987%20c2.526-9.084,7.42-15.357,12.773-16.371l0.178-0.033v16.04c0,0.744,0.605,1.35,1.35,1.35c0.744,0,1.349-0.605,1.349-1.35V42.27%20l0.179,0.033c5.352,1.014,10.246,7.286,12.773,16.37c0.199,0.716,0.947,1.138,1.663,0.938c0.717-0.2,1.138-0.946,0.939-1.663%20c-1.636-5.876-4.188-10.715-7.38-13.994l-0.428-0.44l0.582,0.192c7.705,2.545,13.987,7.948,17.688,15.215%20c0.338,0.664,1.152,0.93,1.816,0.591C61.846,59.175,62.11,58.36,61.772,57.697z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M4.27,22.168l-1.394,0.535c-0.332,0.128-0.605,0.387-0.749,0.711C1.98,23.744,1.97,24.11,2.1,24.447%20l2.94,7.659c0.199,0.518,0.706,0.866,1.261,0.866c0.165,0,0.328-0.03,0.484-0.09c0.336-0.129,0.602-0.382,0.749-0.711%20c0.147-0.33,0.156-0.696,0.027-1.033l-2.457-6.401l0.144-0.052c0.236-0.083,0.496-0.05,0.696,0.09l5.788,4.061%20c0.446,0.313,1.031,0.328,1.491,0.04c3.212-2.008,6.275-3.912,9.103-5.661c0.341-0.211,0.569-0.559,0.626-0.956%20c0.057-0.396-0.064-0.795-0.331-1.093L10.655,7.811l1.365-0.524c1.102-0.421,2.32-0.328,3.34,0.254l19.731,11.251%20c0.645,0.368,1.473,0.142,1.842-0.504c0.179-0.313,0.225-0.677,0.13-1.025c-0.096-0.348-0.32-0.638-0.634-0.816L34.9,15.575%20l0.227-0.13c7.294-4.205,12.53-5.532,16.466-5.532c2.812,0,4.96,0.678,6.722,1.467c0.414,0.186,0.721,0.552,0.843,1.005%20c0.125,0.465,0.041,0.95-0.232,1.33c-1.482,2.068-3.712,3.685-6.627,4.804c-2.446,0.938-18.348,7.048-30.756,11.815L7.802,35.611%20c-0.336,0.13-0.602,0.382-0.749,0.712c-0.146,0.329-0.156,0.696-0.026,1.033c0.267,0.695,1.051,1.043,1.744,0.776l2.538-0.976%20c10.507-4.037,38.635-14.843,41.956-16.118c3.416-1.311,6.06-3.247,7.855-5.752c0.746-1.042,0.982-2.357,0.645-3.607%20c-0.335-1.239-1.19-2.246-2.347-2.765c-9.324-4.183-18.736,0.087-26.711,4.814l-0.511,0.304l-0.076-0.043L16.698,5.196%20c-1.729-0.987-3.786-1.143-5.646-0.429L7.858,5.993C7.443,6.152,7.134,6.504,7.03,6.936C6.925,7.368,7.04,7.823,7.336,8.154%20l12.198,13.613l-0.152,0.094c-2.392,1.482-4.71,2.926-6.748,4.198l-0.085,0.052l-5.057-3.547%20C6.552,21.905,5.347,21.756,4.27,22.168z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%;
  -webkit-mask-size: 50px;
          mask-size: 50px;
}
@keyframes arc1 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes logoShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes logoFade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes logoShrink {
  0% {
    height: 93px;
    width: 350px;
  }
  100% {
    height: 93px;
    width: 93px;
  }
}
@keyframes arc2 {
  0% {
    transform: rotate(180deg);
    border-radius: 5px;
  }
  75% {
    border-radius: 50%;
  }
  100% {
    transform: rotate(0deg);
  }
}
.alerts-overlay .alert_wrapper__gifts .donor {
  position: absolute;
  top: 0;
  left: 77px;
  height: 120px;
  min-width: 420px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  animation: textShow 0.5s ease-in-out 0.9s 1 backwards;
}
.alerts-overlay .alert_wrapper__gifts .donor p {
  font-size: 1.776889rem;
  line-height: 2.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 5px;
  padding-top: 0.5rem;
  font-weight: 800;
  padding-bottom: 5px;
  border-bottom: 2px solid #fff;
  color: #fff;
  text-shadow: 4px 4px 3px #333;
  text-align: left;
}
.alerts-overlay .alert_wrapper__gifts .donor .type {
  overflow: hidden;
  position: relative;
  height: 100px;
}
.alerts-overlay .alert_wrapper__gifts .donor .type__wrap_short {
  display: block;
}
.alerts-overlay .alert_wrapper__gifts .donor .type__wrap_short p {
  font-size: 1rem;
  line-height: 1.6875rem;
  font-weight: 400;
  font-style: italic;
  position: absolute;
  right: 0;
  top: -29px;
  width: -moz-fit-content;
  width: fit-content;
  height: 29px;
  padding-top: 2px;
  padding-bottom: 0;
  color: #fff;
  text-shadow: none;
  letter-spacing: 0.04rem;
  border: 0;
  text-shadow: 1px 1px 3px #333;
  background-color: #c10f3a;
  animation: typeSlide 0.3s linear 2s 1 forwards;
}
.alerts-overlay .alert_wrapper__gifts .donor .type__wrap_short p span {
  font-weight: 800;
}
.alerts-overlay .alert_wrapper__gifts .donor .type__wrap {
  padding: 0 0.5rem;
  position: absolute;
  right: 0;
  top: -65px;
  background-color: #c10f3a;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 8px;
  padding-bottom: 0;
  height: 65px;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  animation: typeSlide 0.3s linear 2s 1 forwards;
}
.alerts-overlay .alert_wrapper__gifts .donor .type__wrap p {
  font-size: 1rem;
  line-height: 1.6875rem;
  font-style: italic;
  line-height: 0.5;
  font-weight: 400;
  padding: 0.5rem;
  margin: 0;
  color: #fff;
  text-shadow: none;
  letter-spacing: 0.04rem;
  border: 0;
  text-shadow: 1px 1px 3px #333;
}
.alerts-overlay .alert_wrapper__gifts .donor .type__wrap p:first-child {
  font-weight: 800;
}
.alerts-overlay .alert_wrapper__gifts .donor .type__wrap p:last-child {
  font-weight: 400;
}
@keyframes typeSlide {
  0% {
    top: -65px;
  }
  100% {
    top: 0;
  }
}
@keyframes textShow {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.gtg-wrapper .color-black {
  color: black !important;
}
.gtg-wrapper {
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  margin-top: 7rem;
  padding: 6rem;
}
.gtg-wrapper .icon {
  height: 70px;
  width: 70px;
  filter: drop-shadow(0px 1px 2px rgba(25.5, 25.5, 25.5, 0.23));
}
.gtg-wrapper .icon.grey {
  filter: drop-shadow(0px 0px 0px);
}
.gtg-wrapper .icon.bandage {
  background: url("/assets/bandage-DxKxMs8A.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.bandage.grey {
  background: url("/assets/bandage_grey-BcV69yKO.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.chemo {
  background: url("/assets/chemo-BQRMVhNk.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.chemo.grey {
  background: url("/assets/chemo_grey-BKoMRW7b.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.children {
  background: url("/assets/children-9vD2ED6O.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.children.grey {
  background: url("/assets/children_grey-Dp8JCCVR.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.doctor {
  background: url("/assets/doctor-nCEXCnvH.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.doctor.grey {
  background: url("/assets/doctor_grey-uviQYxfm.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.family {
  background: url("/assets/family-BasVZs2j.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.family.grey {
  background: url("/assets/family_grey--wAkisLk.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.food {
  background: url("/assets/food-B90HMlza.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.food.grey {
  background: url("/assets/food_grey-CrqwELmD.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.heart {
  background: url("../../heart.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.heart.grey {
  background: url("/assets/heart_grey-BfTcgQxx.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.handheart {
  background: url("/assets/handheart-Bk-8gTrc.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.handheart.grey {
  background: url("/assets/handheart_grey-C4ArUcGX.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.hospital {
  background: url("/assets/hospital-4zXczaOb.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.hospital.grey {
  background: url("/assets/hospital_grey-qqRAC9GF.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.hostevent {
  background: url("/assets/hostevent-CouNmcsx.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.hostevent.grey {
  background: url("/assets/hostevent_grey-C_UtLuiu.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.kid {
  background: url("/assets/kid-CR6-F3Ck.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.kid.grey {
  background: url("/assets/kid_grey-ZCzzwUHp.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.nobill {
  background: url("/assets/nobill-DrW8Wm1c.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.nobill.grey {
  background: url("/assets/nobill_grey-DPJIUGDF.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.nurse {
  background: url("/assets/nurse-CLTT2kkN.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.nurse.grey {
  background: url("/assets/nurse_grey-DFdggzFq.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.paintbrush {
  background: url("/assets/paintbrush-CJndUCUJ.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.paintbrush.grey {
  background: url("/assets/paintbrush_grey-ybH4KF8t.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.wagon {
  background: url("/assets/wagon-Bxe6g2Iy.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.wagon.grey {
  background: url("/assets/wagon_grey-B7m9CSWD.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.researcher {
  background: url("/assets/researcher-h50RxN9Z.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.researcher.grey {
  background: url("/assets/researcher_grey-Czb6qWqK.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.team {
  background: url("/assets/team-DwsijbWi.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.team.grey {
  background: url("/assets/team_grey-Ce4H1B72.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.travel {
  background: url("/assets/travel-D-I90nBS.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.travel.grey {
  background: url("/assets/travel_grey-Bh-Agdng.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.treatment {
  background: url("/assets/treatment-tF-XFQSC.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .icon.treatment.grey {
  background: url("/assets/treatment_grey-CZ0ojpCj.png") no-repeat;
  background-size: contain;
}
.gtg-wrapper .unfinished {
  margin: 0;
  padding: 0;
  height: 430px;
}
.gtg-wrapper .unfinished li {
  padding: 0.5rem 1rem;
  margin: 0 auto;
  list-style-type: none;
  width: 425px;
  border-radius: 10px;
  border: 3px solid #fff;
  box-shadow: 0px -1px 7px 2px #000;
  position: relative;
}
.gtg-wrapper .unfinished li:nth-child(1) {
  background: rgb(229.5, 229.5, 229.5);
  z-index: 1;
}
.gtg-wrapper .unfinished li:nth-child(2) {
  background: rgb(229.5, 229.5, 229.5);
  transform: translateY(-130px);
  z-index: 3;
}
.gtg-wrapper .unfinished li:nth-child(3) {
  background: rgb(229.5, 229.5, 229.5);
  transform: translateY(-260px);
  z-index: 2;
}
.gtg-wrapper .unfinished li:nth-child(3).completed {
  z-index: 4;
}
.gtg-wrapper .unfinished li:nth-child(4) {
  background: rgb(229.5, 229.5, 229.5);
  transform: translateY(-390px);
  z-index: -1;
}
.gtg-wrapper .unfinished li .gtg-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gtg-wrapper .unfinished li .gtg-middle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gtg-wrapper .unfinished li .gtg-bottom {
  display: flex;
  align-items: center;
}
.gtg-wrapper .unfinished li.inactive {
  height: 185px;
  display: flex;
  align-items: flex-end;
}
.gtg-wrapper .unfinished li.inactive .gtg-top {
  color: #4e535a;
  height: 52px;
  width: 100%;
}
.gtg-wrapper .unfinished li.inactive .gtg-top .text {
  font-weight: 800;
  font-size: 1.776889rem;
  line-height: 2.25rem;
  margin-top: 1rem;
}
.gtg-wrapper .unfinished li.inactive .gtg-top .icon {
  height: 52px;
  width: 52px;
  background-position: center bottom;
  background-size: 75%;
}
.gtg-wrapper .unfinished li.active {
  width: 450px;
  height: 240px;
  z-index: 9999;
  overflow: hidden;
  position: relative;
  animation: activeGlow 0.8s ease-in-out infinite alternate-reverse;
}
.gtg-wrapper .unfinished li.active.default-red {
  background: linear-gradient(#c10f3a, rgb(135.1, 10.5, 40.6));
}
.gtg-wrapper .unfinished li.active.dark-red {
  background: linear-gradient(#911938, rgb(101.5, 17.5, 39.2));
}
.gtg-wrapper .unfinished li.active.light-purple {
  background: linear-gradient(#8332a7, rgb(91.7, 35, 116.9));
}
.gtg-wrapper .unfinished li.active.dark-purple {
  background: linear-gradient(#490e67, rgb(51.1, 9.8, 72.1));
}
.gtg-wrapper .unfinished li.active.light-blue {
  background: linear-gradient(#135cb0, rgb(13.3, 64.4, 123.2));
}
.gtg-wrapper .unfinished li.active.dark-blue {
  background: linear-gradient(#002856, rgb(0, 28, 60.2));
}
.gtg-wrapper .unfinished li.active.light-aqua {
  background: linear-gradient(#64d0e4, rgb(70, 145.6, 159.6));
}
.gtg-wrapper .unfinished li.active.dark-aqua {
  background: linear-gradient(#1eadc1, rgb(21, 121.1, 135.1));
}
.gtg-wrapper .unfinished li.active.light-green {
  background: linear-gradient(#c0da07, rgb(134.4, 152.6, 4.9));
}
.gtg-wrapper .unfinished li.active.dark-green {
  background: linear-gradient(rgb(117, 188, 33), rgb(81.9, 131.6, 23.1));
}
.gtg-wrapper .unfinished li.active.light-yellow {
  background: linear-gradient(#ffc32c, rgb(178.5, 136.5, 30.8));
}
.gtg-wrapper .unfinished li.active.dark-yellow {
  background: linear-gradient(#ffb125, rgb(178.5, 123.9, 25.9));
}
.gtg-wrapper .unfinished li.active.medium-grey {
  background: linear-gradient(#ccc, rgb(142.8, 142.8, 142.8));
}
.gtg-wrapper .unfinished li.active.light-grey {
  background: linear-gradient(#f5f5f5, rgb(171.5, 171.5, 171.5));
}
.gtg-wrapper .unfinished li.active.dark-grey {
  background: linear-gradient(#4e535a, rgb(54.6, 58.1, 63));
}
@keyframes activeGlow {
  from {
    box-shadow: 2px 2px 15px rgb(252.3, 210.3, 104.6);
  }
  to {
    box-shadow: 1px 1px 0 rgb(252.3, 210.3, 104.6);
  }
}
.gtg-wrapper .unfinished li.active.bandage:before {
  background-size: 50% !important;
  background: url("/assets/bandage-DxKxMs8A.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.chemo:before {
  background-size: 50% !important;
  background: url("/assets/chemo-BQRMVhNk.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.children:before {
  background-size: 50% !important;
  background: url("/assets/children-9vD2ED6O.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.doctor:before {
  background-size: 50% !important;
  background: url("/assets/doctor-nCEXCnvH.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.family:before {
  background-size: 50% !important;
  background: url("/assets/family-BasVZs2j.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.food:before {
  background-size: 50% !important;
  background: url("/assets/food-B90HMlza.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.heart:before {
  background-size: 50% !important;
  background: url("../../heart.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.handheart:before {
  background-size: 50% !important;
  background: url("/assets/handheart-Bk-8gTrc.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.hospital:before {
  background-size: 50% !important;
  background: url("/assets/hospital-4zXczaOb.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.hostevent:before {
  background-size: 50% !important;
  background: url("/assets/hostevent-CouNmcsx.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.kid:before {
  background-size: 50% !important;
  background: url("/assets/kid-CR6-F3Ck.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.nobill:before {
  background-size: 50% !important;
  background: url("/assets/nobill-DrW8Wm1c.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.nurse:before {
  background-size: 50% !important;
  background: url("/assets/nurse-CLTT2kkN.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.paintbrush:before {
  background-size: 50% !important;
  background: url("/assets/paintbrush-CJndUCUJ.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.wagon:before {
  background-size: 50% !important;
  background: url("/assets/wagon-Bxe6g2Iy.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.researcher:before {
  background-size: 50% !important;
  background: url("/assets/researcher-h50RxN9Z.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.team:before {
  background-size: 50% !important;
  background: url("/assets/team-DwsijbWi.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.travel:before {
  background-size: 50% !important;
  background: url("/assets/travel-D-I90nBS.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active.treatment:before {
  background-size: 50% !important;
  background: url("/assets/treatment-tF-XFQSC.png") no-repeat 100% 100%;
  content: "";
  position: absolute;
  opacity: 0.08;
  width: 450px;
  height: 250px;
  display: block;
}
.gtg-wrapper .unfinished li.active .gtg-top {
  position: relative;
  margin-top: 0.5rem;
  width: 100%;
  height: 80px;
}
.gtg-wrapper .unfinished li.active .gtg-top p {
  font-weight: 800;
  text-shadow: 0 1px 5px rgba(25.5, 25.5, 25.5, 0.23);
  font-size: 1.5rem;
  line-height: 2rem;
  color: #fff;
}
.gtg-wrapper .unfinished li.active .gtg-top .amount {
  font-size: 3.1573345183rem;
  line-height: 3.375rem;
  font-weight: 800;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: flex;
  align-items: baseline;
  color: #fff;
  text-shadow: 0 1px 5px rgba(25.5, 25.5, 25.5, 0.23);
}
.gtg-wrapper .unfinished li.active .gtg-top .amount_separator {
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-block;
}
.gtg-wrapper .unfinished li.active .gtg-top .amount_raised {
  width: -moz-fit-content;
  width: fit-content;
}
.gtg-wrapper .unfinished li.active .gtg-top .amount_text {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.gtg-wrapper .unfinished li.active .gtg-top .amount_goal {
  margin-top: 7px;
}
.gtg-wrapper .unfinished li.active .gtg-top .icon {
  z-index: 1;
  background-size: 75%;
  background-position: 50% 50%;
}
.gtg-wrapper .unfinished li.active .gtg-middle {
  position: relative;
  margin-top: 0.5rem;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
.gtg-wrapper .unfinished li.active .gtg-middle.default-red:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(96.5, 7.5, 29);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.dark-red:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(72.5, 12.5, 28);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.light-purple:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(65.5, 25, 83.5);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.dark-purple:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(36.5, 7, 51.5);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.light-blue:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(9.5, 46, 88);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.dark-blue:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid #00142b;
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.light-aqua:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid #326872;
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.dark-aqua:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(15, 86.5, 96.5);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.light-green:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(96, 109, 3.5);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.dark-green:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(58.5, 94, 16.5);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.light-yellow:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(127.5, 97.5, 22);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.dark-yellow:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(127.5, 88.5, 18.5);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.medium-grey:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid #666666;
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.light-grey:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(122.5, 122.5, 122.5);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle.dark-grey:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  border: 1px solid rgb(39, 41.5, 45);
  z-index: -9999;
}
.gtg-wrapper .unfinished li.active .gtg-middle .amount {
  font-size: 3.1573345183rem;
  line-height: 3.375rem;
  font-weight: 800;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: flex;
  align-items: baseline;
  color: #fff;
  text-shadow: 0 1px 5px rgba(25.5, 25.5, 25.5, 0.23);
}
.gtg-wrapper .unfinished li.active .gtg-middle .amount_separator {
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-block;
}
.gtg-wrapper .unfinished li.active .gtg-middle .amount_raised {
  width: -moz-fit-content;
  width: fit-content;
}
.gtg-wrapper .unfinished li.active .gtg-middle .amount_text {
  font-size: 1.776889rem;
  line-height: 2.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.gtg-wrapper .unfinished li.active .gtg-middle .amount_goal {
  margin-top: 7px;
}
.gtg-wrapper .unfinished li.active .gtg-middle .icon {
  z-index: 1;
  background-size: 75%;
  background-position: 50% 50%;
}
.gtg-wrapper .unfinished li.active .gtg-bottom {
  height: 35px;
  position: relative;
}
.gtg-wrapper .unfinished li.active .gtg-bottom .gtg-therm-wrapper2 {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.gtg-wrapper .unfinished li.active .gtg-bottom .gtg-therm-perc2 {
  font-weight: 800;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 1.6875rem;
  height: 35px;
  width: 57px;
  text-align: center;
  background: linear-gradient(rgba(51, 51, 51, 0.23), rgba(25.5, 25.5, 25.5, 0.23));
  box-shadow: 0 1px 2px rgba(25.5, 25.5, 25.5, 0.23);
  color: #fff;
  border-radius: 0.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gtg-wrapper .unfinished li.active .gtg-bottom .gtg-therm-bar {
  height: 35px;
  width: 84%;
  background: linear-gradient(rgba(153, 153, 153, 0.23), rgb(229.5, 229.5, 229.5));
  border-radius: 0.35rem;
  box-shadow: 0 1px 2px rgba(25.5, 25.5, 25.5, 0.23);
  position: relative;
}
.gtg-wrapper .unfinished li.active .gtg-bottom .gtg-therm-bar:before {
  content: "";
  height: 35px;
  display: block;
  left: -1%;
  position: absolute;
  width: 346px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 25.5%, rgba(255, 255, 255, 0.25) 25.5%, rgba(0, 0, 0, 0.25) 26%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 50.5%, rgba(255, 255, 255, 0.25) 50.5%, rgba(0, 0, 0, 0.25) 51.3%, rgba(0, 0, 0, 0) 51.3%, rgba(0, 0, 0, 0) 75.5%, rgba(255, 255, 255, 0.25) 75.5%, rgba(0, 0, 0, 0.25) 76%, rgba(0, 0, 0, 0) 76%);
}
.gtg-wrapper .unfinished li.active .gtg-bottom .gtg-therm-bar:after {
  content: "";
  position: absolute;
  height: 17px;
  width: 98%;
  top: 3px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.35rem;
}
.gtg-wrapper .unfinished li.active .gtg-bottom .gtg-therm-bar-inner {
  height: 35px;
  border-radius: 0.35rem;
  background: linear-gradient(to right, #1eadc1, #64d0e4);
  position: relative;
  transition: ease-in-out 0.5s;
}
.gtg-wrapper .unfinished li.active .gtg-bottom .gtg-therm-perc {
  font-weight: 800;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: absolute;
  top: -10px;
  width: auto;
  background-color: #000;
  border-radius: 0.35rem;
  line-height: 1.5rem;
}
.gtg-wrapper .unfinished li.active .gtg-bottom .gtg-therm-perc:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}
.gtg-wrapper .unfinished li.active .gtg-bottom .gtg-therm-perc span {
  color: #fff;
  font-size: 0.9rem;
}
.gtg-wrapper .unfinished li.completed {
  background-color: #4e535a;
  height: 185px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  transition: ease-in-out 0.5s;
}
.gtg-wrapper .unfinished li.completed.show:nth-child(1) {
  animation: completed1 10s ease-in-out 1;
}
@keyframes completed1 {
  0% {
    transform: translateY(0);
  }
  7% {
    transform: translateY(-135px);
  }
  10%, 90% {
    transform: translateY(-125px);
  }
  93% {
    transform: translateY(-135px);
  }
  100% {
    transform: translateY(0);
  }
}
.gtg-wrapper .unfinished li.completed.show:nth-child(2) {
  animation: completed2 10s ease-in-out 1;
}
@keyframes completed2 {
  0% {
    transform: translateY(-130px);
  }
  7% {
    transform: translateY(-265px);
  }
  10%, 90% {
    transform: translateY(-255px);
  }
  93% {
    transform: translateY(-265px);
  }
  100% {
    transform: translateY(-130px);
  }
}
.gtg-wrapper .unfinished li.completed.show:nth-child(3) {
  animation: completed3 10s ease-in-out 1;
}
@keyframes completed3 {
  0% {
    transform: translateY(-260px);
  }
  7% {
    transform: translateY(-395px);
  }
  10%, 90% {
    transform: translateY(-385px);
  }
  93% {
    transform: translateY(-395px);
  }
  100% {
    transform: translateY(-260px);
  }
}
.gtg-wrapper .unfinished li.completed .gtg-top {
  align-items: flex-start;
}
.gtg-wrapper .unfinished li.completed .gtg-top .text {
  font-weight: 800;
  font-size: 1.776889rem;
  line-height: 2.25rem;
  color: #fff;
  text-shadow: 0 1px 5px rgba(25.5, 25.5, 25.5, 0.23);
}
.gtg-wrapper .unfinished li.completed .gtg-top .icon {
  height: 38px;
  width: 38px;
}
.gtg-wrapper .unfinished li.completed .gtg-middle p {
  font-weight: 800;
  font-size: 3.1573345183rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-shadow: 0 1px 5px rgba(25.5, 25.5, 25.5, 0.23);
  line-height: 2rem;
  color: #fff;
}
.gtg-wrapper .unfinished li.completed .gtg-bottom p {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  font-weight: 800;
  font-size: 1.333rem;
  line-height: 1.6rem;
  text-shadow: 0 1px 5px rgba(25.5, 25.5, 25.5, 0.23);
  color: #fff;
}
.gtg-wrapper .finished {
  margin: 0 auto;
  list-style-type: none;
  width: 425px;
  height: 415px;
  border-radius: 10px;
  border: 3px solid #fff;
  box-shadow: 0px -1px 7px 2px #000;
  position: relative;
  background: #c10f3a;
}
.gtg-wrapper .finished.big {
  height: 430px;
}
.gtg-wrapper .finished.default-red {
  background: linear-gradient(#c10f3a, rgb(135.1, 10.5, 40.6));
}
.gtg-wrapper .finished.dark-red {
  background: linear-gradient(#911938, rgb(101.5, 17.5, 39.2));
}
.gtg-wrapper .finished.light-purple {
  background: linear-gradient(#8332a7, rgb(91.7, 35, 116.9));
}
.gtg-wrapper .finished.dark-purple {
  background: linear-gradient(#490e67, rgb(51.1, 9.8, 72.1));
}
.gtg-wrapper .finished.light-blue {
  background: linear-gradient(#135cb0, rgb(13.3, 64.4, 123.2));
}
.gtg-wrapper .finished.dark-blue {
  background: linear-gradient(#002856, rgb(0, 28, 60.2));
}
.gtg-wrapper .finished.light-aqua {
  background: linear-gradient(#64d0e4, rgb(70, 145.6, 159.6));
}
.gtg-wrapper .finished.dark-aqua {
  background: linear-gradient(#1eadc1, rgb(21, 121.1, 135.1));
}
.gtg-wrapper .finished.light-green {
  background: linear-gradient(#c0da07, rgb(134.4, 152.6, 4.9));
}
.gtg-wrapper .finished.dark-green {
  background: linear-gradient(rgb(117, 188, 33), rgb(81.9, 131.6, 23.1));
}
.gtg-wrapper .finished.light-yellow {
  background: linear-gradient(#ffc32c, rgb(178.5, 136.5, 30.8));
}
.gtg-wrapper .finished.dark-yellow {
  background: linear-gradient(#ffb125, rgb(178.5, 123.9, 25.9));
}
.gtg-wrapper .finished.medium-grey {
  background: linear-gradient(#ccc, rgb(142.8, 142.8, 142.8));
}
.gtg-wrapper .finished.light-grey {
  background: linear-gradient(#f5f5f5, rgb(171.5, 171.5, 171.5));
}
.gtg-wrapper .finished.dark-grey {
  background: linear-gradient(#4e535a, rgb(54.6, 58.1, 63));
}
.gtg-wrapper .finished p {
  margin: 0;
  font-size: 16px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 5px rgba(25.5, 25.5, 25.5, 0.23);
}
.gtg-wrapper .finished p.raised_amount {
  padding: 0.5rem 0;
}
.gtg-wrapper .finished p span {
  display: block;
  line-height: 1.5rem;
}
.gtg-wrapper .finished p span span {
  font-weight: 800;
  display: inline-block;
}
.gtg-wrapper .finished .beams {
  width: 425px;
  height: 415px;
  left: -3px;
  top: -3px;
  position: absolute;
}
.gtg-wrapper .finished .beams .beam {
  height: 5px;
  background-color: #ffc32c;
  border-radius: 0.35rem;
  position: absolute;
}
.gtg-wrapper .finished .beams .beam:nth-child(1) {
  top: 50%;
  left: -135px;
}
.gtg-wrapper .finished .beams .beam:nth-child(2) {
  top: 40%;
  left: -100px;
  transform: rotateZ(10deg);
}
.gtg-wrapper .finished .beams .beam:nth-child(3) {
  top: 58%;
  left: -100px;
  transform: rotateZ(-10deg);
}
.gtg-wrapper .finished .beams .beam:nth-child(4) {
  top: 30%;
  left: -120px;
  transform: rotateZ(20deg);
}
.gtg-wrapper .finished .beams .beam:nth-child(5) {
  top: 68%;
  left: -120px;
  transform: rotateZ(-20deg);
}
.gtg-wrapper .finished .beams .beam:nth-child(6) {
  top: 20%;
  left: -85px;
  transform: rotateZ(30deg);
}
.gtg-wrapper .finished .beams .beam:nth-child(7) {
  top: 80%;
  left: -85px;
  transform: rotateZ(-30deg);
}
.gtg-wrapper .finished .beams .beam:nth-child(8) {
  top: 50%;
  right: -135px;
}
.gtg-wrapper .finished .beams .beam:nth-child(9) {
  top: 40%;
  right: -100px;
  transform: rotateZ(350deg);
}
.gtg-wrapper .finished .beams .beam:nth-child(10) {
  top: 58%;
  right: -100px;
  transform: rotateZ(10deg);
}
.gtg-wrapper .finished .beams .beam:nth-child(11) {
  top: 30%;
  right: -120px;
  transform: rotateZ(340deg);
}
.gtg-wrapper .finished .beams .beam:nth-child(12) {
  top: 68%;
  right: -120px;
  transform: rotateZ(20deg);
}
.gtg-wrapper .finished .beams .beam:nth-child(13) {
  top: 20%;
  right: -85px;
  transform: rotateZ(330deg);
}
.gtg-wrapper .finished .beams .beam:nth-child(14) {
  top: 80%;
  right: -85px;
  transform: rotateZ(30deg);
}
.gtg-wrapper .finished .beams .beam.long {
  width: 80px;
}
.gtg-wrapper .finished .beams .beam.short {
  width: 35px;
}
.gtg-wrapper .finished .title {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 50px;
  left: 0;
  right: 0;
  top: -55px;
  margin: 0 auto;
  clip: rect(-40px, 400px, 52px, -116px);
  z-index: 2;
}
.gtg-wrapper .finished .title span {
  font-size: 22px;
  text-shadow: rgba(255, 195, 44, 0.9) 0 0 13px;
  font-weight: 800;
  color: #fff;
  font-style: italic;
  transform: rotateZ(-3deg);
  z-index: 1;
}
.gtg-wrapper .finished .title:after {
  content: "";
  position: absolute;
  width: 160%;
  height: 70%;
  border-radius: 100%/100%;
  background: #ffc32c;
  filter: blur(30px);
  left: 50%;
  bottom: -40%;
  margin-left: -80%;
  animation: congrats ease-in-out 5s infinite forwards;
}
@keyframes congrats {
  0% {
    filter: blur(15px);
  }
  50% {
    filter: blur(30px);
  }
  100% {
    filter: blur(15px);
  }
}
.gtg-wrapper .finished ul {
  margin-left: 1em;
  margin-right: 1em;
  z-index: 2;
  position: relative;
}
.gtg-wrapper .finished ul li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  list-style-type: none;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.35rem;
}
.gtg-wrapper .finished ul li .icon {
  height: 47px;
  width: 52px;
  margin-left: 1rem;
  background-position: center bottom;
  background-size: 75%;
}
.gtg-wrapper .finished ul li .text {
  margin-left: auto;
  margin-right: 0;
  margin-top: 0;
  font-weight: 800;
  width: 80%;
  line-height: 1.3em;
}
.gtg-wrapper .finished ul li .text:first-letter {
  text-transform: uppercase;
}
.gtg-wrapper .finished .stars {
  position: absolute;
  bottom: -25px;
  left: -3px;
  height: 50px;
  width: 425px;
  display: flex;
  justify-content: center;
}
.gtg-wrapper .finished .stars .star {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  background-size: contain;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAwCAYAAABT9ym6AAAACXBIWXMAAC4jAAAuIwF4pT92AAADE0lEQVRogd2aUU7bQBCGP6oewL1B8gKkAcm8V2osAX1oAs4J0pygyQkIJ4AbkBvgtlSo8BADfW+kCiLnyT1BfYPtg5MmBRzPOuuk8EsrxbuzO/t7ZmdnN15RSvEc8GLZEzCFl7mN/H3TBQ4Ae1TjA23e/OznoW4lF9eKSZw+0hIBTh5k8nKtg4R6C/iYh0LzRG42CyhsFCQU17hO8rGIm9JucbOZJqONHIioRpIppsq+aa1miVxvpLlVbu5l2iKuUM7iekMqK4JpIg0NWaPuZY7IlditcnEvkxapaMpbXJlzL3NEFPsa1hgXY+5lJkXxyxbwO0PPiMrtq/knkJQ09soFoKAxTiWjfote+QT4pdEnAnyc2/505b8W6ZVd4Ag9EstCF+e2OX6YrJGYxClPgwTAB3rlzvhhQkRxlGGxLrv83bemo1Yh66tZIgrjH5PF/sTP7tMW8ZY1iTnQHf+YXiNtFNF/4PfS0kfRfkhk+y4EijwNy3QBh+27aFzx+M5++bpFfO62FjItOSKgyc6dd78hOUW5LNnACZPrnGWjD9TZGYSPNabnWhelI6BleFK6OGR30JklIEsaL0oV4l3fMjApHURAnd2BnyYoS+N3Bz6KIgpvgVHJQ1GUkIAsafy3Uos4scwTbd4NjnU66N/9KuVr99GHto4sJ8RGusjc0NaRwSL5XHneQ0W3g55FztdtFpMl25yva+nRI6JoLDBqufkRQbkLzAq11ok8/H5ds4EfOoMbQJH3QSgR1LHIIqLVfbhSQTkRhZvRS/zR2SFLX/HLkxE5W7PJFq0OqQYO4ADHGfrbnK2J9EotoutWIbBFNegAUA0iqkEbqBMngjpwJUIyInq37McotqgG/QfjVAMPxdbI3aTj7UumKNzZRZEtAprUht5MqVoQAg5fVjsk//urDalrfUpp94FiKolp1IYd4rUTzqkbkLtWNyHyRCja1IYOtWEkGmsataE/cjUvwa1C1OTKZxbkG+LnVYv4yPt2VBMCh+wNQ/nMZ47fIv6YoDCq8YAme7IXlM8nHEvAs/k66A8VUu6VaV8T2gAAAABJRU5ErkJggg==") no-repeat 50% 50%;
}
.gtg-wrapper .finished .stars .star:nth-child(1) {
  margin-top: 0.3rem;
  height: 45px;
  width: 45px;
  transform: rotateZ(-10deg);
}
.gtg-wrapper .finished .stars .star:nth-child(2) {
  height: 60px;
  width: 60px;
}
.gtg-wrapper .finished .stars .star:nth-child(3) {
  margin-top: 0.3rem;
  height: 45px;
  width: 45px;
  transform: rotateZ(10deg);
}/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.lifetime-overlay {
  height: 1000px;
}

.ribbon {
  position: absolute;
  top: 0%;
  left: 0;
  margin: 0 auto;
  right: 0;
}
.ribbon.hide {
  opacity: 0;
  transition: opacity 1.56s ease-in-out;
}
.ribbon [class*=ribbon-] {
  margin: 85px auto 0;
  transform-origin: 50% 50%;
  transform: rotate(-8.5deg);
  position: relative;
  z-index: 4;
}
.ribbon [class*=ribbon-].normal {
  width: 350px;
  height: 70px;
}
.ribbon [class*=ribbon-].large {
  width: 600px;
  height: 80px;
}
.ribbon [class*=ribbon-].default-red:before {
  background: rgb(57.9, 4.5, 17.4);
}
.ribbon [class*=ribbon-].default-red .inner {
  background-image: linear-gradient(#c10f3a, rgb(96.5, 7.5, 29));
}
.ribbon [class*=ribbon-].default-red:after {
  background: rgb(57.9, 4.5, 17.4);
}
.ribbon [class*=ribbon-].dark-red:before {
  background: rgb(43.5, 7.5, 16.8);
}
.ribbon [class*=ribbon-].dark-red .inner {
  background-image: linear-gradient(#911938, rgb(72.5, 12.5, 28));
}
.ribbon [class*=ribbon-].dark-red:after {
  background: rgb(43.5, 7.5, 16.8);
}
.ribbon [class*=ribbon-].light-purple:before {
  background: rgb(39.3, 15, 50.1);
}
.ribbon [class*=ribbon-].light-purple .inner {
  background-image: linear-gradient(#8332a7, rgb(65.5, 25, 83.5));
}
.ribbon [class*=ribbon-].light-purple:after {
  background: rgb(39.3, 15, 50.1);
}
.ribbon [class*=ribbon-].dark-purple:before {
  background: rgb(21.9, 4.2, 30.9);
}
.ribbon [class*=ribbon-].dark-purple .inner {
  background-image: linear-gradient(#490e67, rgb(36.5, 7, 51.5));
}
.ribbon [class*=ribbon-].dark-purple:after {
  background: rgb(21.9, 4.2, 30.9);
}
.ribbon [class*=ribbon-].light-blue:before {
  background: rgb(5.7, 27.6, 52.8);
}
.ribbon [class*=ribbon-].light-blue .inner {
  background-image: linear-gradient(#135cb0, rgb(9.5, 46, 88));
}
.ribbon [class*=ribbon-].light-blue:after {
  background: rgb(5.7, 27.6, 52.8);
}
.ribbon [class*=ribbon-].dark-blue:before {
  background: rgb(0, 12, 25.8);
}
.ribbon [class*=ribbon-].dark-blue .inner {
  background-image: linear-gradient(#002856, #00142b);
}
.ribbon [class*=ribbon-].dark-blue:after {
  background: rgb(0, 12, 25.8);
}
.ribbon [class*=ribbon-].light-aqua:before {
  background: rgb(30, 62.4, 68.4);
}
.ribbon [class*=ribbon-].light-aqua .inner {
  background-image: linear-gradient(#64d0e4, #326872);
}
.ribbon [class*=ribbon-].light-aqua:after {
  background: rgb(30, 62.4, 68.4);
}
.ribbon [class*=ribbon-].dark-aqua:before {
  background: rgb(9, 51.9, 57.9);
}
.ribbon [class*=ribbon-].dark-aqua .inner {
  background-image: linear-gradient(#1eadc1, rgb(15, 86.5, 96.5));
}
.ribbon [class*=ribbon-].dark-aqua:after {
  background: rgb(9, 51.9, 57.9);
}
.ribbon [class*=ribbon-].light-green:before {
  background: rgb(57.6, 65.4, 2.1);
}
.ribbon [class*=ribbon-].light-green .inner {
  background-image: linear-gradient(#c0da07, rgb(96, 109, 3.5));
}
.ribbon [class*=ribbon-].light-green:after {
  background: rgb(57.6, 65.4, 2.1);
}
.ribbon [class*=ribbon-].dark-green:before {
  background: rgb(35.1, 56.4, 9.9);
}
.ribbon [class*=ribbon-].dark-green .inner {
  background-image: linear-gradient(rgb(117, 188, 33), rgb(58.5, 94, 16.5));
}
.ribbon [class*=ribbon-].dark-green:after {
  background: rgb(35.1, 56.4, 9.9);
}
.ribbon [class*=ribbon-].light-yellow:before {
  background: rgb(76.5, 58.5, 13.2);
}
.ribbon [class*=ribbon-].light-yellow .inner {
  background-image: linear-gradient(#ffc32c, rgb(127.5, 97.5, 22));
}
.ribbon [class*=ribbon-].light-yellow:after {
  background: rgb(76.5, 58.5, 13.2);
}
.ribbon [class*=ribbon-].dark-yellow:before {
  background: rgb(76.5, 53.1, 11.1);
}
.ribbon [class*=ribbon-].dark-yellow .inner {
  background-image: linear-gradient(#ffb125, rgb(127.5, 88.5, 18.5));
}
.ribbon [class*=ribbon-].dark-yellow:after {
  background: rgb(76.5, 53.1, 11.1);
}
.ribbon [class*=ribbon-].medium-grey:before {
  background: rgb(61.2, 61.2, 61.2);
}
.ribbon [class*=ribbon-].medium-grey .inner {
  background-image: linear-gradient(#ccc, #666666);
}
.ribbon [class*=ribbon-].medium-grey:after {
  background: rgb(61.2, 61.2, 61.2);
}
.ribbon [class*=ribbon-].light-grey:before {
  background: rgb(73.5, 73.5, 73.5);
}
.ribbon [class*=ribbon-].light-grey .inner {
  background-image: linear-gradient(#f5f5f5, rgb(122.5, 122.5, 122.5));
}
.ribbon [class*=ribbon-].light-grey:after {
  background: rgb(73.5, 73.5, 73.5);
}
.ribbon [class*=ribbon-].dark-grey:before {
  background: rgb(23.4, 24.9, 27);
}
.ribbon [class*=ribbon-].dark-grey .inner {
  background-image: linear-gradient(#4e535a, rgb(39, 41.5, 45));
}
.ribbon [class*=ribbon-].dark-grey:after {
  background: rgb(23.4, 24.9, 27);
}
.ribbon [class*=ribbon-] .inner {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  display: block;
  width: 0;
  height: 100%;
  text-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  position: relative;
  z-index: 2;
  transform: skewX(-9deg);
  transition: width 0.12s ease-in-out;
}
.ribbon [class*=ribbon-]:before {
  content: "";
  transform-origin: 0 0;
  transform: rotate(-20.25deg) skewX(-9deg) translateX(158px);
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 4px;
  border-top: 3px solid rgb(76.5, 76.5, 76.5);
  border-bottom: 3px solid rgb(76.5, 76.5, 76.5);
  z-index: -1;
  transition: all 0.12s ease-in-out 0.7s;
}
.ribbon .ribbon-1.normal .inner {
  padding: 17px 0;
}
.ribbon .ribbon-1.normal .inner span {
  font-size: 1.5rem;
  line-height: 1.2;
}
.ribbon .ribbon-1.large .inner {
  padding: 20px 0;
}
.ribbon .ribbon-1.large .inner span {
  font-size: 2rem;
  line-height: 1;
}
.ribbon .ribbon-1 .inner {
  font-weight: 800;
}
.ribbon .ribbon-2 {
  z-index: 3;
  font-size: 45px;
}
.ribbon .ribbon-2.normal {
  width: 500px;
  height: 120px;
}
.ribbon .ribbon-2.normal .inner {
  padding: 17px 0;
}
.ribbon .ribbon-2.normal .inner span {
  line-height: 4.1rem;
}
.ribbon .ribbon-2.large {
  width: 800px;
  height: 180px;
}
.ribbon .ribbon-2.large .inner {
  padding: 19px 0;
}
.ribbon .ribbon-2.large .inner span {
  line-height: 8rem;
}
.ribbon .ribbon-2 {
  margin-top: 30px;
}
.ribbon .ribbon-2 .inner span {
  font-weight: 800;
}
.ribbon .ribbon-2:before {
  width: 0;
  left: 11px;
  transform: rotate(-10.25deg) skewX(-9deg) translateX(425px);
  height: 47px;
  transition-delay: 0.94s;
}
.ribbon .ribbon-3 {
  z-index: 2;
  font-size: 9px;
  width: 200px;
  height: 70px;
  margin-top: 30px;
}
.ribbon .ribbon-3.normal .inner {
  padding: 17px 0;
}
.ribbon .ribbon-3.normal .inner span {
  padding-top: 0.1rem;
  line-height: 1.2;
  font-size: 1.5rem;
}
.ribbon .ribbon-3.large .inner {
  padding: 20px 0;
}
.ribbon .ribbon-3.large .inner span {
  padding-top: 0.1rem;
  line-height: 1;
  font-size: 2rem;
}
.ribbon .ribbon-3 .inner span {
  font-weight: 800;
}
.ribbon .ribbon-3:before {
  width: 0;
  height: 47px;
  left: 11px;
  transform: rotate(-12.4deg) skewX(-9deg) translateX(350px);
  transition-delay: 1.18s;
}
.ribbon .ribbon-3:after {
  content: "";
  transform-origin: 100% 100%;
  transform: rotate(-15.3deg) skewX(9deg) translateX(72px);
  display: block;
  width: 0;
  height: 45px;
  position: absolute;
  bottom: 0;
  right: 4px;
  z-index: -1;
  transition-delay: 1.42s;
}
.ribbon.load-in .inner {
  width: 100%;
}
.ribbon.load-in .ribbon-1 .inner {
  transition-delay: 0.82s;
}
.ribbon.load-in .ribbon-1 {
  --s: 70px;
  --d: 0px;
  --c: 20px;
}
.ribbon.load-in .ribbon-1:before {
  width: 158px;
  transform: rotate(-20.25deg) skewX(-9deg) translateX(4px);
  clip-path: polygon(0 0, var(--s) var(--d), var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--d), 100% var(--d), calc(100% - var(--c)) calc(50% + var(--d) / 2), 100% 100%, calc(100% - var(--s) - var(--d)) 100%, calc(100% - var(--s) - var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) 100%, 0 100%, var(--c) calc(50% + var(--d) / 2));
}
.ribbon.load-in .ribbon-2 .inner {
  transition-delay: 1.06s;
}
.ribbon.load-in .ribbon-2 .inner:before, .ribbon.load-in .ribbon-2 .inner:after {
  opacity: 1;
}
.ribbon.load-in .ribbon-2:before {
  width: 430px;
  transform: rotate(-10.45deg) skewX(-9deg) translateX(4px);
}
.ribbon.load-in .ribbon-3 .inner {
  transition-delay: 1.3s;
}
.ribbon.load-in .ribbon-3:before {
  width: 345px;
  transform: rotate(-12.6deg) skewX(-9deg) translateX(4px);
}
.ribbon.load-in .ribbon-3:after {
  width: 75px;
  transform: rotate(-25.3deg) skewX(9deg) translateX(-2px);
  border-top: 3px solid rgb(76.5, 76.5, 76.5);
  border-bottom: 3px solid rgb(76.5, 76.5, 76.5);
  --s: 70px;
  --d: 0px;
  --c: 20px;
  clip-path: polygon(0 0, var(--s) var(--d), var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--d), 100% var(--d), calc(100% - var(--c)) calc(50% + var(--d) / 2), 100% 100%, calc(100% - var(--s) - var(--d)) 100%, calc(100% - var(--s) - var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) 100%, 0 100%, var(--c) calc(50% + var(--d) / 2));
}
.ribbon.load-out .inner {
  width: 0;
  transition: width 0.12s ease-in-out;
}
.ribbon.load-out .ribbon-1 .inner {
  transition-delay: 1.42s;
}
.ribbon.load-out .ribbon-1 {
  --s: 70px;
  --d: 0px;
  --c: 20px;
}
.ribbon.load-out .ribbon-1:before {
  width: 0;
  transform: rotate(-20.25deg) skewX(-9deg) translateX(158px);
  transition-delay: 1.54s;
  transition: all 0.12s ease-in-out 1.54s;
  clip-path: polygon(0 0, var(--s) var(--d), var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--d), 100% var(--d), calc(100% - var(--c)) calc(50% + var(--d) / 2), 100% 100%, calc(100% - var(--s) - var(--d)) 100%, calc(100% - var(--s) - var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) 100%, 0 100%, var(--c) calc(50% + var(--d) / 2));
}
.ribbon.load-out .ribbon-2 .inner {
  transition-delay: 1.18s;
}
.ribbon.load-out .ribbon-2:before {
  width: 0;
  transform: rotate(-10.25deg) skewX(-9deg) translateX(425px);
  transition-delay: 1.3s;
}
.ribbon.load-out .ribbon-3 .inner {
  transition-delay: 0.94s;
}
.ribbon.load-out .ribbon-3:before {
  width: 0;
  transform: rotate(-12.4deg) skewX(-9deg) translateX(350px);
  transition-delay: 1.06s;
}
.ribbon.load-out .ribbon-3:after {
  width: 0;
  transform: rotate(-25.3deg) skewX(9deg) translateX(-2px);
  border-top: 3px solid rgb(76.5, 76.5, 76.5);
  border-bottom: 3px solid rgb(76.5, 76.5, 76.5);
  --s: 70px;
  --d: 0px;
  --c: 20px;
  clip-path: polygon(0 0, var(--s) var(--d), var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--d), 100% var(--d), calc(100% - var(--c)) calc(50% + var(--d) / 2), 100% 100%, calc(100% - var(--s) - var(--d)) 100%, calc(100% - var(--s) - var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) 100%, 0 100%, var(--c) calc(50% + var(--d) / 2));
  transition: width 0.12s ease-in-out 0.82s;
}
.ribbon.load-out .fadeLeft {
  opacity: 0;
  transform: translateX(-100%);
  transition: all 0.3s ease-in-out 0s;
}
.ribbon.load-out .fadeRight {
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.3s ease-in-out 0s;
}
.ribbon.load-out .fadeIn {
  opacity: 0;
  transition: all 0.8s ease-in-out 0s;
}
.ribbon .fadeLeft {
  opacity: 0;
  transform: translateX(-100%);
  transition: all 0.3s ease-in-out 1.56s;
  display: block;
}
.ribbon .fadeRight {
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.3s ease-in-out 1.56s;
  display: block;
}
.ribbon .fadeIn {
  opacity: 0;
  transition: all 0.8s ease-in-out 1.56s;
  display: block;
}
.ribbon.load-in .fadeLeft,
.ribbon.load-in .fadeRight {
  opacity: 1;
  transform: translateX(0px);
}
.ribbon.load-in .fadeIn {
  opacity: 1;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.milestone-overlay-wrapper {
  position: relative;
  overflow: hidden;
  width: 620px;
  padding-left: 5px;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  margin-bottom: 22px;
}
.milestone-overlay-wrapper.none {
  height: 100px;
  width: 100%;
  background: #4e535a;
}
.milestone-overlay-wrapper.none p {
  font-size: 1.77689rem;
  line-height: 2.5rem;
  color: #fff;
  text-align: center;
  margin-top: 30px;
}
.milestone-overlay-wrapper.slanted.all {
  overflow: visible;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay {
  position: relative;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 5px;
  left: 22px;
  z-index: -1;
  transform: skew(-15deg, 0deg);
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.default-red {
  background: #c10f3a;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.dark-red {
  background: #911938;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.light-purple {
  background: #8332a7;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.dark-purple {
  background: #490e67;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.light-blue {
  background: #135cb0;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.dark-blue {
  background: #002856;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.light-aqua {
  background: #64d0e4;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.dark-aqua {
  background: #1eadc1;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.light-green {
  background: #c0da07;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.dark-green {
  background: rgb(117, 188, 33);
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.light-yellow {
  background: #ffc32c;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.dark-yellow {
  background: #ffb125;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.medium-grey {
  background: #ccc;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.light-grey {
  background: #f5f5f5;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bg.dark-grey {
  background: #4e535a;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.active {
  padding: 0.4rem 1rem 0.4rem 2rem;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.active .top,
.milestone-overlay-wrapper.slanted.all .milestone-overlay.active .bottom {
  position: absolute;
  width: 20px;
  padding: 10px;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.active .top {
  top: 0;
  border-top: 2px solid #fff;
  transform: skew(-15deg, 0deg);
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.active .top.left {
  left: 29px;
  border-left: 2px solid #fff;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.active .top.right {
  right: -12px;
  border-right: 2px solid #fff;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.active .bottom {
  bottom: 0;
  border-bottom: 2px solid #fff;
  transform: skew(-15deg, 0deg);
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.active .bottom.left {
  left: 4px;
  border-left: 2px solid #fff;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.active .bottom.right {
  right: 12px;
  border-right: 2px solid #fff;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.active:before {
  font-size: 1.333rem;
  line-height: 2.25rem;
  font-weight: 800;
  display: block;
  content: "Our Next Donation Milestone";
  color: #fff;
  margin-left: 1rem;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bar {
  margin-bottom: 2em;
  width: 99%;
  position: relative;
  transform: skew(-15deg, 0deg);
  background: rgba(51, 51, 51, 0.9);
  transition: ease-in-out 1s;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bar__inner {
  background: linear-gradient(to right, #1eadc1, #f3fb4a);
  height: 31px;
  transition: ease-in-out 1s;
  position: relative;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bar__inner.completed {
  background: #135cb0;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bar__inner.completed span {
  color: #fff;
  right: 20px;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bar__inner.completed span.completed_text {
  left: 20px;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bar__inner span {
  font-weight: 800;
  color: #4e535a;
  position: absolute;
  right: 15px;
  line-height: 1.9em;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__bar:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), transparent, rgba(255, 255, 255, 0.2)) 50% 0, top left;
  background-size: 10%, contain;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__name {
  position: absolute;
  right: 15px;
  bottom: -23px;
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(0, 0, 0, 0.5);
  transition: ease-in-out 1s;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay__name p {
  font-weight: 700;
  padding: 5px 10px;
  line-height: 1;
  color: #fff;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.next {
  overflow: hidden;
  position: relative;
  padding-bottom: 1.2em;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.next .next__wrapper {
  width: 98%;
  transition: ease-in-out 1s;
  padding: 0 30px 0 20px;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.next .next__wrapper div:first-of-type {
  margin-top: 0.75rem;
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.next .next__wrapper .milestone-overlay__name {
  background: rgba(0, 0, 0, 0.9);
}
.milestone-overlay-wrapper.slanted.all .milestone-overlay.next .next__wrapper .test {
  width: 300px;
  height: 100px;
  background: #4e535a;
  margin-bottom: 10px;
}
.milestone-overlay-wrapper.slanted.one {
  overflow: visible;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay {
  position: relative;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 5px;
  left: 22px;
  z-index: -1;
  transform: skew(-15deg, 0deg);
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.default-red {
  background: #c10f3a;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.dark-red {
  background: #911938;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.light-purple {
  background: #8332a7;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.dark-purple {
  background: #490e67;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.light-blue {
  background: #135cb0;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.dark-blue {
  background: #002856;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.light-aqua {
  background: #64d0e4;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.dark-aqua {
  background: #1eadc1;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.light-green {
  background: #c0da07;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.dark-green {
  background: rgb(117, 188, 33);
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.light-yellow {
  background: #ffc32c;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.dark-yellow {
  background: #ffb125;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.medium-grey {
  background: #ccc;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.light-grey {
  background: #f5f5f5;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bg.dark-grey {
  background: #4e535a;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.active {
  padding: 0.4rem 1rem 0.4rem 2rem;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.active .top,
.milestone-overlay-wrapper.slanted.one .milestone-overlay.active .bottom {
  position: absolute;
  width: 20px;
  padding: 10px;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.active .top {
  top: 0;
  border-top: 2px solid #fff;
  transform: skew(-15deg, 0deg);
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.active .top.left {
  left: 29px;
  border-left: 2px solid #fff;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.active .top.right {
  right: -12px;
  border-right: 2px solid #fff;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.active .bottom {
  bottom: 0;
  border-bottom: 2px solid #fff;
  transform: skew(-15deg, 0deg);
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.active .bottom.left {
  left: 4px;
  border-left: 2px solid #fff;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.active .bottom.right {
  right: 12px;
  border-right: 2px solid #fff;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.active:before {
  font-size: 1.333rem;
  line-height: 2.25rem;
  font-weight: 800;
  display: block;
  content: "Our Next Donation Milestone";
  color: #fff;
  margin-left: 1rem;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bar {
  margin-bottom: 2em;
  margin-left: 0.5rem;
  width: 99%;
  position: relative;
  transform: skew(-15deg, 0deg);
  background: rgba(51, 51, 51, 0.9);
  transition: ease-in-out 1s;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bar__inner {
  background: linear-gradient(to right, #1eadc1, #f3fb4a);
  height: 31px;
  transition: ease-in-out 1s;
  position: relative;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bar__inner.completed {
  background: #135cb0;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bar__inner.completed span {
  color: #fff;
  right: 20px;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bar__inner.completed span.completed_text {
  left: 20px;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bar__inner span {
  font-weight: 800;
  color: #4e535a;
  position: absolute;
  right: 15px;
  line-height: 1.9em;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__bar:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), transparent, rgba(255, 255, 255, 0.2)) 50% 0, top left;
  background-size: 10%, contain;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__name {
  position: absolute;
  right: 15px;
  bottom: -23px;
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(0, 0, 0, 0.5);
  transition: ease-in-out 1s;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay__name p {
  font-weight: 700;
  padding: 5px 10px;
  line-height: 1;
  color: #fff;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.next {
  overflow: hidden;
  position: relative;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.next .next__wrapper {
  position: absolute;
  bottom: 100%;
  width: 98%;
  transition: ease-in-out 1s;
  padding: 0 30px 0 20px;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.next .next__wrapper div:first-of-type {
  margin-top: 0.75rem;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.next .next__wrapper .milestone-overlay__name {
  background: rgba(0, 0, 0, 0.9);
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.next .next__wrapper.load-in {
  animation: milestoneIn ease-in-out normal forwards 1;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.next .next__wrapper.load-out {
  animation: milestoneOut ease-in-out normal forwards 1;
  bottom: 0;
}
.milestone-overlay-wrapper.slanted.one .milestone-overlay.next .next__wrapper .test {
  width: 300px;
  height: 100px;
  background: #4e535a;
  margin-bottom: 10px;
}
@keyframes milestoneIn {
  0% {
    bottom: 100%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes milestoneOut {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 100%;
  }
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay {
  overflow: hidden;
  position: relative;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 5px;
  left: 5px;
  z-index: -1;
  border-radius: 20px;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.default-red {
  background: #c10f3a;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.dark-red {
  background: #911938;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.light-purple {
  background: #8332a7;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.dark-purple {
  background: #490e67;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.light-blue {
  background: #135cb0;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.dark-blue {
  background: #002856;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.light-aqua {
  background: #64d0e4;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.dark-aqua {
  background: #1eadc1;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.light-green {
  background: #c0da07;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.dark-green {
  background: rgb(117, 188, 33);
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.light-yellow {
  background: #ffc32c;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.dark-yellow {
  background: #ffb125;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.medium-grey {
  background: #ccc;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.light-grey {
  background: #f5f5f5;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bg.dark-grey {
  background: #4e535a;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active {
  padding: 0.4rem 1rem 0.4rem 2rem;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active .top,
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active .bottom {
  position: absolute;
  width: 20px;
  padding: 10px;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active .top {
  top: 0;
  border-top: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active .top:nth-child(1) {
  border-top-left-radius: 20px;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active .top:nth-child(2) {
  border-top-right-radius: 20px;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active .bottom {
  bottom: 0;
  border-bottom: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active .bottom:nth-child(3) {
  border-bottom-left-radius: 20px;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active .bottom:nth-child(4) {
  border-bottom-right-radius: 20px;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active .left {
  left: 0;
  border-left: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active .right {
  right: 0;
  border-right: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.active:before {
  font-size: 1.333rem;
  line-height: 2.25rem;
  font-weight: 800;
  display: block;
  content: "Our Next Donation Milestone";
  color: #fff;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bar {
  margin-bottom: 2em;
  width: 99%;
  position: relative;
  transition: ease-in-out 1s;
  border-radius: 20px;
  background: rgba(51, 51, 51, 0.9);
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bar__inner {
  background: linear-gradient(to right, #1eadc1, #f3fb4a);
  height: 31px;
  border-radius: 20px;
  transition: ease-in-out 1s;
  position: relative;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bar__inner.completed {
  background: #135cb0;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bar__inner.completed span {
  color: #fff;
  right: 20px;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bar__inner.completed span.completed_text {
  left: 20px;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bar__inner span {
  font-weight: 800;
  color: #4e535a;
  position: absolute;
  right: 15px;
  line-height: 1.9em;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__bar:after {
  position: absolute;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), transparent, rgba(255, 255, 255, 0.2)) 50% 0, top left;
  background-size: 10%, contain;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__name {
  position: absolute;
  right: 15px;
  bottom: -23px;
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(0, 0, 0, 0.8);
  transition: ease-in-out 1s;
  border-radius: 20px;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay__name p {
  font-weight: 700;
  padding: 5px 10px;
  line-height: 1;
  color: #fff;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.next {
  overflow: hidden;
  position: relative;
  padding-bottom: 1.2em;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.next .next__wrapper {
  width: 100%;
  transition: ease-in-out 1s;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.next .next__wrapper div:first-of-type {
  margin-top: 0.75rem;
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.next .next__wrapper .milestone-overlay__name {
  background: rgba(0, 0, 0, 0.9);
}
.milestone-overlay-wrapper.rounded.all .milestone-overlay.next .next__wrapper .test {
  width: 300px;
  height: 100px;
  background: #4e535a;
  margin-bottom: 10px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay {
  overflow: hidden;
  position: relative;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 5px;
  left: 5px;
  z-index: -1;
  border-radius: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.default-red {
  background: #c10f3a;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.dark-red {
  background: #911938;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.light-purple {
  background: #8332a7;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.dark-purple {
  background: #490e67;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.light-blue {
  background: #135cb0;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.dark-blue {
  background: #002856;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.light-aqua {
  background: #64d0e4;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.dark-aqua {
  background: #1eadc1;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.light-green {
  background: #c0da07;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.dark-green {
  background: rgb(117, 188, 33);
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.light-yellow {
  background: #ffc32c;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.dark-yellow {
  background: #ffb125;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.medium-grey {
  background: #ccc;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.light-grey {
  background: #f5f5f5;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bg.dark-grey {
  background: #4e535a;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active {
  padding: 0.4rem 1rem 0.4rem 2rem;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active .top,
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active .bottom {
  position: absolute;
  width: 20px;
  padding: 10px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active .top {
  top: 0;
  border-top: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active .top:nth-child(1) {
  border-top-left-radius: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active .top:nth-child(2) {
  border-top-right-radius: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active .bottom {
  bottom: 0;
  border-bottom: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active .bottom:nth-child(3) {
  border-bottom-left-radius: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active .bottom:nth-child(4) {
  border-bottom-right-radius: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active .left {
  left: 0;
  border-left: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active .right {
  right: 0;
  border-right: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.active:before {
  font-size: 1.333rem;
  line-height: 2.25rem;
  font-weight: 800;
  display: block;
  content: "Our Next Donation Milestone";
  color: #fff;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed {
  padding: 0.75rem 1.125rem;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed .top,
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed .bottom {
  position: absolute;
  width: 20px;
  padding: 10px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed .top {
  top: 0;
  border-top: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed .top:nth-child(1) {
  border-top-left-radius: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed .top:nth-child(2) {
  border-top-right-radius: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed .bottom {
  bottom: 0;
  border-bottom: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed .bottom:nth-child(3) {
  border-bottom-left-radius: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed .bottom:nth-child(4) {
  border-bottom-right-radius: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed .left {
  left: 0;
  border-left: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed .right {
  right: 0;
  border-right: 2px solid #fff;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.completed:before {
  font-size: 1.77689rem;
  line-height: 2.5rem;
  font-weight: 800;
  text-align: center;
  display: block;
  content: "All donation milestones completed!";
  color: #fff;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bar {
  margin-bottom: 2em;
  width: 99%;
  position: relative;
  transition: ease-in-out 1s;
  border-radius: 20px;
  background: rgba(51, 51, 51, 0.9);
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bar__inner {
  background: linear-gradient(to right, #1eadc1, #f3fb4a);
  height: 31px;
  border-radius: 20px;
  transition: ease-in-out 1s;
  position: relative;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bar__inner.completed {
  background: #135cb0;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bar__inner.completed span {
  color: #fff;
  right: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bar__inner.completed span.completed_text {
  left: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bar__inner span {
  font-weight: 800;
  color: #4e535a;
  position: absolute;
  right: 15px;
  line-height: 1.9em;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__bar:after {
  position: absolute;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), transparent, rgba(255, 255, 255, 0.2)) 50% 0, top left;
  background-size: 10%, contain;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__name {
  position: absolute;
  right: 15px;
  bottom: -23px;
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(0, 0, 0, 0.5);
  transition: ease-in-out 1s;
  border-radius: 20px;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay__name p {
  font-weight: 700;
  padding: 5px 10px;
  line-height: 1;
  color: #fff;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.next {
  overflow: hidden;
  position: relative;
  padding-bottom: 1.2em;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.next .next__wrapper {
  position: absolute;
  bottom: 100%;
  width: 100%;
  transition: ease-in-out 1s;
  padding-bottom: 0.75rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.next .next__wrapper div:first-of-type {
  margin-top: 0.75rem;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.next .next__wrapper .milestone-overlay__name {
  background: rgba(0, 0, 0, 0.9);
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.next .next__wrapper.load-in {
  animation: milestoneIn ease-in-out normal forwards 1;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.next .next__wrapper.load-out {
  animation: milestoneOut ease-in-out normal forwards 1;
  bottom: 0;
}
.milestone-overlay-wrapper.rounded.one .milestone-overlay.next .next__wrapper .test {
  width: 300px;
  height: 100px;
  background: #4e535a;
  margin-bottom: 10px;
}
@keyframes milestoneIn {
  0% {
    bottom: 100%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes milestoneOut {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 100%;
  }
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.poll-body-wrapper.chroma {
  padding: 1rem;
  background-color: #66ff00;
  height: 100vh;
  width: 100vw;
}
.poll-body-wrapper.chroma .poll-wrapper {
  background: #000;
}
.poll-body-wrapper.full-size {
  padding: 0;
}
.poll-body-wrapper.full-size .poll-wrapper {
  height: 100vh;
  width: 100vw;
}

.poll-wrapper {
  color: #fff;
  border-radius: 0.2rem;
  background: rgba(0, 0, 0, 0.5);
  padding: 2rem;
  width: 500px;
  min-height: 405px;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  display: flex;
  flex-direction: column;
}
.poll-wrapper .poll_name {
  font-size: 1.776889rem;
  line-height: 2.25rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.poll-wrapper .poll_bottom {
  width: 100px;
  margin: 2rem auto 0;
}
.poll-wrapper .poll {
  margin-top: 15px;
}
.poll-wrapper .poll__wrapper {
  flex-grow: 1;
}
.poll-wrapper .poll__title {
  font-size: 1.333rem;
  line-height: 2.25rem;
}
.poll-wrapper .poll__title::after {
  content: " ";
  display: block;
  clear: both;
}
.poll-wrapper .poll__title___name {
  float: left;
}
.poll-wrapper .poll__title___votes {
  float: right;
}
.poll-wrapper .poll__title___votes .dollar-container {
  margin-left: 2rem;
  margin-right: 2rem;
}
.poll-wrapper .poll__title___votes .percent-container {
  width: 50px;
  display: inline-block;
  text-align: right;
}
.poll-wrapper .poll__cont {
  background: rgba(78, 83, 90, 0.5);
  height: 15px;
  border-radius: 0.2rem;
}
.poll-wrapper .poll__cont___amount {
  height: inherit;
  background-size: 400% 400%;
  position: relative;
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
  border-radius: 0.2rem;
}
.poll-wrapper .poll__cont___amount p {
  padding-top: 8px;
  font-size: 1.6rem;
  color: #fff;
}
.poll-wrapper .poll__default-red .poll__cont___amount {
  background: #c10f3a;
}
.poll-wrapper .poll__light-grey .poll__cont___amount {
  background: #f5f5f5;
}
.poll-wrapper .poll__medium-grey .poll__cont___amount {
  background: #ccc;
}
.poll-wrapper .poll__light-purple .poll__cont___amount {
  background: #8332a7;
}
.poll-wrapper .poll__dark-purple .poll__cont___amount {
  background: #490e67;
}
.poll-wrapper .poll__light-blue .poll__cont___amount {
  background: #135cb0;
}
.poll-wrapper .poll__dark-blue .poll__cont___amount {
  background: #002856;
}
.poll-wrapper .poll__light-aqua .poll__cont___amount {
  background: #64d0e4;
}
.poll-wrapper .poll__dark-aqua .poll__cont___amount {
  background: #1eadc1;
}
.poll-wrapper .poll__light-green .poll__cont___amount {
  background: #c0da07;
}
.poll-wrapper .poll__dark-green .poll__cont___amount {
  background: rgb(117, 188, 33);
}
.poll-wrapper .poll__light-yellow .poll__cont___amount {
  background: #ffc32c;
}
.poll-wrapper .poll__dark-yellow .poll__cont___amount {
  background: #ffb125;
}
.poll-wrapper .poll__multi:nth-child(1n) .poll__cont___amount {
  background: #8332a7;
}
.poll-wrapper .poll__multi:nth-child(2n) .poll__cont___amount {
  background: #135cb0;
}
.poll-wrapper .poll__multi:nth-child(3n) .poll__cont___amount {
  background: #64d0e4;
}
.poll-wrapper .poll__multi:nth-child(4n) .poll__cont___amount {
  background: #c0da07;
}
.poll-wrapper .poll__multi:nth-child(5n) .poll__cont___amount {
  background: #ffc32c;
}
.poll-wrapper .poll__multi:nth-child(6n) .poll__cont___amount {
  background: #490e67;
}
.poll-wrapper .poll__multi:nth-child(7n) .poll__cont___amount {
  background: #002856;
}
.poll-wrapper .poll__multi:nth-child(8n) .poll__cont___amount {
  background: #1eadc1;
}
.poll-wrapper .poll__multi:nth-child(9n) .poll__cont___amount {
  background: rgb(117, 188, 33);
}
.poll-wrapper .poll__multi:nth-child(10n) .poll__cont___amount {
  background: #ffb125;
}
.poll-wrapper .poll__multi:nth-child(11n) .poll__cont___amount {
  background: #64d0e4;
}
.poll-wrapper .logo {
  position: relative;
  height: 75px;
}
.poll-wrapper .logo span {
  display: none;
}
.poll-wrapper .logo .child-icon {
  position: absolute;
  left: 10px;
}
.poll-wrapper .logo .playlive_logo {
  position: absolute;
  width: 7rem;
  height: 7rem;
  display: inline-block;
  background: url("/assets/playlive_logo-VG39f_nb.png") no-repeat 50% 25%;
  background-size: 100%;
}
.poll-wrapper .logo .custom-logo-img {
  position: absolute;
  top: 5px;
  width: 4em;
  height: 4em;
  left: 20px;
}

.poll-1v1-wrapper {
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  padding: 1rem;
  min-width: 450px;
  width: 100%;
}
.poll-1v1-wrapper .poll_options {
  display: flex;
}
.poll-1v1-wrapper .poll_name {
  color: white;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 5px;
}
.poll-1v1-wrapper .poll {
  height: 50px;
  white-space: nowrap;
  min-width: 250px;
  width: -moz-max-content;
  width: max-content;
}
.poll-1v1-wrapper .poll.poll-zero {
  width: 50% !important;
}
.poll-1v1-wrapper .poll:last-child .text-content {
  margin-right: 3em;
}
.poll-1v1-wrapper .poll .text-content {
  font-weight: 700;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.6rem;
  margin-top: 6px;
  text-shadow: 1px 1px 3px #333;
  letter-spacing: 1px;
  color: #fff;
  min-width: 100px;
  text-overflow: clip;
  width: -moz-max-content;
  width: max-content;
}
.poll-1v1-wrapper .poll.default-red:nth-child(even) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: linear-gradient(-45deg, #c10f3a, #c10f3a, rgb(115.8, 9, 34.8));
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.default-red:nth-child(even) p {
  text-align: left;
}
.poll-1v1-wrapper .poll.default-red:nth-child(odd) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: linear-gradient(-45deg, rgb(87, 15, 33.6), #911938, #911938);
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.default-red:nth-child(odd) p {
  text-align: right;
}
.poll-1v1-wrapper .poll.light-purple:nth-child(even) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: linear-gradient(-45deg, #8332a7, #8332a7, rgb(78.6, 30, 100.2));
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.light-purple:nth-child(even) p {
  text-align: left;
}
.poll-1v1-wrapper .poll.light-purple:nth-child(odd) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: linear-gradient(-45deg, rgb(43.8, 8.4, 61.8), #490e67, #490e67);
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.light-purple:nth-child(odd) p {
  text-align: right;
}
.poll-1v1-wrapper .poll.light-blue:nth-child(even) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: linear-gradient(-45deg, #135cb0, #135cb0, rgb(11.4, 55.2, 105.6));
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.light-blue:nth-child(even) p {
  text-align: left;
}
.poll-1v1-wrapper .poll.light-blue:nth-child(odd) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: linear-gradient(-45deg, rgb(0, 24, 51.6), #002856, #002856);
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.light-blue:nth-child(odd) p {
  text-align: right;
}
.poll-1v1-wrapper .poll.light-aqua .poll__cont___amount {
  background: #64d0e4;
}
.poll-1v1-wrapper .poll.light-aqua:nth-child(even) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: linear-gradient(-45deg, #64d0e4, #64d0e4, rgb(60, 124.8, 136.8));
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.light-aqua:nth-child(even) p {
  text-align: left;
}
.poll-1v1-wrapper .poll.light-aqua:nth-child(odd) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: linear-gradient(-45deg, rgb(18, 103.8, 115.8), #1eadc1, #1eadc1);
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.light-aqua:nth-child(odd) p {
  text-align: right;
}
.poll-1v1-wrapper .poll.light-green:nth-child(even) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: linear-gradient(-45deg, #c0da07, #c0da07, rgb(115.2, 130.8, 4.2));
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.light-green:nth-child(even) p {
  text-align: left;
}
.poll-1v1-wrapper .poll.light-green:nth-child(odd) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: linear-gradient(-45deg, rgb(70.2, 112.8, 19.8), rgb(117, 188, 33), rgb(117, 188, 33));
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.light-green:nth-child(odd) p {
  text-align: right;
}
.poll-1v1-wrapper .poll.light-yellow:nth-child(even), .poll-1v1-wrapper .poll.ccam:nth-child(even) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: linear-gradient(-45deg, #ffc32c, #ffc32c, rgb(153, 117, 26.4));
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.light-yellow:nth-child(even) p, .poll-1v1-wrapper .poll.ccam:nth-child(even) p {
  text-align: left;
}
.poll-1v1-wrapper .poll.light-yellow:nth-child(odd), .poll-1v1-wrapper .poll.ccam:nth-child(odd) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: linear-gradient(-45deg, rgb(153, 106.2, 22.2), #ffb125, #ffb125);
  transition: ease-in-out 1s;
}
.poll-1v1-wrapper .poll.light-yellow:nth-child(odd) p, .poll-1v1-wrapper .poll.ccam:nth-child(odd) p {
  text-align: right;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.incentive-overlay {
  position: relative;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
}
.incentive-overlay ul {
  margin: 0;
  padding: 0;
}
.incentive-overlay ul li.no-rewards {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
.incentive-overlay ul.slanted div {
  transform: skewX(-10deg);
  border-radius: 0.2rem;
}
.incentive-overlay ul.slanted div span {
  padding: 0.5rem 1rem;
  transform: skewX(10deg);
  display: block;
}
.incentive-overlay ul.slanted div .quantity {
  transform: skewX(0deg);
}
.incentive-overlay ul.slanted .stars {
  transform: skewX(0deg);
}
.incentive-overlay ul.classic div {
  border-radius: 0.2rem;
}
.incentive-overlay ul.classic div span {
  display: block;
  padding: 0.5rem 1rem;
}
.incentive-overlay ul.classic div .quantity {
  font-style: italic;
}
.incentive-overlay ul.rounded div {
  border-radius: 2rem;
}
.incentive-overlay ul.rounded div span {
  display: block;
  padding: 0.5rem 1rem;
}
.incentive-overlay ul.rounded div .quantity {
  font-style: italic;
  border-top-right-radius: 2rem !important;
  border-bottom-right-radius: 2rem !important;
}
.incentive-overlay ul .stars {
  height: 52px;
  width: 100px;
  display: inline-block;
  position: relative;
  transform: skewX(0deg);
  overflow: hidden;
}
.incentive-overlay ul .stars .star:nth-child(1) {
  width: 35px;
  height: 34px;
  position: absolute;
  left: -100%;
  top: 7px;
  transform: rotate(-7deg);
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2065%2065'%3e%3cpath%20d='M64.26%2024.87a4.73%204.73%200%200%200-4.49-3.25l-17.46.05-5.37-16.6a4.69%204.69%200%200%200-4.48-3.26A4.68%204.68%200%200%200%2028%205.09l-5.3%2016.67-17.45-.11a4.72%204.72%200%200%200-2.78%208.55l14.25%2010.2-5.55%2016.49a4.71%204.71%200%200%200%207.24%205.3L32.44%2052l14.13%2010.27a4.69%204.69%200%200%200%202.78.93%204.78%204.78%200%200%200%202.77-.91A4.66%204.66%200%200%200%2053.84%2057l-5.39-16.6%2014.11-10.25a4.71%204.71%200%200%200%201.7-5.28z'%20fill='%231a1a1a'/%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2065%2065'%3e%3cpath%20d='M64.26%2024.87a4.73%204.73%200%200%200-4.49-3.25l-17.46.05-5.37-16.6a4.69%204.69%200%200%200-4.48-3.26A4.68%204.68%200%200%200%2028%205.09l-5.3%2016.67-17.45-.11a4.72%204.72%200%200%200-2.78%208.55l14.25%2010.2-5.55%2016.49a4.71%204.71%200%200%200%207.24%205.3L32.44%2052l14.13%2010.27a4.69%204.69%200%200%200%202.78.93%204.78%204.78%200%200%200%202.77-.91A4.66%204.66%200%200%200%2053.84%2057l-5.39-16.6%2014.11-10.25a4.71%204.71%200%200%200%201.7-5.28z'%20fill='%231a1a1a'/%3e%3c/svg%3e") no-repeat 50% 50%;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #ffb125;
  animation: starMove 1s 2.5s ease-in-out 1 forwards, starFloat 2s 5s ease-in-out infinite forwards;
}
@keyframes starMove {
  0% {
    left: -100%;
  }
  70% {
    left: 40px;
    transform: rotate(7deg);
  }
  100% {
    left: 25px;
    transform: rotate(-7deg);
  }
}
@keyframes starFloat {
  0% {
    transform: rotate(-7deg) translateY(0px);
  }
  50% {
    transform: rotate(-7deg) translateY(2px);
  }
  100% {
    transform: rotate(-7deg) translateY(0);
  }
}
.incentive-overlay ul .stars .star:nth-child(2) {
  width: 16px;
  height: 15px;
  position: absolute;
  top: 9px;
  left: -100%;
  transform: rotate(15deg);
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2065%2065'%3e%3cpath%20d='M64.26%2024.87a4.73%204.73%200%200%200-4.49-3.25l-17.46.05-5.37-16.6a4.69%204.69%200%200%200-4.48-3.26A4.68%204.68%200%200%200%2028%205.09l-5.3%2016.67-17.45-.11a4.72%204.72%200%200%200-2.78%208.55l14.25%2010.2-5.55%2016.49a4.71%204.71%200%200%200%207.24%205.3L32.44%2052l14.13%2010.27a4.69%204.69%200%200%200%202.78.93%204.78%204.78%200%200%200%202.77-.91A4.66%204.66%200%200%200%2053.84%2057l-5.39-16.6%2014.11-10.25a4.71%204.71%200%200%200%201.7-5.28z'%20fill='%231a1a1a'/%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2065%2065'%3e%3cpath%20d='M64.26%2024.87a4.73%204.73%200%200%200-4.49-3.25l-17.46.05-5.37-16.6a4.69%204.69%200%200%200-4.48-3.26A4.68%204.68%200%200%200%2028%205.09l-5.3%2016.67-17.45-.11a4.72%204.72%200%200%200-2.78%208.55l14.25%2010.2-5.55%2016.49a4.71%204.71%200%200%200%207.24%205.3L32.44%2052l14.13%2010.27a4.69%204.69%200%200%200%202.78.93%204.78%204.78%200%200%200%202.77-.91A4.66%204.66%200%200%200%2053.84%2057l-5.39-16.6%2014.11-10.25a4.71%204.71%200%200%200%201.7-5.28z'%20fill='%231a1a1a'/%3e%3c/svg%3e") no-repeat 50% 50%;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: rgb(229.5, 159.3, 33.3);
  animation: starMove2 1.2s 2.5s ease-in-out 1 forwards, starWiggle 30s 5s ease-in-out infinite forwards;
}
@keyframes starWiggle {
  0% {
    left: 10px;
    transform: rotate(15deg);
  }
  2% {
    left: 10px;
    transform: rotate(15deg);
  }
  2.5% {
    left: 10px;
    transform: rotate(25deg);
  }
  3% {
    left: 10px;
    transform: rotate(5deg);
  }
  3.5% {
    left: 10px;
    transform: rotate(25deg);
  }
  4% {
    left: 10px;
    transform: rotate(5deg);
  }
  4.5% {
    left: 10px;
    transform: rotate(15deg);
  }
}
.incentive-overlay ul .stars .star:nth-child(3) {
  width: 15px;
  height: 14px;
  position: absolute;
  bottom: 15px;
  left: -100%;
  transform: rotate(-15deg);
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2065%2065'%3e%3cpath%20d='M64.26%2024.87a4.73%204.73%200%200%200-4.49-3.25l-17.46.05-5.37-16.6a4.69%204.69%200%200%200-4.48-3.26A4.68%204.68%200%200%200%2028%205.09l-5.3%2016.67-17.45-.11a4.72%204.72%200%200%200-2.78%208.55l14.25%2010.2-5.55%2016.49a4.71%204.71%200%200%200%207.24%205.3L32.44%2052l14.13%2010.27a4.69%204.69%200%200%200%202.78.93%204.78%204.78%200%200%200%202.77-.91A4.66%204.66%200%200%200%2053.84%2057l-5.39-16.6%2014.11-10.25a4.71%204.71%200%200%200%201.7-5.28z'%20fill='%231a1a1a'/%3e%3c/svg%3e") no-repeat 50% 50%;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2065%2065'%3e%3cpath%20d='M64.26%2024.87a4.73%204.73%200%200%200-4.49-3.25l-17.46.05-5.37-16.6a4.69%204.69%200%200%200-4.48-3.26A4.68%204.68%200%200%200%2028%205.09l-5.3%2016.67-17.45-.11a4.72%204.72%200%200%200-2.78%208.55l14.25%2010.2-5.55%2016.49a4.71%204.71%200%200%200%207.24%205.3L32.44%2052l14.13%2010.27a4.69%204.69%200%200%200%202.78.93%204.78%204.78%200%200%200%202.77-.91A4.66%204.66%200%200%200%2053.84%2057l-5.39-16.6%2014.11-10.25a4.71%204.71%200%200%200%201.7-5.28z'%20fill='%231a1a1a'/%3e%3c/svg%3e") no-repeat 50% 50%;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: rgb(204, 141.6, 29.6);
  animation: starMove3 1s 2.5s ease-in-out 1 forwards, starWiggle2 30s 5s ease-in-out infinite forwards;
}
@keyframes starWiggle2 {
  0% {
    left: 62px;
    transform: rotate(-15deg);
  }
  2% {
    left: 62px;
    transform: rotate(-15deg);
  }
  2.5% {
    left: 62px;
    transform: rotate(-25deg);
  }
  3% {
    left: 62px;
    transform: rotate(-5deg);
  }
  3.5% {
    left: 62px;
    transform: rotate(-25deg);
  }
  4% {
    left: 62px;
    transform: rotate(-15deg);
  }
  4.5% {
    left: 62px;
    transform: rotate(-15deg);
  }
}
@keyframes starMove2 {
  0% {
    left: -100%;
  }
  70% {
    left: 20px;
    transform: rotate(30deg);
  }
  100% {
    left: 10px;
    transform: rotate(15deg);
  }
}
@keyframes starMove3 {
  0% {
    left: -100%;
  }
  70% {
    left: 72px;
    transform: rotate(15deg);
  }
  100% {
    left: 62px;
    transform: rotate(-15deg);
  }
}
.incentive-overlay ul li {
  font-size: 25px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 3px 0;
  color: #fff;
  padding: 5px 15px;
  list-style-type: none;
  line-height: 1;
  display: flex;
  opacity: 0;
}
.incentive-overlay ul li .title {
  padding: 0.5rem 1rem;
  font-weight: 800;
}
.incentive-overlay ul li .title.default-red {
  background: linear-gradient(#c10f3a, rgb(115.8, 9, 34.8));
}
.incentive-overlay ul li .title.dark-red {
  background: linear-gradient(#911938, rgb(87, 15, 33.6));
}
.incentive-overlay ul li .title.light-purple {
  background: linear-gradient(#8332a7, rgb(78.6, 30, 100.2));
}
.incentive-overlay ul li .title.dark-purple {
  background: linear-gradient(#490e67, rgb(43.8, 8.4, 61.8));
}
.incentive-overlay ul li .title.light-blue {
  background: linear-gradient(#135cb0, rgb(11.4, 55.2, 105.6));
}
.incentive-overlay ul li .title.dark-blue {
  background: linear-gradient(#002856, rgb(0, 24, 51.6));
}
.incentive-overlay ul li .title.light-aqua {
  background: linear-gradient(#64d0e4, rgb(60, 124.8, 136.8));
}
.incentive-overlay ul li .title.dark-aqua {
  background: linear-gradient(#1eadc1, rgb(18, 103.8, 115.8));
}
.incentive-overlay ul li .title.light-green {
  background: linear-gradient(#c0da07, rgb(115.2, 130.8, 4.2));
}
.incentive-overlay ul li .title.dark-green {
  background: linear-gradient(rgb(117, 188, 33), rgb(70.2, 112.8, 19.8));
}
.incentive-overlay ul li .title.light-yellow {
  background: linear-gradient(#ffc32c, rgb(153, 117, 26.4));
}
.incentive-overlay ul li .title.dark-yellow {
  background: linear-gradient(#ffb125, rgb(153, 106.2, 22.2));
}
.incentive-overlay ul li .title.medium-grey {
  background: linear-gradient(#ccc, rgb(122.4, 122.4, 122.4));
}
.incentive-overlay ul li .title.light-grey {
  background: linear-gradient(#f5f5f5, #939393);
}
.incentive-overlay ul li .title.dark-grey {
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
}
.incentive-overlay ul li .amount {
  font-size: 1.333rem;
  line-height: 2.25rem;
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
}
.incentive-overlay ul li .amount span {
  font-weight: 800;
}
.incentive-overlay ul li .amount.highlighted {
  font-size: 1.776889rem;
  line-height: 2.25rem;
}
.incentive-overlay ul li .text {
  margin-left: 0.5rem;
  margin-right: 0;
  font-size: 1.333rem;
  line-height: 2.25rem;
  font-weight: 700;
  background: #c10f3a;
}
.incentive-overlay ul li .text.default-red {
  background: linear-gradient(#c10f3a, rgb(135.1, 10.5, 40.6));
}
.incentive-overlay ul li .text.dark-red {
  background: linear-gradient(#911938, rgb(101.5, 17.5, 39.2));
}
.incentive-overlay ul li .text.light-purple {
  background: linear-gradient(#8332a7, rgb(91.7, 35, 116.9));
}
.incentive-overlay ul li .text.dark-purple {
  background: linear-gradient(#490e67, rgb(51.1, 9.8, 72.1));
}
.incentive-overlay ul li .text.light-blue {
  background: linear-gradient(#135cb0, rgb(13.3, 64.4, 123.2));
}
.incentive-overlay ul li .text.dark-blue {
  background: linear-gradient(#002856, rgb(0, 28, 60.2));
}
.incentive-overlay ul li .text.light-aqua {
  background: linear-gradient(#64d0e4, rgb(70, 145.6, 159.6));
}
.incentive-overlay ul li .text.dark-aqua {
  background: linear-gradient(#1eadc1, rgb(21, 121.1, 135.1));
}
.incentive-overlay ul li .text.light-green {
  background: linear-gradient(#c0da07, rgb(134.4, 152.6, 4.9));
}
.incentive-overlay ul li .text.dark-green {
  background: linear-gradient(rgb(117, 188, 33), rgb(81.9, 131.6, 23.1));
}
.incentive-overlay ul li .text.light-yellow {
  background: linear-gradient(#ffc32c, rgb(178.5, 136.5, 30.8));
}
.incentive-overlay ul li .text.dark-yellow {
  background: linear-gradient(#ffb125, rgb(178.5, 123.9, 25.9));
}
.incentive-overlay ul li .text.medium-grey {
  background: linear-gradient(#ccc, rgb(142.8, 142.8, 142.8));
}
.incentive-overlay ul li .text.light-grey {
  background: linear-gradient(#f5f5f5, rgb(171.5, 171.5, 171.5));
}
.incentive-overlay ul li .text.dark-grey {
  background: linear-gradient(#4e535a, rgb(54.6, 58.1, 63));
}
.incentive-overlay ul li .text span {
  display: inline-block;
}
.incentive-overlay ul li .text .quantity {
  background-color: rgba(0, 0, 0, 0.7);
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.incentive-overlay ul li .text.highlighted {
  overflow: hidden;
  position: relative;
}
.incentive-overlay ul li .text.highlighted:before {
  content: "";
  position: absolute;
  left: -100%;
  display: block;
  width: 100%;
  height: 52px;
  background: linear-gradient(135deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
}
@keyframes highlightMove {
  0% {
    left: -100%;
  }
  20%, 80% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
.incentive-overlay ul li .text.highlighted {
  font-size: 1.776889rem;
  line-height: 2.25rem;
}
.incentive-overlay ul.hidden {
  display: none;
}
.incentive-overlay ul.load li {
  opacity: 1;
}
.incentive-overlay ul.load-in li {
  animation: load-in 0.5s ease-in-out 1 normal forwards;
}
.incentive-overlay ul.load-out li {
  opacity: 1;
  animation: load-out 0.5s ease-in-out 1 normal forwards;
}
@keyframes load-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes load-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
.donor_list_wrapper {
  width: 100%;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  min-height: 500px;
}
.donor_list_wrapper .donor_list_inner_wrapper_right_vertical {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: end;
}
.donor_list_wrapper .donor_list_inner_wrapper_left_horizontal,
.donor_list_wrapper .donor_list_inner_wrapper_right_horizontal {
  padding-left: 2em;
  padding-right: 2em;
}
.donor_list_wrapper .donor_list.vertical {
  width: 500px;
  position: absolute;
}
.donor_list_wrapper .donor_list.vertical ul {
  margin-top: 0;
  list-style: none;
  font-size: 1rem;
}
.donor_list_wrapper .donor_list.vertical ul li {
  margin: 0;
  padding: 0;
  transform: translateX(40px);
  position: relative;
  max-width: 500px;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container:after {
  content: "";
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_content {
  padding: 0.7rem 2rem 1rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  width: 100%;
  min-height: 75px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
  transform: skewX(-10deg) translateX(15px);
  box-shadow: 5px 10px 10px #1a1a1a;
  z-index: 1;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon {
  padding-top: 8px;
  margin-top: 5px;
  background: transparent;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  position: absolute;
  left: 74%;
  transform: rotate(15deg) skewX(10deg);
  z-index: 2;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon:before {
  content: "";
  background-color: rgba(127.5, 127.5, 127.5, 0.23);
  -webkit-mask-size: contain;
          mask-size: contain;
  display: block;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon.donation:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Donate_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.283,40.651c-0.771-1.321-2.065-2.29-3.551-2.659c-1.473-0.363-3.061-0.118-4.353,0.673%20l-15.219,9.324c-1.086,0.665-2.41,0.855-3.633,0.525L25.14,45.731l10.985-3.462c1.39-0.438,2.528-1.453,3.125-2.783%20c0.596-1.328,0.595-2.853-0.001-4.184c-0.381-0.844-1.223-1.389-2.145-1.389H21.699c-3.799,0-7.552,1.274-10.567,3.589%20l-9.448,7.255c-0.286,0.219-0.469,0.537-0.517,0.895c-0.047,0.357,0.048,0.712,0.268,0.997c0.453,0.591,1.303,0.702,1.893,0.249%20l9.448-7.255c2.547-1.954,5.716-3.03,8.923-3.03h15.17l0.031,0.108c0.16,0.549,0.12,1.138-0.114,1.66%20c-0.281,0.627-0.818,1.105-1.475,1.312l-12.128,3.822c-1.005,0.318-1.666,1.239-1.643,2.294c0.024,1.054,0.723,1.946,1.741,2.219%20l11.548,3.095c1.939,0.519,4.031,0.216,5.742-0.833l15.219-9.323c0.68-0.416,1.517-0.547,2.292-0.354%20c0.641,0.159,1.221,0.533,1.633,1.055l0.083,0.104l-0.094,0.095L46.299,55.273c-3.146,3.144-7.327,4.876-11.774,4.876H2.506%20c-0.745,0-1.35,0.606-1.35,1.35c0,0.744,0.605,1.35,1.35,1.35h32.018c5.168,0,10.027-2.012,13.683-5.667l13.702-13.702%20C62.663,42.725,62.817,41.561,62.283,40.651z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M16.973,4.566c-1.73,2.026-2.612,4.67-2.483,7.445c0.184,3.85,3.018,8.177,8.196,12.513%20c2.634,2.205,6.36,5.142,8.347,6.696l0.128,0.101c0.474,0.375,1.192,0.378,1.669,0.009c0.048-0.037,5.167-4.027,8.482-6.805%20c5.181-4.335,8.015-8.663,8.196-12.515c0.131-2.773-0.751-5.417-2.482-7.444c-1.77-2.071-4.247-3.282-6.977-3.41%20c-2.991-0.136-5.885,1.048-7.939,3.261l-0.11,0.118l-0.11-0.118c-1.948-2.096-4.641-3.273-7.453-3.273%20c-0.163,0-0.326,0.004-0.489,0.012C21.22,1.283,18.743,2.494,16.973,4.566z%20M24.077,3.853c2.704-0.139,5.339,1.287,6.772,3.638%20c0.243,0.4,0.685,0.648,1.153,0.648c0.468,0,0.91-0.249,1.154-0.649c1.443-2.372,4.049-3.764,6.766-3.638l0.144,0.009%20c1.924,0.128,3.66,0.997,4.909,2.457c1.283,1.503,1.936,3.478,1.838,5.564c-0.143,3.035-2.712,6.789-7.231,10.572%20c-2.495,2.089-6.066,4.907-7.485,6.022l-0.093,0.073l-0.093-0.073c-2.186-1.717-5.26-4.156-7.49-6.022%20c-4.519-3.785-7.088-7.539-7.232-10.57c-0.097-2.085,0.556-4.061,1.839-5.564C20.306,4.821,22.1,3.945,24.077,3.853z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Donate_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.283,40.651c-0.771-1.321-2.065-2.29-3.551-2.659c-1.473-0.363-3.061-0.118-4.353,0.673%20l-15.219,9.324c-1.086,0.665-2.41,0.855-3.633,0.525L25.14,45.731l10.985-3.462c1.39-0.438,2.528-1.453,3.125-2.783%20c0.596-1.328,0.595-2.853-0.001-4.184c-0.381-0.844-1.223-1.389-2.145-1.389H21.699c-3.799,0-7.552,1.274-10.567,3.589%20l-9.448,7.255c-0.286,0.219-0.469,0.537-0.517,0.895c-0.047,0.357,0.048,0.712,0.268,0.997c0.453,0.591,1.303,0.702,1.893,0.249%20l9.448-7.255c2.547-1.954,5.716-3.03,8.923-3.03h15.17l0.031,0.108c0.16,0.549,0.12,1.138-0.114,1.66%20c-0.281,0.627-0.818,1.105-1.475,1.312l-12.128,3.822c-1.005,0.318-1.666,1.239-1.643,2.294c0.024,1.054,0.723,1.946,1.741,2.219%20l11.548,3.095c1.939,0.519,4.031,0.216,5.742-0.833l15.219-9.323c0.68-0.416,1.517-0.547,2.292-0.354%20c0.641,0.159,1.221,0.533,1.633,1.055l0.083,0.104l-0.094,0.095L46.299,55.273c-3.146,3.144-7.327,4.876-11.774,4.876H2.506%20c-0.745,0-1.35,0.606-1.35,1.35c0,0.744,0.605,1.35,1.35,1.35h32.018c5.168,0,10.027-2.012,13.683-5.667l13.702-13.702%20C62.663,42.725,62.817,41.561,62.283,40.651z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M16.973,4.566c-1.73,2.026-2.612,4.67-2.483,7.445c0.184,3.85,3.018,8.177,8.196,12.513%20c2.634,2.205,6.36,5.142,8.347,6.696l0.128,0.101c0.474,0.375,1.192,0.378,1.669,0.009c0.048-0.037,5.167-4.027,8.482-6.805%20c5.181-4.335,8.015-8.663,8.196-12.515c0.131-2.773-0.751-5.417-2.482-7.444c-1.77-2.071-4.247-3.282-6.977-3.41%20c-2.991-0.136-5.885,1.048-7.939,3.261l-0.11,0.118l-0.11-0.118c-1.948-2.096-4.641-3.273-7.453-3.273%20c-0.163,0-0.326,0.004-0.489,0.012C21.22,1.283,18.743,2.494,16.973,4.566z%20M24.077,3.853c2.704-0.139,5.339,1.287,6.772,3.638%20c0.243,0.4,0.685,0.648,1.153,0.648c0.468,0,0.91-0.249,1.154-0.649c1.443-2.372,4.049-3.764,6.766-3.638l0.144,0.009%20c1.924,0.128,3.66,0.997,4.909,2.457c1.283,1.503,1.936,3.478,1.838,5.564c-0.143,3.035-2.712,6.789-7.231,10.572%20c-2.495,2.089-6.066,4.907-7.485,6.022l-0.093,0.073l-0.093-0.073c-2.186-1.717-5.26-4.156-7.49-6.022%20c-4.519-3.785-7.088-7.539-7.232-10.57c-0.097-2.085,0.556-4.061,1.839-5.564C20.306,4.821,22.1,3.945,24.077,3.853z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon.reward:before {
  -webkit-mask: url("/assets/influencer-CJFCGatz.svg") no-repeat 50%;
          mask: url("/assets/influencer-CJFCGatz.svg") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon.wagon:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Red_Wagon_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.779,44.227L53.071,5.351h1.014c0.744,0,1.35-0.605,1.35-1.35c0-0.745-0.606-1.35-1.35-1.35%20h-5.487c-0.744,0-1.35,0.605-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h1.691l4.106,16.443H2.499c-0.745,0-1.35,0.606-1.35,1.35%20c0,0.745,0.605,1.35,1.35,1.35h1.65v8.573c0,1.848,1.503,3.35,3.35,3.35h42.91c1.848,0,3.35-1.502,3.35-3.35v-8.573h1.31%20l4.983,19.952h-5.653l-0.044-0.075c-2.027-3.488-5.775-5.654-9.782-5.654c-2.499,0-4.875,0.812-6.873,2.349l-0.104,0.08%20l-2.028-2.027c-0.263-0.264-0.608-0.396-0.954-0.396c-0.346,0-0.691,0.132-0.954,0.396c-0.526,0.526-0.526,1.382,0,1.908%20l2.027,2.028l-0.08,0.104c-1.536,1.998-2.348,4.375-2.348,6.872c0,6.239,5.075,11.314,11.314,11.314%20c6.239,0,11.314-5.075,11.314-11.314c0-0.879-0.114-1.787-0.339-2.699l-0.046-0.187H60.5c0.728,0,1.402-0.328,1.851-0.902%20C62.799,45.67,62.955,44.935,62.779,44.227z%20M51.06,33.067c0,0.358-0.292,0.65-0.65,0.65H7.499c-0.358,0-0.65-0.292-0.65-0.65%20v-8.573h44.21V33.067z%20M44.572,58.646c-4.75,0-8.615-3.865-8.615-8.615s3.865-8.615,8.615-8.615s8.615,3.865,8.615,8.615%20S49.322,58.646,44.572,58.646z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,55.616c3.08,0,5.585-2.505,5.585-5.585c0-3.08-2.506-5.585-5.585-5.585%20c-3.08,0-5.585,2.505-5.585,5.585C6.879,53.111,9.385,55.616,12.464,55.616z%20M12.464,47.146c1.591,0,2.885,1.295,2.885,2.886%20c0,1.591-1.294,2.886-2.885,2.886c-1.591,0-2.885-1.295-2.885-2.886C9.579,48.44,10.873,47.146,12.464,47.146z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M44.572,44.446c-3.08,0-5.585,2.505-5.585,5.585c0,3.08,2.505,5.585,5.585,5.585%20c3.08,0,5.585-2.505,5.585-5.585C50.157,46.951,47.652,44.446,44.572,44.446z%20M44.572,52.917c-1.591,0-2.886-1.295-2.886-2.886%20c0-1.591,1.295-2.886,2.886-2.886c1.591,0,2.886,1.295,2.886,2.886C47.458,51.622,46.163,52.917,44.572,52.917z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,61.346c6.239,0,11.315-5.075,11.315-11.314c0-2.497-0.812-4.874-2.348-6.872l-0.08-0.104%20l2.027-2.028c0.526-0.526,0.526-1.382,0-1.908c-0.526-0.527-1.383-0.527-1.909,0l-2.027,2.026l-0.104-0.08%20c-1.999-1.536-4.376-2.348-6.873-2.348c-6.239,0-11.315,5.075-11.315,11.314C1.149,56.271,6.225,61.346,12.464,61.346z%20M12.464,41.416c4.75,0,8.615,3.865,8.615,8.615s-3.865,8.615-8.615,8.615S3.85,54.781,3.85,50.031S7.714,41.416,12.464,41.416z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Red_Wagon_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.779,44.227L53.071,5.351h1.014c0.744,0,1.35-0.605,1.35-1.35c0-0.745-0.606-1.35-1.35-1.35%20h-5.487c-0.744,0-1.35,0.605-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h1.691l4.106,16.443H2.499c-0.745,0-1.35,0.606-1.35,1.35%20c0,0.745,0.605,1.35,1.35,1.35h1.65v8.573c0,1.848,1.503,3.35,3.35,3.35h42.91c1.848,0,3.35-1.502,3.35-3.35v-8.573h1.31%20l4.983,19.952h-5.653l-0.044-0.075c-2.027-3.488-5.775-5.654-9.782-5.654c-2.499,0-4.875,0.812-6.873,2.349l-0.104,0.08%20l-2.028-2.027c-0.263-0.264-0.608-0.396-0.954-0.396c-0.346,0-0.691,0.132-0.954,0.396c-0.526,0.526-0.526,1.382,0,1.908%20l2.027,2.028l-0.08,0.104c-1.536,1.998-2.348,4.375-2.348,6.872c0,6.239,5.075,11.314,11.314,11.314%20c6.239,0,11.314-5.075,11.314-11.314c0-0.879-0.114-1.787-0.339-2.699l-0.046-0.187H60.5c0.728,0,1.402-0.328,1.851-0.902%20C62.799,45.67,62.955,44.935,62.779,44.227z%20M51.06,33.067c0,0.358-0.292,0.65-0.65,0.65H7.499c-0.358,0-0.65-0.292-0.65-0.65%20v-8.573h44.21V33.067z%20M44.572,58.646c-4.75,0-8.615-3.865-8.615-8.615s3.865-8.615,8.615-8.615s8.615,3.865,8.615,8.615%20S49.322,58.646,44.572,58.646z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,55.616c3.08,0,5.585-2.505,5.585-5.585c0-3.08-2.506-5.585-5.585-5.585%20c-3.08,0-5.585,2.505-5.585,5.585C6.879,53.111,9.385,55.616,12.464,55.616z%20M12.464,47.146c1.591,0,2.885,1.295,2.885,2.886%20c0,1.591-1.294,2.886-2.885,2.886c-1.591,0-2.885-1.295-2.885-2.886C9.579,48.44,10.873,47.146,12.464,47.146z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M44.572,44.446c-3.08,0-5.585,2.505-5.585,5.585c0,3.08,2.505,5.585,5.585,5.585%20c3.08,0,5.585-2.505,5.585-5.585C50.157,46.951,47.652,44.446,44.572,44.446z%20M44.572,52.917c-1.591,0-2.886-1.295-2.886-2.886%20c0-1.591,1.295-2.886,2.886-2.886c1.591,0,2.886,1.295,2.886,2.886C47.458,51.622,46.163,52.917,44.572,52.917z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,61.346c6.239,0,11.315-5.075,11.315-11.314c0-2.497-0.812-4.874-2.348-6.872l-0.08-0.104%20l2.027-2.028c0.526-0.526,0.526-1.382,0-1.908c-0.526-0.527-1.383-0.527-1.909,0l-2.027,2.026l-0.104-0.08%20c-1.999-1.536-4.376-2.348-6.873-2.348c-6.239,0-11.315,5.075-11.315,11.314C1.149,56.271,6.225,61.346,12.464,61.346z%20M12.464,41.416c4.75,0,8.615,3.865,8.615,8.615s-3.865,8.615-8.615,8.615S3.85,54.781,3.85,50.031S7.714,41.416,12.464,41.416z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon.toys:before {
  -webkit-mask: url("/assets/kids-B3TObYnj.svg") no-repeat 50%;
          mask: url("/assets/kids-B3TObYnj.svg") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon.nochemo:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Host_an_Event_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M25.033,50.463c1.39,1.164,3.524,2.876,6.01,4.822l0.115,0.09c0.469,0.375,1.215,0.367,1.697-0.008%20c0.902-0.705,4.009-3.143,6.111-4.904c3.823-3.199,5.916-6.417,6.053-9.307c0.099-2.099-0.57-4.1-1.883-5.637%20c-1.346-1.576-3.229-2.497-5.305-2.593c-2.102-0.111-4.187,0.68-5.727,2.167L32,35.194l-0.104-0.1%20c-1.534-1.48-3.626-2.272-5.728-2.169c-2.076,0.097-3.96,1.019-5.305,2.594c-1.312,1.536-1.981,3.538-1.883,5.638%20C19.121,44.087,21.157,47.218,25.033,50.463z%20M22.916,37.272c0.856-1.002,2.057-1.588,3.379-1.649%20c1.84-0.097,3.589,0.866,4.552,2.448c0.244,0.399,0.685,0.647,1.153,0.647c0.468,0,0.91-0.248,1.154-0.648%20c0.926-1.524,2.581-2.451,4.354-2.451c0.064,0,0.128,0.001,0.192,0.004c1.325,0.062,2.525,0.647,3.382,1.649%20c0.865,1.014,1.305,2.347,1.238,3.756c-0.099,2.086-1.905,4.701-5.088,7.365c-1.523,1.275-3.636,2.954-5.139,4.139l-0.093,0.072%20l-0.093-0.072c-2.144-1.687-3.923-3.118-5.142-4.14c-3.183-2.664-4.99-5.279-5.089-7.363%20C21.611,39.619,22.051,38.285,22.916,37.272z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32.001,21.426c5.591,0,10.139-4.549,10.139-10.14c0-5.591-4.548-10.14-10.139-10.14%20c-5.591,0-10.14,4.549-10.14,10.14C21.862,16.877,26.411,21.426,32.001,21.426z%20M32.001,3.847c4.102,0,7.44,3.337,7.44,7.44%20c0,4.102-3.338,7.44-7.44,7.44c-4.102,0-7.439-3.337-7.439-7.44C24.562,7.184,27.899,3.847,32.001,3.847z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.851,54.436c0-0.744-0.605-1.35-1.35-1.35c-0.744,0-1.35,0.605-1.35,1.35v5.711H7.85v-9.466%20l0.117-0.026c2.424-0.541,4.184-2.735,4.184-5.218v-2.749c0-2.95-2.4-5.35-5.35-5.35h-0.6c-2.95,0-5.35,2.399-5.35,5.35v2.749%20c0,2.48,1.759,4.675,4.182,5.218l0.117,0.026v10.815c0,0.744,0.606,1.35,1.35,1.35h51.001c0.744,0,1.35-0.605,1.35-1.35V54.436z%20M6.201,48.087c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.188-2.65,2.65-2.65h0.6c1.461,0,2.65,1.189,2.65,2.65v2.749%20c0,1.461-1.189,2.65-2.65,2.65H6.201z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M63.149,42.688c0-2.48-1.758-4.675-4.182-5.218l-0.117-0.026V26.627c0-0.745-0.605-1.35-1.35-1.35%20H6.5c-0.745,0-1.35,0.605-1.35,1.35v7.059c0,0.744,0.606,1.35,1.35,1.35c0.745,0,1.35-0.605,1.35-1.35v-5.708h48.301v9.466%20l-0.117,0.026c-2.425,0.542-4.184,2.736-4.184,5.218v2.749c0,2.95,2.399,5.35,5.35,5.35h0.6c2.95,0,5.35-2.399,5.35-5.35V42.688z%20M60.45,45.437c0,1.461-1.189,2.65-2.65,2.65h-0.6c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.189-2.65,2.65-2.65h0.6%20c1.461,0,2.65,1.189,2.65,2.65V45.437z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Host_an_Event_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M25.033,50.463c1.39,1.164,3.524,2.876,6.01,4.822l0.115,0.09c0.469,0.375,1.215,0.367,1.697-0.008%20c0.902-0.705,4.009-3.143,6.111-4.904c3.823-3.199,5.916-6.417,6.053-9.307c0.099-2.099-0.57-4.1-1.883-5.637%20c-1.346-1.576-3.229-2.497-5.305-2.593c-2.102-0.111-4.187,0.68-5.727,2.167L32,35.194l-0.104-0.1%20c-1.534-1.48-3.626-2.272-5.728-2.169c-2.076,0.097-3.96,1.019-5.305,2.594c-1.312,1.536-1.981,3.538-1.883,5.638%20C19.121,44.087,21.157,47.218,25.033,50.463z%20M22.916,37.272c0.856-1.002,2.057-1.588,3.379-1.649%20c1.84-0.097,3.589,0.866,4.552,2.448c0.244,0.399,0.685,0.647,1.153,0.647c0.468,0,0.91-0.248,1.154-0.648%20c0.926-1.524,2.581-2.451,4.354-2.451c0.064,0,0.128,0.001,0.192,0.004c1.325,0.062,2.525,0.647,3.382,1.649%20c0.865,1.014,1.305,2.347,1.238,3.756c-0.099,2.086-1.905,4.701-5.088,7.365c-1.523,1.275-3.636,2.954-5.139,4.139l-0.093,0.072%20l-0.093-0.072c-2.144-1.687-3.923-3.118-5.142-4.14c-3.183-2.664-4.99-5.279-5.089-7.363%20C21.611,39.619,22.051,38.285,22.916,37.272z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32.001,21.426c5.591,0,10.139-4.549,10.139-10.14c0-5.591-4.548-10.14-10.139-10.14%20c-5.591,0-10.14,4.549-10.14,10.14C21.862,16.877,26.411,21.426,32.001,21.426z%20M32.001,3.847c4.102,0,7.44,3.337,7.44,7.44%20c0,4.102-3.338,7.44-7.44,7.44c-4.102,0-7.439-3.337-7.439-7.44C24.562,7.184,27.899,3.847,32.001,3.847z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.851,54.436c0-0.744-0.605-1.35-1.35-1.35c-0.744,0-1.35,0.605-1.35,1.35v5.711H7.85v-9.466%20l0.117-0.026c2.424-0.541,4.184-2.735,4.184-5.218v-2.749c0-2.95-2.4-5.35-5.35-5.35h-0.6c-2.95,0-5.35,2.399-5.35,5.35v2.749%20c0,2.48,1.759,4.675,4.182,5.218l0.117,0.026v10.815c0,0.744,0.606,1.35,1.35,1.35h51.001c0.744,0,1.35-0.605,1.35-1.35V54.436z%20M6.201,48.087c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.188-2.65,2.65-2.65h0.6c1.461,0,2.65,1.189,2.65,2.65v2.749%20c0,1.461-1.189,2.65-2.65,2.65H6.201z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M63.149,42.688c0-2.48-1.758-4.675-4.182-5.218l-0.117-0.026V26.627c0-0.745-0.605-1.35-1.35-1.35%20H6.5c-0.745,0-1.35,0.605-1.35,1.35v7.059c0,0.744,0.606,1.35,1.35,1.35c0.745,0,1.35-0.605,1.35-1.35v-5.708h48.301v9.466%20l-0.117,0.026c-2.425,0.542-4.184,2.736-4.184,5.218v2.749c0,2.95,2.399,5.35,5.35,5.35h0.6c2.95,0,5.35-2.399,5.35-5.35V42.688z%20M60.45,45.437c0,1.461-1.189,2.65-2.65,2.65h-0.6c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.189-2.65,2.65-2.65h0.6%20c1.461,0,2.65,1.189,2.65,2.65V45.437z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon.art:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Paintbrush_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20802.008%20801.914'%20style='enable-background:new%200%200%20802.008%20801.914;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M510.763,404.232c161.999-15.474,191.858-120.424,218.203-213.02%20c13.258-46.596,25.78-90.608,53.13-123.601c6.736-8.125,8.858-18.944,5.676-28.941c-3.165-9.946-11.1-17.507-21.227-20.227%20C720.796,6.157,676.999,0,635.624,0c-25.696,0-50.451,2.373-74.179,7.126C506.619,18.11,457.988,42.158,420.812,76.671%20c-27.971,25.966-49.232,57.679-61.486,91.709c-10.909,30.294-14.506,62.117-10.404,92.027l0.112,0.816l-0.507,0.649L15.552,688.229%20C3.237,703.998-1.92,722.036,0.639,740.393c2.255,16.173,10.507,31.392,23.235,42.853c12.729,11.461,28.727,18.076,45.045,18.628%20c18.505,0.65,35.955-6.416,50.319-20.284l390.846-377.291L510.763,404.232z%20M376.292,484.666l-56.173-50.58%20c-3.484-3.138-7.98-4.729-12.663-4.484c-4.681,0.245-8.987,2.299-12.123,5.783c-3.137,3.483-4.729,7.98-4.484,12.661%20c0.245,4.682,2.299,8.987,5.782,12.124l54.345,48.933l-1.505,1.453L94.862,756.337c-7.842,7.57-16.075,10.499-23.765,10.5%20c-9.222,0.001-17.666-4.209-23.736-9.676c-11.134-10.025-18.899-28.436-4.145-47.328l326.613-418.209l106.812,96.173%20L376.292,484.666z%20M508.433,369.192l-124.55-112.146l-0.1-0.7c-3.736-26.185-0.09-54.244,10.544-81.146%20c10.643-26.921,28.059-52.097,50.365-72.806c32.424-30.1,75.181-51.143,123.647-60.853c53.936-10.805,114.357-8.003,179.585,8.331%20l2.836,0.71l-1.745,2.345c-27.848,37.437-41.045,83.822-53.808,128.679c-8.826,31.019-17.163,60.317-29.751,86.775l-0.668,1.403%20l-1.517-0.338c-48.083-10.713-58.663-43.124-70.912-80.652c-11.763-36.035-25.094-76.878-74.051-95.281%20c-4.384-1.647-9.151-1.49-13.423,0.445c-4.271,1.937-7.53,5.419-9.18,9.807c-1.649,4.388-1.491,9.156,0.444,13.425%20c1.937,4.269,5.42,7.528,9.809,9.178c33.171,12.47,41.936,39.322,53.032,73.318c12.047,36.904,27.04,82.833,84.419,100.767%20l2.657,0.831l-1.688,2.213c-0.776,1.017-1.561,2.026-2.359,3.026c-29.244,36.558-71.419,56.443-132.729,62.581L508.433,369.192z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M790.847,626.043l-0.066-0.152c-13.712-31.349-65.693-139.229-95.488-200.809l-1.775-3.672%20c-2.853-6.043-9.002-9.992-15.671-10.071c-0.066-0.001-0.133-0.001-0.199-0.001c-6.595,0-12.74,3.785-15.698,9.688%20c-0.642,1.288-80.392,165.749-97.561,205.021c-7.404,16.977-11.158,34.32-11.158,51.549c0,68.546,55.81,124.312,124.409,124.312%20c68.577,0,124.369-55.766,124.369-124.312C802.008,660.364,798.253,643.02,790.847,626.043z%20M677.639,766.808%20c-49.245,0-89.31-40.021-89.31-89.212c0-12.371,2.768-24.989,8.226-37.503c11.936-27.299,54.817-116.51,79.317-167.258l1.756-3.639%20l1.756,3.639c42.391,87.847,70.55,147.24,79.291,167.241c5.463,12.524,8.233,25.147,8.233,37.52%20C766.909,726.787,726.863,766.808,677.639,766.808z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Paintbrush_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20802.008%20801.914'%20style='enable-background:new%200%200%20802.008%20801.914;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M510.763,404.232c161.999-15.474,191.858-120.424,218.203-213.02%20c13.258-46.596,25.78-90.608,53.13-123.601c6.736-8.125,8.858-18.944,5.676-28.941c-3.165-9.946-11.1-17.507-21.227-20.227%20C720.796,6.157,676.999,0,635.624,0c-25.696,0-50.451,2.373-74.179,7.126C506.619,18.11,457.988,42.158,420.812,76.671%20c-27.971,25.966-49.232,57.679-61.486,91.709c-10.909,30.294-14.506,62.117-10.404,92.027l0.112,0.816l-0.507,0.649L15.552,688.229%20C3.237,703.998-1.92,722.036,0.639,740.393c2.255,16.173,10.507,31.392,23.235,42.853c12.729,11.461,28.727,18.076,45.045,18.628%20c18.505,0.65,35.955-6.416,50.319-20.284l390.846-377.291L510.763,404.232z%20M376.292,484.666l-56.173-50.58%20c-3.484-3.138-7.98-4.729-12.663-4.484c-4.681,0.245-8.987,2.299-12.123,5.783c-3.137,3.483-4.729,7.98-4.484,12.661%20c0.245,4.682,2.299,8.987,5.782,12.124l54.345,48.933l-1.505,1.453L94.862,756.337c-7.842,7.57-16.075,10.499-23.765,10.5%20c-9.222,0.001-17.666-4.209-23.736-9.676c-11.134-10.025-18.899-28.436-4.145-47.328l326.613-418.209l106.812,96.173%20L376.292,484.666z%20M508.433,369.192l-124.55-112.146l-0.1-0.7c-3.736-26.185-0.09-54.244,10.544-81.146%20c10.643-26.921,28.059-52.097,50.365-72.806c32.424-30.1,75.181-51.143,123.647-60.853c53.936-10.805,114.357-8.003,179.585,8.331%20l2.836,0.71l-1.745,2.345c-27.848,37.437-41.045,83.822-53.808,128.679c-8.826,31.019-17.163,60.317-29.751,86.775l-0.668,1.403%20l-1.517-0.338c-48.083-10.713-58.663-43.124-70.912-80.652c-11.763-36.035-25.094-76.878-74.051-95.281%20c-4.384-1.647-9.151-1.49-13.423,0.445c-4.271,1.937-7.53,5.419-9.18,9.807c-1.649,4.388-1.491,9.156,0.444,13.425%20c1.937,4.269,5.42,7.528,9.809,9.178c33.171,12.47,41.936,39.322,53.032,73.318c12.047,36.904,27.04,82.833,84.419,100.767%20l2.657,0.831l-1.688,2.213c-0.776,1.017-1.561,2.026-2.359,3.026c-29.244,36.558-71.419,56.443-132.729,62.581L508.433,369.192z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M790.847,626.043l-0.066-0.152c-13.712-31.349-65.693-139.229-95.488-200.809l-1.775-3.672%20c-2.853-6.043-9.002-9.992-15.671-10.071c-0.066-0.001-0.133-0.001-0.199-0.001c-6.595,0-12.74,3.785-15.698,9.688%20c-0.642,1.288-80.392,165.749-97.561,205.021c-7.404,16.977-11.158,34.32-11.158,51.549c0,68.546,55.81,124.312,124.409,124.312%20c68.577,0,124.369-55.766,124.369-124.312C802.008,660.364,798.253,643.02,790.847,626.043z%20M677.639,766.808%20c-49.245,0-89.31-40.021-89.31-89.212c0-12.371,2.768-24.989,8.226-37.503c11.936-27.299,54.817-116.51,79.317-167.258l1.756-3.639%20l1.756,3.639c42.391,87.847,70.55,147.24,79.291,167.241c5.463,12.524,8.233,25.147,8.233,37.52%20C766.909,726.787,726.863,766.808,677.639,766.808z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon.food:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Food_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M41.315,12.649c1.654,2.736,2.849,4.712,0.137,7.91c-0.233,0.275-0.346,0.625-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.554,0.32,0.873,0.32c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.211,0.117-11.051c-1.65-2.73-2.842-4.702-0.141-7.884c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.247-0.209-0.553-0.321-0.872-0.321c-0.038,0-0.075,0.001-0.112,0.004c-0.359,0.03-0.686,0.197-0.919,0.472%20C37.471,6.284,39.602,9.814,41.315,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M20.4,12.649c1.653,2.736,2.848,4.712,0.135,7.91c-0.233,0.275-0.345,0.624-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.553,0.321,0.872,0.321c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.212,0.117-11.052c-1.65-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.253-0.214-0.564-0.319-0.873-0.319c-0.383,0-0.764,0.161-1.031,0.475C16.554,6.284,18.686,9.814,20.4,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M30.858,12.649c1.653,2.736,2.847,4.713,0.135,7.91c-0.482,0.567-0.411,1.421,0.157,1.903%20c0.243,0.207,0.553,0.32,0.872,0.32c0.398,0,0.773-0.174,1.031-0.477c3.968-4.677,1.832-8.212,0.116-11.052%20c-1.649-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903c-0.253-0.215-0.564-0.32-0.873-0.32%20c-0.383,0-0.764,0.162-1.031,0.475C27.012,6.284,29.144,9.814,30.858,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.731,29.325c-0.061-0.704-0.639-1.234-1.345-1.234H2.613c-0.706,0-1.285,0.531-1.345,1.234%20c-0.082,0.955-0.122,1.828-0.122,2.668c0,17.012,13.841,30.853,30.854,30.853s30.853-13.841,30.853-30.853%20C62.853,31.153,62.813,30.281,62.731,29.325z%20M59.863,36.002l-0.019,0.129H11.603c-0.745,0-1.35,0.605-1.35,1.35%20c0,0.744,0.606,1.35,1.35,1.35h47.711l-0.048,0.188C56.059,51.458,44.847,60.146,32,60.146c-15.524,0-28.153-12.63-28.153-28.154%20c0-0.344,0.007-0.695,0.022-1.058l0.006-0.144h56.25l0.006,0.144c0.016,0.363,0.023,0.714,0.023,1.058%20C60.154,33.312,60.056,34.661,59.863,36.002z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Food_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M41.315,12.649c1.654,2.736,2.849,4.712,0.137,7.91c-0.233,0.275-0.346,0.625-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.554,0.32,0.873,0.32c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.211,0.117-11.051c-1.65-2.73-2.842-4.702-0.141-7.884c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.247-0.209-0.553-0.321-0.872-0.321c-0.038,0-0.075,0.001-0.112,0.004c-0.359,0.03-0.686,0.197-0.919,0.472%20C37.471,6.284,39.602,9.814,41.315,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M20.4,12.649c1.653,2.736,2.848,4.712,0.135,7.91c-0.233,0.275-0.345,0.624-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.553,0.321,0.872,0.321c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.212,0.117-11.052c-1.65-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.253-0.214-0.564-0.319-0.873-0.319c-0.383,0-0.764,0.161-1.031,0.475C16.554,6.284,18.686,9.814,20.4,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M30.858,12.649c1.653,2.736,2.847,4.713,0.135,7.91c-0.482,0.567-0.411,1.421,0.157,1.903%20c0.243,0.207,0.553,0.32,0.872,0.32c0.398,0,0.773-0.174,1.031-0.477c3.968-4.677,1.832-8.212,0.116-11.052%20c-1.649-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903c-0.253-0.215-0.564-0.32-0.873-0.32%20c-0.383,0-0.764,0.162-1.031,0.475C27.012,6.284,29.144,9.814,30.858,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.731,29.325c-0.061-0.704-0.639-1.234-1.345-1.234H2.613c-0.706,0-1.285,0.531-1.345,1.234%20c-0.082,0.955-0.122,1.828-0.122,2.668c0,17.012,13.841,30.853,30.854,30.853s30.853-13.841,30.853-30.853%20C62.853,31.153,62.813,30.281,62.731,29.325z%20M59.863,36.002l-0.019,0.129H11.603c-0.745,0-1.35,0.605-1.35,1.35%20c0,0.744,0.606,1.35,1.35,1.35h47.711l-0.048,0.188C56.059,51.458,44.847,60.146,32,60.146c-15.524,0-28.153-12.63-28.153-28.154%20c0-0.344,0.007-0.695,0.022-1.058l0.006-0.144h56.25l0.006,0.144c0.016,0.363,0.023,0.714,0.023,1.058%20C60.154,33.312,60.056,34.661,59.863,36.002z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon.doctor:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Doctor_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.841,58.881l-1.494-12.499c-0.537-4.491-3.479-8.323-7.68-10.001l-14.39-5.75%20c-0.582-0.23-1.24-0.037-1.602,0.473l-5.674,7.999l-0.123-0.172l-5.552-7.826c-0.362-0.51-1.023-0.705-1.602-0.473l-14.387,5.75%20c-4.2,1.678-7.143,5.51-7.68,10.002L1.163,58.881c-0.043,0.358,0.056,0.711,0.279,0.994c0.223,0.284,0.542,0.464,0.901,0.506%20c0.055,0.008,0.109,0.01,0.162,0.01c0.682,0,1.258-0.511,1.338-1.189l1.495-12.498c0.419-3.509,2.719-6.504,6.001-7.816%20l6.686-2.671v6.761l-0.11,0.03c-2.404,0.659-4.084,2.855-4.084,5.343c0,3.057,2.487,5.543,5.544,5.543s5.544-2.486,5.544-5.543%20c0-2.487-1.679-4.684-4.083-5.343l-0.11-0.03v-7.839l4.014-1.604l6.16,8.685c0.236,0.333,0.647,0.531,1.101,0.531%20c0.454,0,0.865-0.198,1.101-0.531l6.16-8.686l4.015,1.604v9.346l-0.114,0.028c-4.1,1.019-7.357,6.141-8.298,13.051l-0.018,0.13%20H7.513c-0.745,0-1.35,0.606-1.35,1.35c0,0.744,0.605,1.35,1.35,1.35h53.988c0.385,0,0.753-0.165,1.01-0.453%20C62.767,59.648,62.887,59.264,62.841,58.881z%20M22.219,48.35c0,1.567-1.276,2.844-2.844,2.844c-1.568,0-2.844-1.276-2.844-2.844%20c0-1.568,1.276-2.845,2.844-2.845C20.943,45.505,22.219,46.781,22.219,48.35z%20M37.575,57.691l0.026-0.173%20c0.938-6.087,3.895-10.505,7.03-10.505c3.136,0,6.092,4.418,7.03,10.505l0.026,0.173H37.575z%20M54.416,57.691l-0.018-0.13%20c-0.942-6.918-4.203-12.041-8.308-13.053l-0.114-0.028v-8.266l6.688,2.672c3.281,1.312,5.581,4.308,6.002,7.816l1.312,10.988%20H54.416z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32,27.584c6.613,0,11.992-5.38,11.992-11.992S38.613,3.6,32,3.6s-11.993,5.38-11.993,11.992%20S25.388,27.584,32,27.584z%20M32,6.3c5.124,0,9.293,4.168,9.293,9.292S37.124,24.884,32,24.884c-5.124,0-9.292-4.169-9.292-9.292%20S26.876,6.3,32,6.3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Doctor_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.841,58.881l-1.494-12.499c-0.537-4.491-3.479-8.323-7.68-10.001l-14.39-5.75%20c-0.582-0.23-1.24-0.037-1.602,0.473l-5.674,7.999l-0.123-0.172l-5.552-7.826c-0.362-0.51-1.023-0.705-1.602-0.473l-14.387,5.75%20c-4.2,1.678-7.143,5.51-7.68,10.002L1.163,58.881c-0.043,0.358,0.056,0.711,0.279,0.994c0.223,0.284,0.542,0.464,0.901,0.506%20c0.055,0.008,0.109,0.01,0.162,0.01c0.682,0,1.258-0.511,1.338-1.189l1.495-12.498c0.419-3.509,2.719-6.504,6.001-7.816%20l6.686-2.671v6.761l-0.11,0.03c-2.404,0.659-4.084,2.855-4.084,5.343c0,3.057,2.487,5.543,5.544,5.543s5.544-2.486,5.544-5.543%20c0-2.487-1.679-4.684-4.083-5.343l-0.11-0.03v-7.839l4.014-1.604l6.16,8.685c0.236,0.333,0.647,0.531,1.101,0.531%20c0.454,0,0.865-0.198,1.101-0.531l6.16-8.686l4.015,1.604v9.346l-0.114,0.028c-4.1,1.019-7.357,6.141-8.298,13.051l-0.018,0.13%20H7.513c-0.745,0-1.35,0.606-1.35,1.35c0,0.744,0.605,1.35,1.35,1.35h53.988c0.385,0,0.753-0.165,1.01-0.453%20C62.767,59.648,62.887,59.264,62.841,58.881z%20M22.219,48.35c0,1.567-1.276,2.844-2.844,2.844c-1.568,0-2.844-1.276-2.844-2.844%20c0-1.568,1.276-2.845,2.844-2.845C20.943,45.505,22.219,46.781,22.219,48.35z%20M37.575,57.691l0.026-0.173%20c0.938-6.087,3.895-10.505,7.03-10.505c3.136,0,6.092,4.418,7.03,10.505l0.026,0.173H37.575z%20M54.416,57.691l-0.018-0.13%20c-0.942-6.918-4.203-12.041-8.308-13.053l-0.114-0.028v-8.266l6.688,2.672c3.281,1.312,5.581,4.308,6.002,7.816l1.312,10.988%20H54.416z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32,27.584c6.613,0,11.992-5.38,11.992-11.992S38.613,3.6,32,3.6s-11.993,5.38-11.993,11.992%20S25.388,27.584,32,27.584z%20M32,6.3c5.124,0,9.293,4.168,9.293,9.292S37.124,24.884,32,24.884c-5.124,0-9.292-4.169-9.292-9.292%20S26.876,6.3,32,6.3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon.chemo:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Chemotherapy_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M34.08,25.059h-5.666c-0.745,0-1.35,0.606-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h5.666%20c0.744,0,1.35-0.606,1.35-1.35C35.43,25.665,34.824,25.059,34.08,25.059z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M28.414,35.113h5.666c0.744,0,1.35-0.605,1.35-1.35c0-0.744-0.605-1.35-1.35-1.35h-5.666%20c-0.745,0-1.35,0.606-1.35,1.35C27.064,34.508,27.669,35.113,28.414,35.113z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.523,2.499c0-0.745-0.605-1.35-1.35-1.35H18.839c-7.361,0-13.35,5.989-13.35,13.35V61.5%20c0,0.744,0.605,1.35,1.35,1.35c0.745,0,1.35-0.606,1.35-1.35V14.499c0-5.872,4.777-10.65,10.65-10.65h17.11v6.5H22.543%20c-1.847,0-3.35,1.503-3.35,3.35v20.412c0,1.963,0.765,3.809,2.153,5.196l10.756,10.756c1.026,1.027,2.315,1.721,3.726,2.006%20l0.121,0.024V61.5c0,0.744,0.605,1.35,1.35,1.35c0.744,0,1.35-0.606,1.35-1.35v-9.406l0.121-0.024%20c1.411-0.285,2.7-0.979,3.726-2.006l10.757-10.756c1.389-1.388,2.152-3.233,2.152-5.196V13.699c0-1.847-1.502-3.35-3.35-3.35%20H38.648v-6.5h18.525C57.918,3.849,58.523,3.244,58.523,2.499z%20M52.055,13.049c0.358,0,0.65,0.292,0.65,0.65v20.412%20c0,1.242-0.483,2.41-1.361,3.288L40.587,48.155c-0.878,0.878-2.046,1.362-3.288,1.362c-1.242,0-2.41-0.484-3.288-1.362%20L23.255,37.399c-0.878-0.878-1.362-2.046-1.362-3.288V20.404h27.16c0.744,0,1.35-0.606,1.35-1.35c0-0.745-0.605-1.35-1.35-1.35%20h-27.16v-4.005c0-0.358,0.292-0.65,0.65-0.65H52.055z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Chemotherapy_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M34.08,25.059h-5.666c-0.745,0-1.35,0.606-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h5.666%20c0.744,0,1.35-0.606,1.35-1.35C35.43,25.665,34.824,25.059,34.08,25.059z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M28.414,35.113h5.666c0.744,0,1.35-0.605,1.35-1.35c0-0.744-0.605-1.35-1.35-1.35h-5.666%20c-0.745,0-1.35,0.606-1.35,1.35C27.064,34.508,27.669,35.113,28.414,35.113z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.523,2.499c0-0.745-0.605-1.35-1.35-1.35H18.839c-7.361,0-13.35,5.989-13.35,13.35V61.5%20c0,0.744,0.605,1.35,1.35,1.35c0.745,0,1.35-0.606,1.35-1.35V14.499c0-5.872,4.777-10.65,10.65-10.65h17.11v6.5H22.543%20c-1.847,0-3.35,1.503-3.35,3.35v20.412c0,1.963,0.765,3.809,2.153,5.196l10.756,10.756c1.026,1.027,2.315,1.721,3.726,2.006%20l0.121,0.024V61.5c0,0.744,0.605,1.35,1.35,1.35c0.744,0,1.35-0.606,1.35-1.35v-9.406l0.121-0.024%20c1.411-0.285,2.7-0.979,3.726-2.006l10.757-10.756c1.389-1.388,2.152-3.233,2.152-5.196V13.699c0-1.847-1.502-3.35-3.35-3.35%20H38.648v-6.5h18.525C57.918,3.849,58.523,3.244,58.523,2.499z%20M52.055,13.049c0.358,0,0.65,0.292,0.65,0.65v20.412%20c0,1.242-0.483,2.41-1.361,3.288L40.587,48.155c-0.878,0.878-2.046,1.362-3.288,1.362c-1.242,0-2.41-0.484-3.288-1.362%20L23.255,37.399c-0.878-0.878-1.362-2.046-1.362-3.288V20.404h27.16c0.744,0,1.35-0.606,1.35-1.35c0-0.745-0.605-1.35-1.35-1.35%20h-27.16v-4.005c0-0.358,0.292-0.65,0.65-0.65H52.055z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon.travel:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Travel_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M61.772,57.697C56.037,46.437,44.629,39.441,32,39.441c-12.629,0-24.037,6.996-29.772,18.258%20c-0.338,0.663-0.073,1.478,0.59,1.815c0.193,0.098,0.398,0.146,0.612,0.146c0.511,0,0.973-0.282,1.204-0.737%20c3.701-7.267,9.982-12.671,17.688-15.216l0.582-0.192l-0.428,0.44c-3.192,3.278-5.744,8.118-7.378,13.994%20c-0.199,0.718,0.222,1.464,0.939,1.663c0.118,0.032,0.24,0.049,0.363,0.049c0.604,0,1.138-0.406,1.3-0.987%20c2.526-9.084,7.42-15.357,12.773-16.371l0.178-0.033v16.04c0,0.744,0.605,1.35,1.35,1.35c0.744,0,1.349-0.605,1.349-1.35V42.27%20l0.179,0.033c5.352,1.014,10.246,7.286,12.773,16.37c0.199,0.716,0.947,1.138,1.663,0.938c0.717-0.2,1.138-0.946,0.939-1.663%20c-1.636-5.876-4.188-10.715-7.38-13.994l-0.428-0.44l0.582,0.192c7.705,2.545,13.987,7.948,17.688,15.215%20c0.338,0.664,1.152,0.93,1.816,0.591C61.846,59.175,62.11,58.36,61.772,57.697z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M4.27,22.168l-1.394,0.535c-0.332,0.128-0.605,0.387-0.749,0.711C1.98,23.744,1.97,24.11,2.1,24.447%20l2.94,7.659c0.199,0.518,0.706,0.866,1.261,0.866c0.165,0,0.328-0.03,0.484-0.09c0.336-0.129,0.602-0.382,0.749-0.711%20c0.147-0.33,0.156-0.696,0.027-1.033l-2.457-6.401l0.144-0.052c0.236-0.083,0.496-0.05,0.696,0.09l5.788,4.061%20c0.446,0.313,1.031,0.328,1.491,0.04c3.212-2.008,6.275-3.912,9.103-5.661c0.341-0.211,0.569-0.559,0.626-0.956%20c0.057-0.396-0.064-0.795-0.331-1.093L10.655,7.811l1.365-0.524c1.102-0.421,2.32-0.328,3.34,0.254l19.731,11.251%20c0.645,0.368,1.473,0.142,1.842-0.504c0.179-0.313,0.225-0.677,0.13-1.025c-0.096-0.348-0.32-0.638-0.634-0.816L34.9,15.575%20l0.227-0.13c7.294-4.205,12.53-5.532,16.466-5.532c2.812,0,4.96,0.678,6.722,1.467c0.414,0.186,0.721,0.552,0.843,1.005%20c0.125,0.465,0.041,0.95-0.232,1.33c-1.482,2.068-3.712,3.685-6.627,4.804c-2.446,0.938-18.348,7.048-30.756,11.815L7.802,35.611%20c-0.336,0.13-0.602,0.382-0.749,0.712c-0.146,0.329-0.156,0.696-0.026,1.033c0.267,0.695,1.051,1.043,1.744,0.776l2.538-0.976%20c10.507-4.037,38.635-14.843,41.956-16.118c3.416-1.311,6.06-3.247,7.855-5.752c0.746-1.042,0.982-2.357,0.645-3.607%20c-0.335-1.239-1.19-2.246-2.347-2.765c-9.324-4.183-18.736,0.087-26.711,4.814l-0.511,0.304l-0.076-0.043L16.698,5.196%20c-1.729-0.987-3.786-1.143-5.646-0.429L7.858,5.993C7.443,6.152,7.134,6.504,7.03,6.936C6.925,7.368,7.04,7.823,7.336,8.154%20l12.198,13.613l-0.152,0.094c-2.392,1.482-4.71,2.926-6.748,4.198l-0.085,0.052l-5.057-3.547%20C6.552,21.905,5.347,21.756,4.27,22.168z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Travel_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M61.772,57.697C56.037,46.437,44.629,39.441,32,39.441c-12.629,0-24.037,6.996-29.772,18.258%20c-0.338,0.663-0.073,1.478,0.59,1.815c0.193,0.098,0.398,0.146,0.612,0.146c0.511,0,0.973-0.282,1.204-0.737%20c3.701-7.267,9.982-12.671,17.688-15.216l0.582-0.192l-0.428,0.44c-3.192,3.278-5.744,8.118-7.378,13.994%20c-0.199,0.718,0.222,1.464,0.939,1.663c0.118,0.032,0.24,0.049,0.363,0.049c0.604,0,1.138-0.406,1.3-0.987%20c2.526-9.084,7.42-15.357,12.773-16.371l0.178-0.033v16.04c0,0.744,0.605,1.35,1.35,1.35c0.744,0,1.349-0.605,1.349-1.35V42.27%20l0.179,0.033c5.352,1.014,10.246,7.286,12.773,16.37c0.199,0.716,0.947,1.138,1.663,0.938c0.717-0.2,1.138-0.946,0.939-1.663%20c-1.636-5.876-4.188-10.715-7.38-13.994l-0.428-0.44l0.582,0.192c7.705,2.545,13.987,7.948,17.688,15.215%20c0.338,0.664,1.152,0.93,1.816,0.591C61.846,59.175,62.11,58.36,61.772,57.697z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M4.27,22.168l-1.394,0.535c-0.332,0.128-0.605,0.387-0.749,0.711C1.98,23.744,1.97,24.11,2.1,24.447%20l2.94,7.659c0.199,0.518,0.706,0.866,1.261,0.866c0.165,0,0.328-0.03,0.484-0.09c0.336-0.129,0.602-0.382,0.749-0.711%20c0.147-0.33,0.156-0.696,0.027-1.033l-2.457-6.401l0.144-0.052c0.236-0.083,0.496-0.05,0.696,0.09l5.788,4.061%20c0.446,0.313,1.031,0.328,1.491,0.04c3.212-2.008,6.275-3.912,9.103-5.661c0.341-0.211,0.569-0.559,0.626-0.956%20c0.057-0.396-0.064-0.795-0.331-1.093L10.655,7.811l1.365-0.524c1.102-0.421,2.32-0.328,3.34,0.254l19.731,11.251%20c0.645,0.368,1.473,0.142,1.842-0.504c0.179-0.313,0.225-0.677,0.13-1.025c-0.096-0.348-0.32-0.638-0.634-0.816L34.9,15.575%20l0.227-0.13c7.294-4.205,12.53-5.532,16.466-5.532c2.812,0,4.96,0.678,6.722,1.467c0.414,0.186,0.721,0.552,0.843,1.005%20c0.125,0.465,0.041,0.95-0.232,1.33c-1.482,2.068-3.712,3.685-6.627,4.804c-2.446,0.938-18.348,7.048-30.756,11.815L7.802,35.611%20c-0.336,0.13-0.602,0.382-0.749,0.712c-0.146,0.329-0.156,0.696-0.026,1.033c0.267,0.695,1.051,1.043,1.744,0.776l2.538-0.976%20c10.507-4.037,38.635-14.843,41.956-16.118c3.416-1.311,6.06-3.247,7.855-5.752c0.746-1.042,0.982-2.357,0.645-3.607%20c-0.335-1.239-1.19-2.246-2.347-2.765c-9.324-4.183-18.736,0.087-26.711,4.814l-0.511,0.304l-0.076-0.043L16.698,5.196%20c-1.729-0.987-3.786-1.143-5.646-0.429L7.858,5.993C7.443,6.152,7.134,6.504,7.03,6.936C6.925,7.368,7.04,7.823,7.336,8.154%20l12.198,13.613l-0.152,0.094c-2.392,1.482-4.71,2.926-6.748,4.198l-0.085,0.052l-5.057-3.547%20C6.552,21.905,5.347,21.756,4.27,22.168z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .donor_list_icon.poll:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='See_Options_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3ccircle%20style='fill:%23FFFFFF;'%20cx='19.071'%20cy='32'%20r='2.167'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M19.071,44.619c1.195,0,2.167-0.972,2.167-2.166c0-1.195-0.972-2.167-2.167-2.167%20c-1.195,0-2.167,0.972-2.167,2.167C16.904,43.647,17.876,44.619,19.071,44.619z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M55.589,12.107c-0.479-0.567-1.334-0.64-1.903-0.161c-0.568,0.481-0.641,1.334-0.161,1.902%20c4.275,5.065,6.631,11.51,6.631,18.149c0,7.522-2.929,14.591-8.246,19.908c-5.318,5.317-12.388,8.246-19.908,8.246%20c-6.639,0-13.083-2.355-18.148-6.631c-0.246-0.207-0.55-0.318-0.868-0.318c-0.039,0-0.078,0.002-0.117,0.005%20c-0.359,0.03-0.685,0.199-0.917,0.475c-0.48,0.569-0.408,1.423,0.161,1.903c5.551,4.686,12.614,7.266,19.89,7.266%20c8.242,0,15.99-3.209,21.816-9.037c5.828-5.825,9.037-13.573,9.037-21.816C62.854,24.722,60.274,17.658,55.589,12.107z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M10.477,50.147c-4.275-5.063-6.629-11.51-6.629-18.149c0-7.52,2.928-14.59,8.246-19.908%20c5.318-5.317,12.388-8.246,19.908-8.246c6.64,0,13.085,2.355,18.15,6.63c0.275,0.233,0.633,0.345,0.983,0.314%20c0.36-0.03,0.687-0.199,0.92-0.474c0.479-0.569,0.407-1.422-0.161-1.902c-5.552-4.687-12.616-7.268-19.892-7.268%20c-8.241,0-15.989,3.21-21.817,9.037c-5.827,5.828-9.037,13.576-9.037,21.817c0,7.276,2.581,14.341,7.267,19.892%20c0.256,0.305,0.633,0.479,1.032,0.479c0.317,0,0.626-0.112,0.87-0.317C10.886,51.569,10.958,50.716,10.477,50.147z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M26.7,43.799h19.797c0.744,0,1.35-0.605,1.35-1.35c0-0.744-0.605-1.35-1.35-1.35H26.7%20c-0.745,0-1.35,0.605-1.35,1.35C25.35,43.193,25.955,43.799,26.7,43.799z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M26.7,33.348h19.797c0.744,0,1.35-0.605,1.35-1.349c0-0.745-0.605-1.35-1.35-1.35H26.7%20c-0.745,0-1.35,0.606-1.35,1.35C25.35,32.743,25.955,33.348,26.7,33.348z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M46.497,20.197H26.7c-0.745,0-1.35,0.605-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h19.797%20c0.744,0,1.35-0.605,1.35-1.35C47.847,20.803,47.241,20.197,46.497,20.197z'/%3e%3ccircle%20style='fill:%23FFFFFF;'%20cx='19.071'%20cy='21.547'%20r='2.167'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='See_Options_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3ccircle%20style='fill:%23FFFFFF;'%20cx='19.071'%20cy='32'%20r='2.167'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M19.071,44.619c1.195,0,2.167-0.972,2.167-2.166c0-1.195-0.972-2.167-2.167-2.167%20c-1.195,0-2.167,0.972-2.167,2.167C16.904,43.647,17.876,44.619,19.071,44.619z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M55.589,12.107c-0.479-0.567-1.334-0.64-1.903-0.161c-0.568,0.481-0.641,1.334-0.161,1.902%20c4.275,5.065,6.631,11.51,6.631,18.149c0,7.522-2.929,14.591-8.246,19.908c-5.318,5.317-12.388,8.246-19.908,8.246%20c-6.639,0-13.083-2.355-18.148-6.631c-0.246-0.207-0.55-0.318-0.868-0.318c-0.039,0-0.078,0.002-0.117,0.005%20c-0.359,0.03-0.685,0.199-0.917,0.475c-0.48,0.569-0.408,1.423,0.161,1.903c5.551,4.686,12.614,7.266,19.89,7.266%20c8.242,0,15.99-3.209,21.816-9.037c5.828-5.825,9.037-13.573,9.037-21.816C62.854,24.722,60.274,17.658,55.589,12.107z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M10.477,50.147c-4.275-5.063-6.629-11.51-6.629-18.149c0-7.52,2.928-14.59,8.246-19.908%20c5.318-5.317,12.388-8.246,19.908-8.246c6.64,0,13.085,2.355,18.15,6.63c0.275,0.233,0.633,0.345,0.983,0.314%20c0.36-0.03,0.687-0.199,0.92-0.474c0.479-0.569,0.407-1.422-0.161-1.902c-5.552-4.687-12.616-7.268-19.892-7.268%20c-8.241,0-15.989,3.21-21.817,9.037c-5.827,5.828-9.037,13.576-9.037,21.817c0,7.276,2.581,14.341,7.267,19.892%20c0.256,0.305,0.633,0.479,1.032,0.479c0.317,0,0.626-0.112,0.87-0.317C10.886,51.569,10.958,50.716,10.477,50.147z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M26.7,43.799h19.797c0.744,0,1.35-0.605,1.35-1.35c0-0.744-0.605-1.35-1.35-1.35H26.7%20c-0.745,0-1.35,0.605-1.35,1.35C25.35,43.193,25.955,43.799,26.7,43.799z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M26.7,33.348h19.797c0.744,0,1.35-0.605,1.35-1.349c0-0.745-0.605-1.35-1.35-1.35H26.7%20c-0.745,0-1.35,0.606-1.35,1.35C25.35,32.743,25.955,33.348,26.7,33.348z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M46.497,20.197H26.7c-0.745,0-1.35,0.605-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h19.797%20c0.744,0,1.35-0.605,1.35-1.35C47.847,20.803,47.241,20.197,46.497,20.197z'/%3e%3ccircle%20style='fill:%23FFFFFF;'%20cx='19.071'%20cy='21.547'%20r='2.167'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container h1 {
  font-size: 1.333rem;
  line-height: 2rem;
  font-weight: 800;
  margin-bottom: 0;
  margin-top: 0;
  color: #fff;
  z-index: 9999;
  transform: skewX(10deg);
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .incentive_claimed_wrapper {
  display: flex;
  flex-direction: column;
  z-index: 9999;
  transform: skew(10deg);
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .incentive_claimed_wrapper span {
  margin-top: 0rem;
  font-weight: 700;
  font-size: 0.9rem;
  color: #fff !important;
  z-index: 9999;
  line-height: 1.5rem;
}
.donor_list_wrapper .donor_list.vertical ul li .donor_list_container .incentive_claimed_wrapper span.incentive_claimed {
  font-size: 0.9rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 0.5em;
  background: #4e535a;
  color: #ccc;
  border-radius: 20px;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child {
  width: 100%;
  color: #fff;
  transform: translateX(0);
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon {
  left: -50px;
  padding-top: 10px;
  background-color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  position: absolute;
  z-index: 2;
  transform: rotate(0) skewX(10deg);
  writing-mode: vertical-lr;
  animation: iconShow ease-in-out 0.8s forwards, iconBounce ease-in-out 0.7s 0.1s;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon:before {
  height: 85%;
  width: 100%;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.default-red {
  border: 1px solid #c10f3a;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.default-red:before {
  background-color: #c10f3a;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-red {
  border: 1px solid #911938;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-red:before {
  background-color: #911938;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-purple {
  border: 1px solid #8332a7;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-purple:before {
  background-color: #8332a7;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-purple {
  border: 1px solid #490e67;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-purple:before {
  background-color: #490e67;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-blue {
  border: 1px solid #135cb0;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-blue:before {
  background-color: #135cb0;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-blue {
  border: 1px solid #002856;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-blue:before {
  background-color: #002856;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-aqua {
  border: 1px solid #64d0e4;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-aqua:before {
  background-color: #64d0e4;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-aqua {
  border: 1px solid #1eadc1;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-aqua:before {
  background-color: #1eadc1;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-green {
  border: 1px solid #c0da07;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-green:before {
  background-color: #c0da07;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-green {
  border: 1px solid rgb(117, 188, 33);
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-green:before {
  background-color: rgb(117, 188, 33);
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-yellow {
  border: 1px solid #ffc32c;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-yellow:before {
  background-color: #ffc32c;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-yellow {
  border: 1px solid #ffb125;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-yellow:before {
  background-color: #ffb125;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.medium-grey {
  border: 1px solid #ccc;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.medium-grey:before {
  background-color: #ccc;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-grey {
  border: 1px solid #f5f5f5;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.light-grey:before {
  background-color: #f5f5f5;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-grey {
  border: 1px solid #4e535a;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_icon.dark-grey:before {
  background-color: #4e535a;
}
@keyframes iconShow {
  0% {
    right: -65px;
  }
  80% {
    left: -70px;
  }
  100% {
    left: -50px;
  }
}
@keyframes iconBounce {
  0% {
    transform: translateX(0) rotate(360deg) skewX(10deg);
  }
  50% {
    transform: translateX(-20px) rotate(350deg) skewX(10deg);
  }
  100% {
    transform: translateX(0) rotate(360deg) skewX(10deg);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container {
  position: relative;
  margin-left: 0;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container.load-in {
  animation: hSlideIn ease-in-out 0.7s backwards;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container.load-out {
  animation: hSlideOut ease-in-out 0.7s forwards;
}
@keyframes hSlideIn {
  0% {
    transform: translateX(110%);
  }
  50% {
    transform: translateX(0%);
  }
}
@keyframes hSlideOut {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(110%);
  }
  100% {
    transform: translateX(110%);
    display: none;
  }
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content {
  border: 2px solid #fff;
  padding: 0.8rem 2.5rem 1rem;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.default-red {
  background: linear-gradient(#c10f3a, rgb(115.8, 9, 34.8));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.dark-red {
  background: linear-gradient(#911938, rgb(87, 15, 33.6));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.light-purple {
  background: linear-gradient(#8332a7, rgb(78.6, 30, 100.2));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.dark-purple {
  background: linear-gradient(#490e67, rgb(43.8, 8.4, 61.8));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.light-blue {
  background: linear-gradient(#135cb0, rgb(11.4, 55.2, 105.6));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.dark-blue {
  background: linear-gradient(#002856, rgb(0, 24, 51.6));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.light-aqua {
  background: linear-gradient(#64d0e4, rgb(60, 124.8, 136.8));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.dark-aqua {
  background: linear-gradient(#1eadc1, rgb(18, 103.8, 115.8));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.light-green {
  background: linear-gradient(#c0da07, rgb(115.2, 130.8, 4.2));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.dark-green {
  background: linear-gradient(rgb(117, 188, 33), rgb(70.2, 112.8, 19.8));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.light-yellow {
  background: linear-gradient(#ffc32c, rgb(153, 117, 26.4));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.dark-yellow {
  background: linear-gradient(#ffb125, rgb(153, 106.2, 22.2));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.medium-grey {
  background: linear-gradient(#ccc, rgb(122.4, 122.4, 122.4));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.light-grey {
  background: linear-gradient(#f5f5f5, #939393);
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .donor_list_content.dark-grey {
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .incentive_claimed_wrapper {
  margin-top: 0.3rem;
  transform: skew(10deg);
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container .incentive_claimed_wrapper div {
  margin-top: 0.2rem;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container h1 {
  font-size: 1.776889rem;
  line-height: 2rem;
  color: #fff;
  text-shadow: 1px 1px 3px #333;
  font-weight: 800;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container span {
  text-shadow: 1px 1px 3px #333;
  font-size: 1rem;
  margin-top: 0.5rem;
  font-weight: 700;
}
.donor_list_wrapper .donor_list.vertical ul li:first-child .donor_list_container span.incentive_claimed {
  background-color: #fff;
  color: #1a1a1a !important;
  box-shadow: 1px 1px 3px #333;
  text-shadow: none;
  font-size: 1rem;
  line-height: 1.6875rem;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) {
  animation: reduceWidth ease-in-out 0.7s 0.3s backwards;
}
@keyframes reduceWidth {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(40px);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.default-red {
  animation: iconAway-default-red ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.default-red:before {
  background: #c10f3a;
  animation: iconColor-default-red ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-default-red {
  0% {
    background: #c10f3a;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-default-red {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #c10f3a;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-red {
  animation: iconAway-dark-red ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-red:before {
  background: #911938;
  animation: iconColor-dark-red ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-dark-red {
  0% {
    background: #911938;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-dark-red {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #911938;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-purple {
  animation: iconAway-light-purple ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-purple:before {
  background: #8332a7;
  animation: iconColor-light-purple ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-light-purple {
  0% {
    background: #8332a7;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-light-purple {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #8332a7;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-purple {
  animation: iconAway-dark-purple ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-purple:before {
  background: #490e67;
  animation: iconColor-dark-purple ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-dark-purple {
  0% {
    background: #490e67;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-dark-purple {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #490e67;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-blue {
  animation: iconAway-light-blue ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-blue:before {
  background: #135cb0;
  animation: iconColor-light-blue ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-light-blue {
  0% {
    background: #135cb0;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-light-blue {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #135cb0;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-blue {
  animation: iconAway-dark-blue ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-blue:before {
  background: #002856;
  animation: iconColor-dark-blue ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-dark-blue {
  0% {
    background: #002856;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-dark-blue {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #002856;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-aqua {
  animation: iconAway-light-aqua ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-aqua:before {
  background: #64d0e4;
  animation: iconColor-light-aqua ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-light-aqua {
  0% {
    background: #64d0e4;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-light-aqua {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #64d0e4;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-aqua {
  animation: iconAway-dark-aqua ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-aqua:before {
  background: #1eadc1;
  animation: iconColor-dark-aqua ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-dark-aqua {
  0% {
    background: #1eadc1;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-dark-aqua {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #1eadc1;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-green {
  animation: iconAway-light-green ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-green:before {
  background: #c0da07;
  animation: iconColor-light-green ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-light-green {
  0% {
    background: #c0da07;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-light-green {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #c0da07;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-green {
  animation: iconAway-dark-green ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-green:before {
  background: rgb(117, 188, 33);
  animation: iconColor-dark-green ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-dark-green {
  0% {
    background: rgb(117, 188, 33);
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-dark-green {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid rgb(117, 188, 33);
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-yellow {
  animation: iconAway-light-yellow ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-yellow:before {
  background: #ffc32c;
  animation: iconColor-light-yellow ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-light-yellow {
  0% {
    background: #ffc32c;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-light-yellow {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #ffc32c;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-yellow {
  animation: iconAway-dark-yellow ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-yellow:before {
  background: #ffb125;
  animation: iconColor-dark-yellow ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-dark-yellow {
  0% {
    background: #ffb125;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-dark-yellow {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #ffb125;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.medium-grey {
  animation: iconAway-medium-grey ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.medium-grey:before {
  background: #ccc;
  animation: iconColor-medium-grey ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-medium-grey {
  0% {
    background: #ccc;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-medium-grey {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #ccc;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-grey {
  animation: iconAway-light-grey ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.light-grey:before {
  background: #f5f5f5;
  animation: iconColor-light-grey ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-light-grey {
  0% {
    background: #f5f5f5;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-light-grey {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #f5f5f5;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-grey {
  animation: iconAway-dark-grey ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 74%;
}
.donor_list_wrapper .donor_list.vertical ul li:nth-child(2) .donor_list_icon.dark-grey:before {
  background: #4e535a;
  animation: iconColor-dark-grey ease-in-out 1.1s 0.2s forwards;
}
@keyframes iconColor-dark-grey {
  0% {
    background: #4e535a;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes iconAway-dark-grey {
  0% {
    left: -35px;
    z-index: 2;
    transform: rotate(0deg) skewX(10deg);
    width: 70px;
    height: 70px;
    background: #fff;
    border: 1px solid #4e535a;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 74%;
    z-index: 2;
    transform: rotate(15deg) skewX(10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.right {
  position: relative;
  float: none;
  right: 0;
  margin-left: 0;
  padding-left: 45px;
  padding-bottom: 20px;
  padding-top: 5px;
}
.donor_list_wrapper .donor_list.vertical.right .donor_list_container.load-out {
  animation: hSlideOut ease-in-out 0.7s forwards;
}
.donor_list_wrapper .donor_list.vertical.left {
  float: none;
  left: 0;
  padding-top: 5px;
  padding-right: 35px;
  padding-bottom: 20px;
}
.donor_list_wrapper .donor_list.vertical.left .donor_list_container.load-out {
  animation: leftSlideOut ease-in-out 0.7s forwards;
}
.donor_list_wrapper .donor_list.vertical.left ul li {
  transform: translateX(-75px);
  transition: ease-in-out 0.7s;
}
.donor_list_wrapper .donor_list.vertical.left ul li .donor_list_content {
  padding-left: 8.5rem;
  transform: skewX(10deg) translateX(15px);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.donor_list_wrapper .donor_list.vertical.left ul li .donor_list_content h1 {
  transform: skew(-10deg);
}
.donor_list_wrapper .donor_list.vertical.left ul li .donor_list_content .incentive_claimed_wrapper {
  transform: skew(-10deg);
}
.donor_list_wrapper .donor_list.vertical.left ul li .donor_list_content .incentive_claimed_wrapper span {
  transform: skew(0deg);
}
.donor_list_wrapper .donor_list.vertical.left ul li .donor_list_icon {
  left: 14%;
  transform: rotate(-15deg) skewX(-10deg);
}
.donor_list_wrapper .donor_list.vertical.left ul li:first-child {
  transform: translateX(-40px);
  width: 100%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:first-child .donor_list_content {
  padding-left: 2.5rem;
}
.donor_list_wrapper .donor_list.vertical.left ul li:first-child .donor_list_icon {
  left: -50px;
  transform: rotate(0) skewX(-10deg);
  animation: leftIconShow ease-in-out 0.8s forwards, leftIconBounce ease-in-out 0.7s 0.1s;
}
@keyframes leftIconShow {
  0% {
    left: -50px;
  }
  80% {
    left: 420px;
  }
  100% {
    left: 415px;
  }
}
@keyframes leftIconBounce {
  0% {
    transform: translateX(0) rotate(360deg) skewX(-10deg);
  }
  50% {
    transform: translateX(20px) rotate(370deg) skewX(-10deg);
  }
  100% {
    transform: translateX(0) rotate(360deg) skewX(-10deg);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:first-child .donor_list_container.load-in {
  animation: leftSlideIn ease-in-out 0.7s backwards;
}
.donor_list_wrapper .donor_list.vertical.left ul li:first-child .donor_list_container.load-out {
  animation: leftSlideOut ease-in-out 0.7s forwards;
}
@keyframes leftSlideIn {
  0% {
    transform: translateX(-110%);
  }
  50% {
    transform: translateX(0);
  }
}
@keyframes leftSlideOut {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-110%);
  }
  100% {
    transform: translateX(-110%);
    display: none;
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) {
  animation: leftReduceWidth ease-in-out 0.7s 0.3s backwards;
}
@keyframes leftReduceWidth {
  0% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(-16%);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.default-red {
  animation: leftIconAway-default-red ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.default-red:before {
  background: #c10f3a;
  animation: leftIconColor-default-red ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-default-red {
  0% {
    background: #c10f3a;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-default-red {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #c10f3a;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-red {
  animation: leftIconAway-dark-red ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-red:before {
  background: #911938;
  animation: leftIconColor-dark-red ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-dark-red {
  0% {
    background: #911938;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-dark-red {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #911938;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-purple {
  animation: leftIconAway-light-purple ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-purple:before {
  background: #8332a7;
  animation: leftIconColor-light-purple ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-light-purple {
  0% {
    background: #8332a7;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-light-purple {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #8332a7;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-purple {
  animation: leftIconAway-dark-purple ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-purple:before {
  background: #490e67;
  animation: leftIconColor-dark-purple ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-dark-purple {
  0% {
    background: #490e67;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-dark-purple {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #490e67;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-blue {
  animation: leftIconAway-light-blue ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-blue:before {
  background: #135cb0;
  animation: leftIconColor-light-blue ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-light-blue {
  0% {
    background: #135cb0;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-light-blue {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #135cb0;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-blue {
  animation: leftIconAway-dark-blue ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-blue:before {
  background: #002856;
  animation: leftIconColor-dark-blue ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-dark-blue {
  0% {
    background: #002856;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-dark-blue {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #002856;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-aqua {
  animation: leftIconAway-light-aqua ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-aqua:before {
  background: #64d0e4;
  animation: leftIconColor-light-aqua ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-light-aqua {
  0% {
    background: #64d0e4;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-light-aqua {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #64d0e4;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-aqua {
  animation: leftIconAway-dark-aqua ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-aqua:before {
  background: #1eadc1;
  animation: leftIconColor-dark-aqua ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-dark-aqua {
  0% {
    background: #1eadc1;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-dark-aqua {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #1eadc1;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-green {
  animation: leftIconAway-light-green ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-green:before {
  background: #c0da07;
  animation: leftIconColor-light-green ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-light-green {
  0% {
    background: #c0da07;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-light-green {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #c0da07;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-green {
  animation: leftIconAway-dark-green ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-green:before {
  background: rgb(117, 188, 33);
  animation: leftIconColor-dark-green ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-dark-green {
  0% {
    background: rgb(117, 188, 33);
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-dark-green {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid rgb(117, 188, 33);
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-yellow {
  animation: leftIconAway-light-yellow ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-yellow:before {
  background: #ffc32c;
  animation: leftIconColor-light-yellow ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-light-yellow {
  0% {
    background: #ffc32c;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-light-yellow {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #ffc32c;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-yellow {
  animation: leftIconAway-dark-yellow ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-yellow:before {
  background: #ffb125;
  animation: leftIconColor-dark-yellow ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-dark-yellow {
  0% {
    background: #ffb125;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-dark-yellow {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #ffb125;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.medium-grey {
  animation: leftIconAway-medium-grey ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.medium-grey:before {
  background: #ccc;
  animation: leftIconColor-medium-grey ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-medium-grey {
  0% {
    background: #ccc;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-medium-grey {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #ccc;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-grey {
  animation: leftIconAway-light-grey ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.light-grey:before {
  background: #f5f5f5;
  animation: leftIconColor-light-grey ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-light-grey {
  0% {
    background: #f5f5f5;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-light-grey {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #f5f5f5;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-grey {
  animation: leftIconAway-dark-grey ease-in-out 1.1s 0.2s backwards;
  background: transparent;
  left: 14%;
}
.donor_list_wrapper .donor_list.vertical.left ul li:nth-child(2) .donor_list_icon.dark-grey:before {
  background: #4e535a;
  animation: leftIconColor-dark-grey ease-in-out 1.1s 0.2s forwards;
}
@keyframes leftIconColor-dark-grey {
  0% {
    background: #4e535a;
  }
  100% {
    background: rgba(127.5, 127.5, 127.5, 0.23);
  }
}
@keyframes leftIconAway-dark-grey {
  0% {
    left: 415px;
    z-index: 2;
    transform: rotate(0deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #4e535a;
  }
  50% {
    left: 480px;
  }
  100% {
    left: 14%;
    z-index: 2;
    transform: rotate(-15deg) skewX(-10deg);
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
  }
}
.donor_list_wrapper .donor_list.horizontal {
  width: -moz-fit-content;
  width: fit-content;
  height: 110px;
  margin: 3rem auto 6rem;
  width: 100%;
  display: flex;
  justify-content: start;
}
.donor_list_wrapper .donor_list.horizontal ul {
  display: flex;
  flex-direction: row;
}
.donor_list_wrapper .donor_list.horizontal ul li {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  transition: ease-in-out 0.7s;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container.load-in {
  animation: vShow 1.4s ease-in-out forwards;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container.load-out {
  animation: vHide 0.7s ease-in-out forwards;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_content {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  overflow: hidden;
  padding: 1rem 2rem 1rem;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 75px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
  border-radius: 10px;
  background-image: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
  transform: skewX(-10deg) translateX(15px);
  transition: ease-in-out 0.7s;
  box-shadow: 5px 10px 10px #1a1a1a;
  z-index: 1;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon {
  padding-top: 7px;
  background: transparent;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  border: 1px solid #4e535a;
  position: absolute;
  right: -15px;
  transform: rotate(-15deg) skewX(10deg);
  transition: ease-in-out 0.7s;
  z-index: 2;
  color: rgba(0, 0, 0, 0.23) !important;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon:before {
  content: "";
  background-color: #4e535a;
  -webkit-mask-size: contain;
          mask-size: contain;
  display: block;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon.donation:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Donate_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.283,40.651c-0.771-1.321-2.065-2.29-3.551-2.659c-1.473-0.363-3.061-0.118-4.353,0.673%20l-15.219,9.324c-1.086,0.665-2.41,0.855-3.633,0.525L25.14,45.731l10.985-3.462c1.39-0.438,2.528-1.453,3.125-2.783%20c0.596-1.328,0.595-2.853-0.001-4.184c-0.381-0.844-1.223-1.389-2.145-1.389H21.699c-3.799,0-7.552,1.274-10.567,3.589%20l-9.448,7.255c-0.286,0.219-0.469,0.537-0.517,0.895c-0.047,0.357,0.048,0.712,0.268,0.997c0.453,0.591,1.303,0.702,1.893,0.249%20l9.448-7.255c2.547-1.954,5.716-3.03,8.923-3.03h15.17l0.031,0.108c0.16,0.549,0.12,1.138-0.114,1.66%20c-0.281,0.627-0.818,1.105-1.475,1.312l-12.128,3.822c-1.005,0.318-1.666,1.239-1.643,2.294c0.024,1.054,0.723,1.946,1.741,2.219%20l11.548,3.095c1.939,0.519,4.031,0.216,5.742-0.833l15.219-9.323c0.68-0.416,1.517-0.547,2.292-0.354%20c0.641,0.159,1.221,0.533,1.633,1.055l0.083,0.104l-0.094,0.095L46.299,55.273c-3.146,3.144-7.327,4.876-11.774,4.876H2.506%20c-0.745,0-1.35,0.606-1.35,1.35c0,0.744,0.605,1.35,1.35,1.35h32.018c5.168,0,10.027-2.012,13.683-5.667l13.702-13.702%20C62.663,42.725,62.817,41.561,62.283,40.651z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M16.973,4.566c-1.73,2.026-2.612,4.67-2.483,7.445c0.184,3.85,3.018,8.177,8.196,12.513%20c2.634,2.205,6.36,5.142,8.347,6.696l0.128,0.101c0.474,0.375,1.192,0.378,1.669,0.009c0.048-0.037,5.167-4.027,8.482-6.805%20c5.181-4.335,8.015-8.663,8.196-12.515c0.131-2.773-0.751-5.417-2.482-7.444c-1.77-2.071-4.247-3.282-6.977-3.41%20c-2.991-0.136-5.885,1.048-7.939,3.261l-0.11,0.118l-0.11-0.118c-1.948-2.096-4.641-3.273-7.453-3.273%20c-0.163,0-0.326,0.004-0.489,0.012C21.22,1.283,18.743,2.494,16.973,4.566z%20M24.077,3.853c2.704-0.139,5.339,1.287,6.772,3.638%20c0.243,0.4,0.685,0.648,1.153,0.648c0.468,0,0.91-0.249,1.154-0.649c1.443-2.372,4.049-3.764,6.766-3.638l0.144,0.009%20c1.924,0.128,3.66,0.997,4.909,2.457c1.283,1.503,1.936,3.478,1.838,5.564c-0.143,3.035-2.712,6.789-7.231,10.572%20c-2.495,2.089-6.066,4.907-7.485,6.022l-0.093,0.073l-0.093-0.073c-2.186-1.717-5.26-4.156-7.49-6.022%20c-4.519-3.785-7.088-7.539-7.232-10.57c-0.097-2.085,0.556-4.061,1.839-5.564C20.306,4.821,22.1,3.945,24.077,3.853z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Donate_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.283,40.651c-0.771-1.321-2.065-2.29-3.551-2.659c-1.473-0.363-3.061-0.118-4.353,0.673%20l-15.219,9.324c-1.086,0.665-2.41,0.855-3.633,0.525L25.14,45.731l10.985-3.462c1.39-0.438,2.528-1.453,3.125-2.783%20c0.596-1.328,0.595-2.853-0.001-4.184c-0.381-0.844-1.223-1.389-2.145-1.389H21.699c-3.799,0-7.552,1.274-10.567,3.589%20l-9.448,7.255c-0.286,0.219-0.469,0.537-0.517,0.895c-0.047,0.357,0.048,0.712,0.268,0.997c0.453,0.591,1.303,0.702,1.893,0.249%20l9.448-7.255c2.547-1.954,5.716-3.03,8.923-3.03h15.17l0.031,0.108c0.16,0.549,0.12,1.138-0.114,1.66%20c-0.281,0.627-0.818,1.105-1.475,1.312l-12.128,3.822c-1.005,0.318-1.666,1.239-1.643,2.294c0.024,1.054,0.723,1.946,1.741,2.219%20l11.548,3.095c1.939,0.519,4.031,0.216,5.742-0.833l15.219-9.323c0.68-0.416,1.517-0.547,2.292-0.354%20c0.641,0.159,1.221,0.533,1.633,1.055l0.083,0.104l-0.094,0.095L46.299,55.273c-3.146,3.144-7.327,4.876-11.774,4.876H2.506%20c-0.745,0-1.35,0.606-1.35,1.35c0,0.744,0.605,1.35,1.35,1.35h32.018c5.168,0,10.027-2.012,13.683-5.667l13.702-13.702%20C62.663,42.725,62.817,41.561,62.283,40.651z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M16.973,4.566c-1.73,2.026-2.612,4.67-2.483,7.445c0.184,3.85,3.018,8.177,8.196,12.513%20c2.634,2.205,6.36,5.142,8.347,6.696l0.128,0.101c0.474,0.375,1.192,0.378,1.669,0.009c0.048-0.037,5.167-4.027,8.482-6.805%20c5.181-4.335,8.015-8.663,8.196-12.515c0.131-2.773-0.751-5.417-2.482-7.444c-1.77-2.071-4.247-3.282-6.977-3.41%20c-2.991-0.136-5.885,1.048-7.939,3.261l-0.11,0.118l-0.11-0.118c-1.948-2.096-4.641-3.273-7.453-3.273%20c-0.163,0-0.326,0.004-0.489,0.012C21.22,1.283,18.743,2.494,16.973,4.566z%20M24.077,3.853c2.704-0.139,5.339,1.287,6.772,3.638%20c0.243,0.4,0.685,0.648,1.153,0.648c0.468,0,0.91-0.249,1.154-0.649c1.443-2.372,4.049-3.764,6.766-3.638l0.144,0.009%20c1.924,0.128,3.66,0.997,4.909,2.457c1.283,1.503,1.936,3.478,1.838,5.564c-0.143,3.035-2.712,6.789-7.231,10.572%20c-2.495,2.089-6.066,4.907-7.485,6.022l-0.093,0.073l-0.093-0.073c-2.186-1.717-5.26-4.156-7.49-6.022%20c-4.519-3.785-7.088-7.539-7.232-10.57c-0.097-2.085,0.556-4.061,1.839-5.564C20.306,4.821,22.1,3.945,24.077,3.853z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon.reward:before {
  -webkit-mask: url("/assets/influencer-CJFCGatz.svg") no-repeat 50%;
          mask: url("/assets/influencer-CJFCGatz.svg") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon.wagon:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Red_Wagon_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.779,44.227L53.071,5.351h1.014c0.744,0,1.35-0.605,1.35-1.35c0-0.745-0.606-1.35-1.35-1.35%20h-5.487c-0.744,0-1.35,0.605-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h1.691l4.106,16.443H2.499c-0.745,0-1.35,0.606-1.35,1.35%20c0,0.745,0.605,1.35,1.35,1.35h1.65v8.573c0,1.848,1.503,3.35,3.35,3.35h42.91c1.848,0,3.35-1.502,3.35-3.35v-8.573h1.31%20l4.983,19.952h-5.653l-0.044-0.075c-2.027-3.488-5.775-5.654-9.782-5.654c-2.499,0-4.875,0.812-6.873,2.349l-0.104,0.08%20l-2.028-2.027c-0.263-0.264-0.608-0.396-0.954-0.396c-0.346,0-0.691,0.132-0.954,0.396c-0.526,0.526-0.526,1.382,0,1.908%20l2.027,2.028l-0.08,0.104c-1.536,1.998-2.348,4.375-2.348,6.872c0,6.239,5.075,11.314,11.314,11.314%20c6.239,0,11.314-5.075,11.314-11.314c0-0.879-0.114-1.787-0.339-2.699l-0.046-0.187H60.5c0.728,0,1.402-0.328,1.851-0.902%20C62.799,45.67,62.955,44.935,62.779,44.227z%20M51.06,33.067c0,0.358-0.292,0.65-0.65,0.65H7.499c-0.358,0-0.65-0.292-0.65-0.65%20v-8.573h44.21V33.067z%20M44.572,58.646c-4.75,0-8.615-3.865-8.615-8.615s3.865-8.615,8.615-8.615s8.615,3.865,8.615,8.615%20S49.322,58.646,44.572,58.646z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,55.616c3.08,0,5.585-2.505,5.585-5.585c0-3.08-2.506-5.585-5.585-5.585%20c-3.08,0-5.585,2.505-5.585,5.585C6.879,53.111,9.385,55.616,12.464,55.616z%20M12.464,47.146c1.591,0,2.885,1.295,2.885,2.886%20c0,1.591-1.294,2.886-2.885,2.886c-1.591,0-2.885-1.295-2.885-2.886C9.579,48.44,10.873,47.146,12.464,47.146z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M44.572,44.446c-3.08,0-5.585,2.505-5.585,5.585c0,3.08,2.505,5.585,5.585,5.585%20c3.08,0,5.585-2.505,5.585-5.585C50.157,46.951,47.652,44.446,44.572,44.446z%20M44.572,52.917c-1.591,0-2.886-1.295-2.886-2.886%20c0-1.591,1.295-2.886,2.886-2.886c1.591,0,2.886,1.295,2.886,2.886C47.458,51.622,46.163,52.917,44.572,52.917z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,61.346c6.239,0,11.315-5.075,11.315-11.314c0-2.497-0.812-4.874-2.348-6.872l-0.08-0.104%20l2.027-2.028c0.526-0.526,0.526-1.382,0-1.908c-0.526-0.527-1.383-0.527-1.909,0l-2.027,2.026l-0.104-0.08%20c-1.999-1.536-4.376-2.348-6.873-2.348c-6.239,0-11.315,5.075-11.315,11.314C1.149,56.271,6.225,61.346,12.464,61.346z%20M12.464,41.416c4.75,0,8.615,3.865,8.615,8.615s-3.865,8.615-8.615,8.615S3.85,54.781,3.85,50.031S7.714,41.416,12.464,41.416z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Red_Wagon_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.779,44.227L53.071,5.351h1.014c0.744,0,1.35-0.605,1.35-1.35c0-0.745-0.606-1.35-1.35-1.35%20h-5.487c-0.744,0-1.35,0.605-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h1.691l4.106,16.443H2.499c-0.745,0-1.35,0.606-1.35,1.35%20c0,0.745,0.605,1.35,1.35,1.35h1.65v8.573c0,1.848,1.503,3.35,3.35,3.35h42.91c1.848,0,3.35-1.502,3.35-3.35v-8.573h1.31%20l4.983,19.952h-5.653l-0.044-0.075c-2.027-3.488-5.775-5.654-9.782-5.654c-2.499,0-4.875,0.812-6.873,2.349l-0.104,0.08%20l-2.028-2.027c-0.263-0.264-0.608-0.396-0.954-0.396c-0.346,0-0.691,0.132-0.954,0.396c-0.526,0.526-0.526,1.382,0,1.908%20l2.027,2.028l-0.08,0.104c-1.536,1.998-2.348,4.375-2.348,6.872c0,6.239,5.075,11.314,11.314,11.314%20c6.239,0,11.314-5.075,11.314-11.314c0-0.879-0.114-1.787-0.339-2.699l-0.046-0.187H60.5c0.728,0,1.402-0.328,1.851-0.902%20C62.799,45.67,62.955,44.935,62.779,44.227z%20M51.06,33.067c0,0.358-0.292,0.65-0.65,0.65H7.499c-0.358,0-0.65-0.292-0.65-0.65%20v-8.573h44.21V33.067z%20M44.572,58.646c-4.75,0-8.615-3.865-8.615-8.615s3.865-8.615,8.615-8.615s8.615,3.865,8.615,8.615%20S49.322,58.646,44.572,58.646z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,55.616c3.08,0,5.585-2.505,5.585-5.585c0-3.08-2.506-5.585-5.585-5.585%20c-3.08,0-5.585,2.505-5.585,5.585C6.879,53.111,9.385,55.616,12.464,55.616z%20M12.464,47.146c1.591,0,2.885,1.295,2.885,2.886%20c0,1.591-1.294,2.886-2.885,2.886c-1.591,0-2.885-1.295-2.885-2.886C9.579,48.44,10.873,47.146,12.464,47.146z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M44.572,44.446c-3.08,0-5.585,2.505-5.585,5.585c0,3.08,2.505,5.585,5.585,5.585%20c3.08,0,5.585-2.505,5.585-5.585C50.157,46.951,47.652,44.446,44.572,44.446z%20M44.572,52.917c-1.591,0-2.886-1.295-2.886-2.886%20c0-1.591,1.295-2.886,2.886-2.886c1.591,0,2.886,1.295,2.886,2.886C47.458,51.622,46.163,52.917,44.572,52.917z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M12.464,61.346c6.239,0,11.315-5.075,11.315-11.314c0-2.497-0.812-4.874-2.348-6.872l-0.08-0.104%20l2.027-2.028c0.526-0.526,0.526-1.382,0-1.908c-0.526-0.527-1.383-0.527-1.909,0l-2.027,2.026l-0.104-0.08%20c-1.999-1.536-4.376-2.348-6.873-2.348c-6.239,0-11.315,5.075-11.315,11.314C1.149,56.271,6.225,61.346,12.464,61.346z%20M12.464,41.416c4.75,0,8.615,3.865,8.615,8.615s-3.865,8.615-8.615,8.615S3.85,54.781,3.85,50.031S7.714,41.416,12.464,41.416z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon.toys:before {
  -webkit-mask: url("/assets/kids-B3TObYnj.svg") no-repeat 50%;
          mask: url("/assets/kids-B3TObYnj.svg") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon.nochemo:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Host_an_Event_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M25.033,50.463c1.39,1.164,3.524,2.876,6.01,4.822l0.115,0.09c0.469,0.375,1.215,0.367,1.697-0.008%20c0.902-0.705,4.009-3.143,6.111-4.904c3.823-3.199,5.916-6.417,6.053-9.307c0.099-2.099-0.57-4.1-1.883-5.637%20c-1.346-1.576-3.229-2.497-5.305-2.593c-2.102-0.111-4.187,0.68-5.727,2.167L32,35.194l-0.104-0.1%20c-1.534-1.48-3.626-2.272-5.728-2.169c-2.076,0.097-3.96,1.019-5.305,2.594c-1.312,1.536-1.981,3.538-1.883,5.638%20C19.121,44.087,21.157,47.218,25.033,50.463z%20M22.916,37.272c0.856-1.002,2.057-1.588,3.379-1.649%20c1.84-0.097,3.589,0.866,4.552,2.448c0.244,0.399,0.685,0.647,1.153,0.647c0.468,0,0.91-0.248,1.154-0.648%20c0.926-1.524,2.581-2.451,4.354-2.451c0.064,0,0.128,0.001,0.192,0.004c1.325,0.062,2.525,0.647,3.382,1.649%20c0.865,1.014,1.305,2.347,1.238,3.756c-0.099,2.086-1.905,4.701-5.088,7.365c-1.523,1.275-3.636,2.954-5.139,4.139l-0.093,0.072%20l-0.093-0.072c-2.144-1.687-3.923-3.118-5.142-4.14c-3.183-2.664-4.99-5.279-5.089-7.363%20C21.611,39.619,22.051,38.285,22.916,37.272z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32.001,21.426c5.591,0,10.139-4.549,10.139-10.14c0-5.591-4.548-10.14-10.139-10.14%20c-5.591,0-10.14,4.549-10.14,10.14C21.862,16.877,26.411,21.426,32.001,21.426z%20M32.001,3.847c4.102,0,7.44,3.337,7.44,7.44%20c0,4.102-3.338,7.44-7.44,7.44c-4.102,0-7.439-3.337-7.439-7.44C24.562,7.184,27.899,3.847,32.001,3.847z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.851,54.436c0-0.744-0.605-1.35-1.35-1.35c-0.744,0-1.35,0.605-1.35,1.35v5.711H7.85v-9.466%20l0.117-0.026c2.424-0.541,4.184-2.735,4.184-5.218v-2.749c0-2.95-2.4-5.35-5.35-5.35h-0.6c-2.95,0-5.35,2.399-5.35,5.35v2.749%20c0,2.48,1.759,4.675,4.182,5.218l0.117,0.026v10.815c0,0.744,0.606,1.35,1.35,1.35h51.001c0.744,0,1.35-0.605,1.35-1.35V54.436z%20M6.201,48.087c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.188-2.65,2.65-2.65h0.6c1.461,0,2.65,1.189,2.65,2.65v2.749%20c0,1.461-1.189,2.65-2.65,2.65H6.201z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M63.149,42.688c0-2.48-1.758-4.675-4.182-5.218l-0.117-0.026V26.627c0-0.745-0.605-1.35-1.35-1.35%20H6.5c-0.745,0-1.35,0.605-1.35,1.35v7.059c0,0.744,0.606,1.35,1.35,1.35c0.745,0,1.35-0.605,1.35-1.35v-5.708h48.301v9.466%20l-0.117,0.026c-2.425,0.542-4.184,2.736-4.184,5.218v2.749c0,2.95,2.399,5.35,5.35,5.35h0.6c2.95,0,5.35-2.399,5.35-5.35V42.688z%20M60.45,45.437c0,1.461-1.189,2.65-2.65,2.65h-0.6c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.189-2.65,2.65-2.65h0.6%20c1.461,0,2.65,1.189,2.65,2.65V45.437z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Host_an_Event_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M25.033,50.463c1.39,1.164,3.524,2.876,6.01,4.822l0.115,0.09c0.469,0.375,1.215,0.367,1.697-0.008%20c0.902-0.705,4.009-3.143,6.111-4.904c3.823-3.199,5.916-6.417,6.053-9.307c0.099-2.099-0.57-4.1-1.883-5.637%20c-1.346-1.576-3.229-2.497-5.305-2.593c-2.102-0.111-4.187,0.68-5.727,2.167L32,35.194l-0.104-0.1%20c-1.534-1.48-3.626-2.272-5.728-2.169c-2.076,0.097-3.96,1.019-5.305,2.594c-1.312,1.536-1.981,3.538-1.883,5.638%20C19.121,44.087,21.157,47.218,25.033,50.463z%20M22.916,37.272c0.856-1.002,2.057-1.588,3.379-1.649%20c1.84-0.097,3.589,0.866,4.552,2.448c0.244,0.399,0.685,0.647,1.153,0.647c0.468,0,0.91-0.248,1.154-0.648%20c0.926-1.524,2.581-2.451,4.354-2.451c0.064,0,0.128,0.001,0.192,0.004c1.325,0.062,2.525,0.647,3.382,1.649%20c0.865,1.014,1.305,2.347,1.238,3.756c-0.099,2.086-1.905,4.701-5.088,7.365c-1.523,1.275-3.636,2.954-5.139,4.139l-0.093,0.072%20l-0.093-0.072c-2.144-1.687-3.923-3.118-5.142-4.14c-3.183-2.664-4.99-5.279-5.089-7.363%20C21.611,39.619,22.051,38.285,22.916,37.272z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32.001,21.426c5.591,0,10.139-4.549,10.139-10.14c0-5.591-4.548-10.14-10.139-10.14%20c-5.591,0-10.14,4.549-10.14,10.14C21.862,16.877,26.411,21.426,32.001,21.426z%20M32.001,3.847c4.102,0,7.44,3.337,7.44,7.44%20c0,4.102-3.338,7.44-7.44,7.44c-4.102,0-7.439-3.337-7.439-7.44C24.562,7.184,27.899,3.847,32.001,3.847z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.851,54.436c0-0.744-0.605-1.35-1.35-1.35c-0.744,0-1.35,0.605-1.35,1.35v5.711H7.85v-9.466%20l0.117-0.026c2.424-0.541,4.184-2.735,4.184-5.218v-2.749c0-2.95-2.4-5.35-5.35-5.35h-0.6c-2.95,0-5.35,2.399-5.35,5.35v2.749%20c0,2.48,1.759,4.675,4.182,5.218l0.117,0.026v10.815c0,0.744,0.606,1.35,1.35,1.35h51.001c0.744,0,1.35-0.605,1.35-1.35V54.436z%20M6.201,48.087c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.188-2.65,2.65-2.65h0.6c1.461,0,2.65,1.189,2.65,2.65v2.749%20c0,1.461-1.189,2.65-2.65,2.65H6.201z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M63.149,42.688c0-2.48-1.758-4.675-4.182-5.218l-0.117-0.026V26.627c0-0.745-0.605-1.35-1.35-1.35%20H6.5c-0.745,0-1.35,0.605-1.35,1.35v7.059c0,0.744,0.606,1.35,1.35,1.35c0.745,0,1.35-0.605,1.35-1.35v-5.708h48.301v9.466%20l-0.117,0.026c-2.425,0.542-4.184,2.736-4.184,5.218v2.749c0,2.95,2.399,5.35,5.35,5.35h0.6c2.95,0,5.35-2.399,5.35-5.35V42.688z%20M60.45,45.437c0,1.461-1.189,2.65-2.65,2.65h-0.6c-1.461,0-2.65-1.189-2.65-2.65v-2.749c0-1.461,1.189-2.65,2.65-2.65h0.6%20c1.461,0,2.65,1.189,2.65,2.65V45.437z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon.art:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Paintbrush_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20802.008%20801.914'%20style='enable-background:new%200%200%20802.008%20801.914;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M510.763,404.232c161.999-15.474,191.858-120.424,218.203-213.02%20c13.258-46.596,25.78-90.608,53.13-123.601c6.736-8.125,8.858-18.944,5.676-28.941c-3.165-9.946-11.1-17.507-21.227-20.227%20C720.796,6.157,676.999,0,635.624,0c-25.696,0-50.451,2.373-74.179,7.126C506.619,18.11,457.988,42.158,420.812,76.671%20c-27.971,25.966-49.232,57.679-61.486,91.709c-10.909,30.294-14.506,62.117-10.404,92.027l0.112,0.816l-0.507,0.649L15.552,688.229%20C3.237,703.998-1.92,722.036,0.639,740.393c2.255,16.173,10.507,31.392,23.235,42.853c12.729,11.461,28.727,18.076,45.045,18.628%20c18.505,0.65,35.955-6.416,50.319-20.284l390.846-377.291L510.763,404.232z%20M376.292,484.666l-56.173-50.58%20c-3.484-3.138-7.98-4.729-12.663-4.484c-4.681,0.245-8.987,2.299-12.123,5.783c-3.137,3.483-4.729,7.98-4.484,12.661%20c0.245,4.682,2.299,8.987,5.782,12.124l54.345,48.933l-1.505,1.453L94.862,756.337c-7.842,7.57-16.075,10.499-23.765,10.5%20c-9.222,0.001-17.666-4.209-23.736-9.676c-11.134-10.025-18.899-28.436-4.145-47.328l326.613-418.209l106.812,96.173%20L376.292,484.666z%20M508.433,369.192l-124.55-112.146l-0.1-0.7c-3.736-26.185-0.09-54.244,10.544-81.146%20c10.643-26.921,28.059-52.097,50.365-72.806c32.424-30.1,75.181-51.143,123.647-60.853c53.936-10.805,114.357-8.003,179.585,8.331%20l2.836,0.71l-1.745,2.345c-27.848,37.437-41.045,83.822-53.808,128.679c-8.826,31.019-17.163,60.317-29.751,86.775l-0.668,1.403%20l-1.517-0.338c-48.083-10.713-58.663-43.124-70.912-80.652c-11.763-36.035-25.094-76.878-74.051-95.281%20c-4.384-1.647-9.151-1.49-13.423,0.445c-4.271,1.937-7.53,5.419-9.18,9.807c-1.649,4.388-1.491,9.156,0.444,13.425%20c1.937,4.269,5.42,7.528,9.809,9.178c33.171,12.47,41.936,39.322,53.032,73.318c12.047,36.904,27.04,82.833,84.419,100.767%20l2.657,0.831l-1.688,2.213c-0.776,1.017-1.561,2.026-2.359,3.026c-29.244,36.558-71.419,56.443-132.729,62.581L508.433,369.192z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M790.847,626.043l-0.066-0.152c-13.712-31.349-65.693-139.229-95.488-200.809l-1.775-3.672%20c-2.853-6.043-9.002-9.992-15.671-10.071c-0.066-0.001-0.133-0.001-0.199-0.001c-6.595,0-12.74,3.785-15.698,9.688%20c-0.642,1.288-80.392,165.749-97.561,205.021c-7.404,16.977-11.158,34.32-11.158,51.549c0,68.546,55.81,124.312,124.409,124.312%20c68.577,0,124.369-55.766,124.369-124.312C802.008,660.364,798.253,643.02,790.847,626.043z%20M677.639,766.808%20c-49.245,0-89.31-40.021-89.31-89.212c0-12.371,2.768-24.989,8.226-37.503c11.936-27.299,54.817-116.51,79.317-167.258l1.756-3.639%20l1.756,3.639c42.391,87.847,70.55,147.24,79.291,167.241c5.463,12.524,8.233,25.147,8.233,37.52%20C766.909,726.787,726.863,766.808,677.639,766.808z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Paintbrush_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20802.008%20801.914'%20style='enable-background:new%200%200%20802.008%20801.914;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M510.763,404.232c161.999-15.474,191.858-120.424,218.203-213.02%20c13.258-46.596,25.78-90.608,53.13-123.601c6.736-8.125,8.858-18.944,5.676-28.941c-3.165-9.946-11.1-17.507-21.227-20.227%20C720.796,6.157,676.999,0,635.624,0c-25.696,0-50.451,2.373-74.179,7.126C506.619,18.11,457.988,42.158,420.812,76.671%20c-27.971,25.966-49.232,57.679-61.486,91.709c-10.909,30.294-14.506,62.117-10.404,92.027l0.112,0.816l-0.507,0.649L15.552,688.229%20C3.237,703.998-1.92,722.036,0.639,740.393c2.255,16.173,10.507,31.392,23.235,42.853c12.729,11.461,28.727,18.076,45.045,18.628%20c18.505,0.65,35.955-6.416,50.319-20.284l390.846-377.291L510.763,404.232z%20M376.292,484.666l-56.173-50.58%20c-3.484-3.138-7.98-4.729-12.663-4.484c-4.681,0.245-8.987,2.299-12.123,5.783c-3.137,3.483-4.729,7.98-4.484,12.661%20c0.245,4.682,2.299,8.987,5.782,12.124l54.345,48.933l-1.505,1.453L94.862,756.337c-7.842,7.57-16.075,10.499-23.765,10.5%20c-9.222,0.001-17.666-4.209-23.736-9.676c-11.134-10.025-18.899-28.436-4.145-47.328l326.613-418.209l106.812,96.173%20L376.292,484.666z%20M508.433,369.192l-124.55-112.146l-0.1-0.7c-3.736-26.185-0.09-54.244,10.544-81.146%20c10.643-26.921,28.059-52.097,50.365-72.806c32.424-30.1,75.181-51.143,123.647-60.853c53.936-10.805,114.357-8.003,179.585,8.331%20l2.836,0.71l-1.745,2.345c-27.848,37.437-41.045,83.822-53.808,128.679c-8.826,31.019-17.163,60.317-29.751,86.775l-0.668,1.403%20l-1.517-0.338c-48.083-10.713-58.663-43.124-70.912-80.652c-11.763-36.035-25.094-76.878-74.051-95.281%20c-4.384-1.647-9.151-1.49-13.423,0.445c-4.271,1.937-7.53,5.419-9.18,9.807c-1.649,4.388-1.491,9.156,0.444,13.425%20c1.937,4.269,5.42,7.528,9.809,9.178c33.171,12.47,41.936,39.322,53.032,73.318c12.047,36.904,27.04,82.833,84.419,100.767%20l2.657,0.831l-1.688,2.213c-0.776,1.017-1.561,2.026-2.359,3.026c-29.244,36.558-71.419,56.443-132.729,62.581L508.433,369.192z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M790.847,626.043l-0.066-0.152c-13.712-31.349-65.693-139.229-95.488-200.809l-1.775-3.672%20c-2.853-6.043-9.002-9.992-15.671-10.071c-0.066-0.001-0.133-0.001-0.199-0.001c-6.595,0-12.74,3.785-15.698,9.688%20c-0.642,1.288-80.392,165.749-97.561,205.021c-7.404,16.977-11.158,34.32-11.158,51.549c0,68.546,55.81,124.312,124.409,124.312%20c68.577,0,124.369-55.766,124.369-124.312C802.008,660.364,798.253,643.02,790.847,626.043z%20M677.639,766.808%20c-49.245,0-89.31-40.021-89.31-89.212c0-12.371,2.768-24.989,8.226-37.503c11.936-27.299,54.817-116.51,79.317-167.258l1.756-3.639%20l1.756,3.639c42.391,87.847,70.55,147.24,79.291,167.241c5.463,12.524,8.233,25.147,8.233,37.52%20C766.909,726.787,726.863,766.808,677.639,766.808z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon.food:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Food_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M41.315,12.649c1.654,2.736,2.849,4.712,0.137,7.91c-0.233,0.275-0.346,0.625-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.554,0.32,0.873,0.32c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.211,0.117-11.051c-1.65-2.73-2.842-4.702-0.141-7.884c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.247-0.209-0.553-0.321-0.872-0.321c-0.038,0-0.075,0.001-0.112,0.004c-0.359,0.03-0.686,0.197-0.919,0.472%20C37.471,6.284,39.602,9.814,41.315,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M20.4,12.649c1.653,2.736,2.848,4.712,0.135,7.91c-0.233,0.275-0.345,0.624-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.553,0.321,0.872,0.321c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.212,0.117-11.052c-1.65-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.253-0.214-0.564-0.319-0.873-0.319c-0.383,0-0.764,0.161-1.031,0.475C16.554,6.284,18.686,9.814,20.4,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M30.858,12.649c1.653,2.736,2.847,4.713,0.135,7.91c-0.482,0.567-0.411,1.421,0.157,1.903%20c0.243,0.207,0.553,0.32,0.872,0.32c0.398,0,0.773-0.174,1.031-0.477c3.968-4.677,1.832-8.212,0.116-11.052%20c-1.649-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903c-0.253-0.215-0.564-0.32-0.873-0.32%20c-0.383,0-0.764,0.162-1.031,0.475C27.012,6.284,29.144,9.814,30.858,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.731,29.325c-0.061-0.704-0.639-1.234-1.345-1.234H2.613c-0.706,0-1.285,0.531-1.345,1.234%20c-0.082,0.955-0.122,1.828-0.122,2.668c0,17.012,13.841,30.853,30.854,30.853s30.853-13.841,30.853-30.853%20C62.853,31.153,62.813,30.281,62.731,29.325z%20M59.863,36.002l-0.019,0.129H11.603c-0.745,0-1.35,0.605-1.35,1.35%20c0,0.744,0.606,1.35,1.35,1.35h47.711l-0.048,0.188C56.059,51.458,44.847,60.146,32,60.146c-15.524,0-28.153-12.63-28.153-28.154%20c0-0.344,0.007-0.695,0.022-1.058l0.006-0.144h56.25l0.006,0.144c0.016,0.363,0.023,0.714,0.023,1.058%20C60.154,33.312,60.056,34.661,59.863,36.002z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Food_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M41.315,12.649c1.654,2.736,2.849,4.712,0.137,7.91c-0.233,0.275-0.346,0.625-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.554,0.32,0.873,0.32c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.211,0.117-11.051c-1.65-2.73-2.842-4.702-0.141-7.884c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.247-0.209-0.553-0.321-0.872-0.321c-0.038,0-0.075,0.001-0.112,0.004c-0.359,0.03-0.686,0.197-0.919,0.472%20C37.471,6.284,39.602,9.814,41.315,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M20.4,12.649c1.653,2.736,2.848,4.712,0.135,7.91c-0.233,0.275-0.345,0.624-0.316,0.983%20c0.029,0.359,0.197,0.686,0.472,0.919c0.244,0.207,0.553,0.321,0.872,0.321c0.398,0,0.773-0.174,1.03-0.476%20c3.968-4.677,1.833-8.212,0.117-11.052c-1.65-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903%20c-0.253-0.214-0.564-0.319-0.873-0.319c-0.383,0-0.764,0.161-1.031,0.475C16.554,6.284,18.686,9.814,20.4,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M30.858,12.649c1.653,2.736,2.847,4.713,0.135,7.91c-0.482,0.567-0.411,1.421,0.157,1.903%20c0.243,0.207,0.553,0.32,0.872,0.32c0.398,0,0.773-0.174,1.031-0.477c3.968-4.677,1.832-8.212,0.116-11.052%20c-1.649-2.73-2.841-4.702-0.14-7.882c0.481-0.567,0.412-1.421-0.155-1.903c-0.253-0.215-0.564-0.32-0.873-0.32%20c-0.383,0-0.764,0.162-1.031,0.475C27.012,6.284,29.144,9.814,30.858,12.649z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.731,29.325c-0.061-0.704-0.639-1.234-1.345-1.234H2.613c-0.706,0-1.285,0.531-1.345,1.234%20c-0.082,0.955-0.122,1.828-0.122,2.668c0,17.012,13.841,30.853,30.854,30.853s30.853-13.841,30.853-30.853%20C62.853,31.153,62.813,30.281,62.731,29.325z%20M59.863,36.002l-0.019,0.129H11.603c-0.745,0-1.35,0.605-1.35,1.35%20c0,0.744,0.606,1.35,1.35,1.35h47.711l-0.048,0.188C56.059,51.458,44.847,60.146,32,60.146c-15.524,0-28.153-12.63-28.153-28.154%20c0-0.344,0.007-0.695,0.022-1.058l0.006-0.144h56.25l0.006,0.144c0.016,0.363,0.023,0.714,0.023,1.058%20C60.154,33.312,60.056,34.661,59.863,36.002z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon.doctor:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Doctor_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.841,58.881l-1.494-12.499c-0.537-4.491-3.479-8.323-7.68-10.001l-14.39-5.75%20c-0.582-0.23-1.24-0.037-1.602,0.473l-5.674,7.999l-0.123-0.172l-5.552-7.826c-0.362-0.51-1.023-0.705-1.602-0.473l-14.387,5.75%20c-4.2,1.678-7.143,5.51-7.68,10.002L1.163,58.881c-0.043,0.358,0.056,0.711,0.279,0.994c0.223,0.284,0.542,0.464,0.901,0.506%20c0.055,0.008,0.109,0.01,0.162,0.01c0.682,0,1.258-0.511,1.338-1.189l1.495-12.498c0.419-3.509,2.719-6.504,6.001-7.816%20l6.686-2.671v6.761l-0.11,0.03c-2.404,0.659-4.084,2.855-4.084,5.343c0,3.057,2.487,5.543,5.544,5.543s5.544-2.486,5.544-5.543%20c0-2.487-1.679-4.684-4.083-5.343l-0.11-0.03v-7.839l4.014-1.604l6.16,8.685c0.236,0.333,0.647,0.531,1.101,0.531%20c0.454,0,0.865-0.198,1.101-0.531l6.16-8.686l4.015,1.604v9.346l-0.114,0.028c-4.1,1.019-7.357,6.141-8.298,13.051l-0.018,0.13%20H7.513c-0.745,0-1.35,0.606-1.35,1.35c0,0.744,0.605,1.35,1.35,1.35h53.988c0.385,0,0.753-0.165,1.01-0.453%20C62.767,59.648,62.887,59.264,62.841,58.881z%20M22.219,48.35c0,1.567-1.276,2.844-2.844,2.844c-1.568,0-2.844-1.276-2.844-2.844%20c0-1.568,1.276-2.845,2.844-2.845C20.943,45.505,22.219,46.781,22.219,48.35z%20M37.575,57.691l0.026-0.173%20c0.938-6.087,3.895-10.505,7.03-10.505c3.136,0,6.092,4.418,7.03,10.505l0.026,0.173H37.575z%20M54.416,57.691l-0.018-0.13%20c-0.942-6.918-4.203-12.041-8.308-13.053l-0.114-0.028v-8.266l6.688,2.672c3.281,1.312,5.581,4.308,6.002,7.816l1.312,10.988%20H54.416z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32,27.584c6.613,0,11.992-5.38,11.992-11.992S38.613,3.6,32,3.6s-11.993,5.38-11.993,11.992%20S25.388,27.584,32,27.584z%20M32,6.3c5.124,0,9.293,4.168,9.293,9.292S37.124,24.884,32,24.884c-5.124,0-9.292-4.169-9.292-9.292%20S26.876,6.3,32,6.3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Doctor_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M62.841,58.881l-1.494-12.499c-0.537-4.491-3.479-8.323-7.68-10.001l-14.39-5.75%20c-0.582-0.23-1.24-0.037-1.602,0.473l-5.674,7.999l-0.123-0.172l-5.552-7.826c-0.362-0.51-1.023-0.705-1.602-0.473l-14.387,5.75%20c-4.2,1.678-7.143,5.51-7.68,10.002L1.163,58.881c-0.043,0.358,0.056,0.711,0.279,0.994c0.223,0.284,0.542,0.464,0.901,0.506%20c0.055,0.008,0.109,0.01,0.162,0.01c0.682,0,1.258-0.511,1.338-1.189l1.495-12.498c0.419-3.509,2.719-6.504,6.001-7.816%20l6.686-2.671v6.761l-0.11,0.03c-2.404,0.659-4.084,2.855-4.084,5.343c0,3.057,2.487,5.543,5.544,5.543s5.544-2.486,5.544-5.543%20c0-2.487-1.679-4.684-4.083-5.343l-0.11-0.03v-7.839l4.014-1.604l6.16,8.685c0.236,0.333,0.647,0.531,1.101,0.531%20c0.454,0,0.865-0.198,1.101-0.531l6.16-8.686l4.015,1.604v9.346l-0.114,0.028c-4.1,1.019-7.357,6.141-8.298,13.051l-0.018,0.13%20H7.513c-0.745,0-1.35,0.606-1.35,1.35c0,0.744,0.605,1.35,1.35,1.35h53.988c0.385,0,0.753-0.165,1.01-0.453%20C62.767,59.648,62.887,59.264,62.841,58.881z%20M22.219,48.35c0,1.567-1.276,2.844-2.844,2.844c-1.568,0-2.844-1.276-2.844-2.844%20c0-1.568,1.276-2.845,2.844-2.845C20.943,45.505,22.219,46.781,22.219,48.35z%20M37.575,57.691l0.026-0.173%20c0.938-6.087,3.895-10.505,7.03-10.505c3.136,0,6.092,4.418,7.03,10.505l0.026,0.173H37.575z%20M54.416,57.691l-0.018-0.13%20c-0.942-6.918-4.203-12.041-8.308-13.053l-0.114-0.028v-8.266l6.688,2.672c3.281,1.312,5.581,4.308,6.002,7.816l1.312,10.988%20H54.416z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M32,27.584c6.613,0,11.992-5.38,11.992-11.992S38.613,3.6,32,3.6s-11.993,5.38-11.993,11.992%20S25.388,27.584,32,27.584z%20M32,6.3c5.124,0,9.293,4.168,9.293,9.292S37.124,24.884,32,24.884c-5.124,0-9.292-4.169-9.292-9.292%20S26.876,6.3,32,6.3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon.chemo:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Chemotherapy_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M34.08,25.059h-5.666c-0.745,0-1.35,0.606-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h5.666%20c0.744,0,1.35-0.606,1.35-1.35C35.43,25.665,34.824,25.059,34.08,25.059z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M28.414,35.113h5.666c0.744,0,1.35-0.605,1.35-1.35c0-0.744-0.605-1.35-1.35-1.35h-5.666%20c-0.745,0-1.35,0.606-1.35,1.35C27.064,34.508,27.669,35.113,28.414,35.113z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.523,2.499c0-0.745-0.605-1.35-1.35-1.35H18.839c-7.361,0-13.35,5.989-13.35,13.35V61.5%20c0,0.744,0.605,1.35,1.35,1.35c0.745,0,1.35-0.606,1.35-1.35V14.499c0-5.872,4.777-10.65,10.65-10.65h17.11v6.5H22.543%20c-1.847,0-3.35,1.503-3.35,3.35v20.412c0,1.963,0.765,3.809,2.153,5.196l10.756,10.756c1.026,1.027,2.315,1.721,3.726,2.006%20l0.121,0.024V61.5c0,0.744,0.605,1.35,1.35,1.35c0.744,0,1.35-0.606,1.35-1.35v-9.406l0.121-0.024%20c1.411-0.285,2.7-0.979,3.726-2.006l10.757-10.756c1.389-1.388,2.152-3.233,2.152-5.196V13.699c0-1.847-1.502-3.35-3.35-3.35%20H38.648v-6.5h18.525C57.918,3.849,58.523,3.244,58.523,2.499z%20M52.055,13.049c0.358,0,0.65,0.292,0.65,0.65v20.412%20c0,1.242-0.483,2.41-1.361,3.288L40.587,48.155c-0.878,0.878-2.046,1.362-3.288,1.362c-1.242,0-2.41-0.484-3.288-1.362%20L23.255,37.399c-0.878-0.878-1.362-2.046-1.362-3.288V20.404h27.16c0.744,0,1.35-0.606,1.35-1.35c0-0.745-0.605-1.35-1.35-1.35%20h-27.16v-4.005c0-0.358,0.292-0.65,0.65-0.65H52.055z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Chemotherapy_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M34.08,25.059h-5.666c-0.745,0-1.35,0.606-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h5.666%20c0.744,0,1.35-0.606,1.35-1.35C35.43,25.665,34.824,25.059,34.08,25.059z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M28.414,35.113h5.666c0.744,0,1.35-0.605,1.35-1.35c0-0.744-0.605-1.35-1.35-1.35h-5.666%20c-0.745,0-1.35,0.606-1.35,1.35C27.064,34.508,27.669,35.113,28.414,35.113z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M58.523,2.499c0-0.745-0.605-1.35-1.35-1.35H18.839c-7.361,0-13.35,5.989-13.35,13.35V61.5%20c0,0.744,0.605,1.35,1.35,1.35c0.745,0,1.35-0.606,1.35-1.35V14.499c0-5.872,4.777-10.65,10.65-10.65h17.11v6.5H22.543%20c-1.847,0-3.35,1.503-3.35,3.35v20.412c0,1.963,0.765,3.809,2.153,5.196l10.756,10.756c1.026,1.027,2.315,1.721,3.726,2.006%20l0.121,0.024V61.5c0,0.744,0.605,1.35,1.35,1.35c0.744,0,1.35-0.606,1.35-1.35v-9.406l0.121-0.024%20c1.411-0.285,2.7-0.979,3.726-2.006l10.757-10.756c1.389-1.388,2.152-3.233,2.152-5.196V13.699c0-1.847-1.502-3.35-3.35-3.35%20H38.648v-6.5h18.525C57.918,3.849,58.523,3.244,58.523,2.499z%20M52.055,13.049c0.358,0,0.65,0.292,0.65,0.65v20.412%20c0,1.242-0.483,2.41-1.361,3.288L40.587,48.155c-0.878,0.878-2.046,1.362-3.288,1.362c-1.242,0-2.41-0.484-3.288-1.362%20L23.255,37.399c-0.878-0.878-1.362-2.046-1.362-3.288V20.404h27.16c0.744,0,1.35-0.606,1.35-1.35c0-0.745-0.605-1.35-1.35-1.35%20h-27.16v-4.005c0-0.358,0.292-0.65,0.65-0.65H52.055z'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .donor_list_icon.poll:before {
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='See_Options_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3ccircle%20style='fill:%23FFFFFF;'%20cx='19.071'%20cy='32'%20r='2.167'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M19.071,44.619c1.195,0,2.167-0.972,2.167-2.166c0-1.195-0.972-2.167-2.167-2.167%20c-1.195,0-2.167,0.972-2.167,2.167C16.904,43.647,17.876,44.619,19.071,44.619z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M55.589,12.107c-0.479-0.567-1.334-0.64-1.903-0.161c-0.568,0.481-0.641,1.334-0.161,1.902%20c4.275,5.065,6.631,11.51,6.631,18.149c0,7.522-2.929,14.591-8.246,19.908c-5.318,5.317-12.388,8.246-19.908,8.246%20c-6.639,0-13.083-2.355-18.148-6.631c-0.246-0.207-0.55-0.318-0.868-0.318c-0.039,0-0.078,0.002-0.117,0.005%20c-0.359,0.03-0.685,0.199-0.917,0.475c-0.48,0.569-0.408,1.423,0.161,1.903c5.551,4.686,12.614,7.266,19.89,7.266%20c8.242,0,15.99-3.209,21.816-9.037c5.828-5.825,9.037-13.573,9.037-21.816C62.854,24.722,60.274,17.658,55.589,12.107z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M10.477,50.147c-4.275-5.063-6.629-11.51-6.629-18.149c0-7.52,2.928-14.59,8.246-19.908%20c5.318-5.317,12.388-8.246,19.908-8.246c6.64,0,13.085,2.355,18.15,6.63c0.275,0.233,0.633,0.345,0.983,0.314%20c0.36-0.03,0.687-0.199,0.92-0.474c0.479-0.569,0.407-1.422-0.161-1.902c-5.552-4.687-12.616-7.268-19.892-7.268%20c-8.241,0-15.989,3.21-21.817,9.037c-5.827,5.828-9.037,13.576-9.037,21.817c0,7.276,2.581,14.341,7.267,19.892%20c0.256,0.305,0.633,0.479,1.032,0.479c0.317,0,0.626-0.112,0.87-0.317C10.886,51.569,10.958,50.716,10.477,50.147z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M26.7,43.799h19.797c0.744,0,1.35-0.605,1.35-1.35c0-0.744-0.605-1.35-1.35-1.35H26.7%20c-0.745,0-1.35,0.605-1.35,1.35C25.35,43.193,25.955,43.799,26.7,43.799z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M26.7,33.348h19.797c0.744,0,1.35-0.605,1.35-1.349c0-0.745-0.605-1.35-1.35-1.35H26.7%20c-0.745,0-1.35,0.606-1.35,1.35C25.35,32.743,25.955,33.348,26.7,33.348z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M46.497,20.197H26.7c-0.745,0-1.35,0.605-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h19.797%20c0.744,0,1.35-0.605,1.35-1.35C47.847,20.803,47.241,20.197,46.497,20.197z'/%3e%3ccircle%20style='fill:%23FFFFFF;'%20cx='19.071'%20cy='21.547'%20r='2.167'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='See_Options_B'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2064%2064'%20style='enable-background:new%200%200%2064%2064;'%20xml:space='preserve'%3e%3cg%3e%3ccircle%20style='fill:%23FFFFFF;'%20cx='19.071'%20cy='32'%20r='2.167'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M19.071,44.619c1.195,0,2.167-0.972,2.167-2.166c0-1.195-0.972-2.167-2.167-2.167%20c-1.195,0-2.167,0.972-2.167,2.167C16.904,43.647,17.876,44.619,19.071,44.619z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M55.589,12.107c-0.479-0.567-1.334-0.64-1.903-0.161c-0.568,0.481-0.641,1.334-0.161,1.902%20c4.275,5.065,6.631,11.51,6.631,18.149c0,7.522-2.929,14.591-8.246,19.908c-5.318,5.317-12.388,8.246-19.908,8.246%20c-6.639,0-13.083-2.355-18.148-6.631c-0.246-0.207-0.55-0.318-0.868-0.318c-0.039,0-0.078,0.002-0.117,0.005%20c-0.359,0.03-0.685,0.199-0.917,0.475c-0.48,0.569-0.408,1.423,0.161,1.903c5.551,4.686,12.614,7.266,19.89,7.266%20c8.242,0,15.99-3.209,21.816-9.037c5.828-5.825,9.037-13.573,9.037-21.816C62.854,24.722,60.274,17.658,55.589,12.107z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M10.477,50.147c-4.275-5.063-6.629-11.51-6.629-18.149c0-7.52,2.928-14.59,8.246-19.908%20c5.318-5.317,12.388-8.246,19.908-8.246c6.64,0,13.085,2.355,18.15,6.63c0.275,0.233,0.633,0.345,0.983,0.314%20c0.36-0.03,0.687-0.199,0.92-0.474c0.479-0.569,0.407-1.422-0.161-1.902c-5.552-4.687-12.616-7.268-19.892-7.268%20c-8.241,0-15.989,3.21-21.817,9.037c-5.827,5.828-9.037,13.576-9.037,21.817c0,7.276,2.581,14.341,7.267,19.892%20c0.256,0.305,0.633,0.479,1.032,0.479c0.317,0,0.626-0.112,0.87-0.317C10.886,51.569,10.958,50.716,10.477,50.147z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M26.7,43.799h19.797c0.744,0,1.35-0.605,1.35-1.35c0-0.744-0.605-1.35-1.35-1.35H26.7%20c-0.745,0-1.35,0.605-1.35,1.35C25.35,43.193,25.955,43.799,26.7,43.799z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M26.7,33.348h19.797c0.744,0,1.35-0.605,1.35-1.349c0-0.745-0.605-1.35-1.35-1.35H26.7%20c-0.745,0-1.35,0.606-1.35,1.35C25.35,32.743,25.955,33.348,26.7,33.348z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M46.497,20.197H26.7c-0.745,0-1.35,0.605-1.35,1.35c0,0.745,0.605,1.35,1.35,1.35h19.797%20c0.744,0,1.35-0.605,1.35-1.35C47.847,20.803,47.241,20.197,46.497,20.197z'/%3e%3ccircle%20style='fill:%23FFFFFF;'%20cx='19.071'%20cy='21.547'%20r='2.167'/%3e%3c/g%3e%3c/svg%3e") no-repeat 50%;
  height: 85%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container h1 {
  font-weight: 800;
  margin-bottom: 0;
  margin-top: 0;
  color: #fff;
  z-index: 9999;
  transform: skewX(10deg);
  text-shadow: 1px 1px 3px #333;
  font-size: 1.333rem;
  line-height: 2rem;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container .incentive_claimed_wrapper {
  transform: skewX(10deg);
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container span {
  margin-right: 0.5rem;
  color: #fff;
  z-index: 9999;
  line-height: 1.5rem;
  text-shadow: 1px 1px 3px #333;
  font-size: 1rem;
  font-weight: 700;
  margin-top: 0.5rem;
}
.donor_list_wrapper .donor_list.horizontal ul li .donor_list_container span.incentive_claimed {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 0.3em;
  background: #4e535a;
  color: #ccc;
  border-radius: 20px;
  text-shadow: none;
  font-size: 1rem;
  line-height: 1.6875rem;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_container {
  max-width: 0;
  opacity: 0;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_container span.incentive_claimed {
  color: #4e535a;
  background: #fff;
  font-size: 1rem;
  line-height: 1.6875rem;
}
@keyframes vShow {
  0% {
    max-width: 0;
    opacity: 0;
  }
  100% {
    max-width: 1000px;
    opacity: 1;
  }
}
@keyframes vHide {
  0% {
    opacity: 1;
    max-width: 1000px;
  }
  100% {
    opacity: 0;
    max-width: 1000px;
    display: none;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content {
  overflow: visible;
  width: 100%;
  border: 2px solid #fff;
  padding-right: 2rem;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.default-red {
  background: linear-gradient(#c10f3a, rgb(115.8, 9, 34.8));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.dark-red {
  background: linear-gradient(#911938, rgb(87, 15, 33.6));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.light-purple {
  background: linear-gradient(#8332a7, rgb(78.6, 30, 100.2));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.dark-purple {
  background: linear-gradient(#490e67, rgb(43.8, 8.4, 61.8));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.light-blue {
  background: linear-gradient(#135cb0, rgb(11.4, 55.2, 105.6));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.dark-blue {
  background: linear-gradient(#002856, rgb(0, 24, 51.6));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.light-aqua {
  background: linear-gradient(#64d0e4, rgb(60, 124.8, 136.8));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.dark-aqua {
  background: linear-gradient(#1eadc1, rgb(18, 103.8, 115.8));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.light-green {
  background: linear-gradient(#c0da07, rgb(115.2, 130.8, 4.2));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.dark-green {
  background: linear-gradient(rgb(117, 188, 33), rgb(70.2, 112.8, 19.8));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.light-yellow {
  background: linear-gradient(#ffc32c, rgb(153, 117, 26.4));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.dark-yellow {
  background: linear-gradient(#ffb125, rgb(153, 106.2, 22.2));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.medium-grey {
  background: linear-gradient(#ccc, rgb(122.4, 122.4, 122.4));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.light-grey {
  background: linear-gradient(#f5f5f5, #939393);
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_content.dark-grey {
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon {
  padding-top: 10px;
  background-color: #fff;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  position: absolute;
  transform: rotate(0) skewX(10deg);
  left: -45px;
  animation: hIconShow ease-in-out 0.5s;
}
@keyframes hIconShow {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 70px;
    height: 70px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon:before {
  height: 85%;
  width: 100%;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.default-red {
  border: 1px solid #c10f3a;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.default-red:before {
  background-color: #c10f3a;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-red {
  border: 1px solid #911938;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-red:before {
  background-color: #911938;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-purple {
  border: 1px solid #8332a7;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-purple:before {
  background-color: #8332a7;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-purple {
  border: 1px solid #490e67;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-purple:before {
  background-color: #490e67;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-blue {
  border: 1px solid #135cb0;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-blue:before {
  background-color: #135cb0;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-blue {
  border: 1px solid #002856;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-blue:before {
  background-color: #002856;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-aqua {
  border: 1px solid #64d0e4;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-aqua:before {
  background-color: #64d0e4;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-aqua {
  border: 1px solid #1eadc1;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-aqua:before {
  background-color: #1eadc1;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-green {
  border: 1px solid #c0da07;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-green:before {
  background-color: #c0da07;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-green {
  border: 1px solid rgb(117, 188, 33);
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-green:before {
  background-color: rgb(117, 188, 33);
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-yellow {
  border: 1px solid #ffc32c;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-yellow:before {
  background-color: #ffc32c;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-yellow {
  border: 1px solid #ffb125;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-yellow:before {
  background-color: #ffb125;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.medium-grey {
  border: 1px solid #ccc;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.medium-grey:before {
  background-color: #ccc;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-grey {
  border: 1px solid #f5f5f5;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.light-grey:before {
  background-color: #f5f5f5;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-grey {
  border: 1px solid #4e535a;
}
.donor_list_wrapper .donor_list.horizontal ul li:first-child .donor_list_icon.dark-grey:before {
  background-color: #4e535a;
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon {
  animation: hIconAway ease-in-out 0.7s backwards;
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.default-red:before {
  animation: hIconColor-default-red ease-in-out 1.1s backwards;
}
@keyframes hIconColor-default-red {
  0% {
    background: #c10f3a;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #c10f3a;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.dark-red:before {
  animation: hIconColor-dark-red ease-in-out 1.1s backwards;
}
@keyframes hIconColor-dark-red {
  0% {
    background: #911938;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #911938;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.light-purple:before {
  animation: hIconColor-light-purple ease-in-out 1.1s backwards;
}
@keyframes hIconColor-light-purple {
  0% {
    background: #8332a7;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #8332a7;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.dark-purple:before {
  animation: hIconColor-dark-purple ease-in-out 1.1s backwards;
}
@keyframes hIconColor-dark-purple {
  0% {
    background: #490e67;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #490e67;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.light-blue:before {
  animation: hIconColor-light-blue ease-in-out 1.1s backwards;
}
@keyframes hIconColor-light-blue {
  0% {
    background: #135cb0;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #135cb0;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.dark-blue:before {
  animation: hIconColor-dark-blue ease-in-out 1.1s backwards;
}
@keyframes hIconColor-dark-blue {
  0% {
    background: #002856;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #002856;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.light-aqua:before {
  animation: hIconColor-light-aqua ease-in-out 1.1s backwards;
}
@keyframes hIconColor-light-aqua {
  0% {
    background: #64d0e4;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #64d0e4;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.dark-aqua:before {
  animation: hIconColor-dark-aqua ease-in-out 1.1s backwards;
}
@keyframes hIconColor-dark-aqua {
  0% {
    background: #1eadc1;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #1eadc1;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.light-green:before {
  animation: hIconColor-light-green ease-in-out 1.1s backwards;
}
@keyframes hIconColor-light-green {
  0% {
    background: #c0da07;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #c0da07;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.dark-green:before {
  animation: hIconColor-dark-green ease-in-out 1.1s backwards;
}
@keyframes hIconColor-dark-green {
  0% {
    background: rgb(117, 188, 33);
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid rgb(117, 188, 33);
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.light-yellow:before {
  animation: hIconColor-light-yellow ease-in-out 1.1s backwards;
}
@keyframes hIconColor-light-yellow {
  0% {
    background: #ffc32c;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #ffc32c;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.dark-yellow:before {
  animation: hIconColor-dark-yellow ease-in-out 1.1s backwards;
}
@keyframes hIconColor-dark-yellow {
  0% {
    background: #ffb125;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #ffb125;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.medium-grey:before {
  animation: hIconColor-medium-grey ease-in-out 1.1s backwards;
}
@keyframes hIconColor-medium-grey {
  0% {
    background: #ccc;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #ccc;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.light-grey:before {
  animation: hIconColor-light-grey ease-in-out 1.1s backwards;
}
@keyframes hIconColor-light-grey {
  0% {
    background: #f5f5f5;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #f5f5f5;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}
.donor_list_wrapper .donor_list.horizontal ul li:nth-child(2) .donor_list_icon.dark-grey:before {
  animation: hIconColor-dark-grey ease-in-out 1.1s backwards;
}
@keyframes hIconColor-dark-grey {
  0% {
    background: #4e535a;
  }
}
@keyframes hIconAway {
  0% {
    border: 1px solid #4e535a;
    background: #fff;
    right: 100%;
  }
  100% {
    border: 1px solid rgba(127.5, 127.5, 127.5, 0.23);
    background: transparent;
    right: -15px;
  }
}/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.tts-overlay {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "SJ Sans", "Open Sans", "Helvetica Neue", sans-serif;
}
.tts-overlay .triangle {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  outline: none;
  border-bottom: none;
  font-size: 0;
  border-top: 15px solid rgba(0, 0, 0, 0.3);
  width: 15px;
  height: 15px;
  overflow: hidden;
  display: block;
  background: transparent;
  transition: transform 0.15s ease-in-out, border-top-color 0.1s ease-in-out;
  border-radius: 5px;
}
.tts-overlay .triangle-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  background: rgba(52, 43, 43, 0.16);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 0;
  margin: 0;
  border-radius: 12px;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.tts-overlay .triangle-button:hover {
  opacity: 0.8;
}
.tts-overlay .triangle-button:hover .triangle {
  border-top-color: rgba(0, 0, 0, 0.72);
}
.tts-overlay .triangle-button:active:hover {
  opacity: 0.7;
  background: rgba(69, 62, 62, 0.37);
}
.tts-overlay .action-button {
  width: 90px;
  outline: none;
  margin: 5px 2px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 18px;
  background: rgba(156, 151, 151, 0.65);
  color: white;
  height: 35px;
  border-radius: 2px;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.tts-overlay .action-button:first-child {
  margin-left: 5px;
}
.tts-overlay .action-button:last-child {
  margin-right: 5px;
}
.tts-overlay .action-button:active:hover:not([disabled]) {
  opacity: 0.7;
}
.tts-overlay .action-button:hover:not([disabled]) {
  opacity: 0.8;
}
.tts-overlay .action-button:disabled {
  background: rgba(184, 184, 184, 0.41);
  color: rgba(218, 217, 217, 0.6);
}
.tts-overlay .controls {
  margin-top: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tts-overlay .output, .tts-overlay .controls, .tts-overlay .settings, .tts-overlay .debug {
  overflow: hidden;
  transition: max-height 0.1s ease-in-out;
  background: rgba(0, 0, 0, 0.68);
  width: 382px;
}
.tts-overlay .controls {
  width: -moz-fit-content;
  width: fit-content;
}
.tts-overlay .settings span {
  font-size: 12px;
}
.tts-overlay .output, .tts-overlay .settings {
  width: 382px;
  height: 39px;
  color: white;
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  text-wrap: nowrap;
}
.tts-overlay .debug {
  margin-top: 5px;
  padding: 8px;
}
.tts-overlay .voices, .tts-overlay .userAgent {
  color: white;
}
.tts-overlay .voices div, .tts-overlay .userAgent div {
  font-size: 10px;
}
.tts-overlay .userAgent {
  margin-top: 1em;
}
.tts-overlay .userAgent textarea {
  resize: none;
  overflow: hidden;
  width: 100%;
}
.tts-overlay .output {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tts-overlay .settings {
  height: 29px;
  color: rgba(220, 220, 220, 0.68);
}
.tts-overlay .poll-settings {
  display: flex;
  flex-direction: column;
}
.tts-overlay .poll-settings span:last-child {
  font-size: 10px;
}
.tts-overlay .output span {
  transition: opacity 0.1s ease-in-out;
}
.tts-overlay .output span.output-inactive {
  opacity: 0.5;
}
.tts-overlay .output span.output-active {
  opacity: 0.9;
}
.tts-overlay.overlay-hidden .controls, .tts-overlay.overlay-hidden .output, .tts-overlay.overlay-hidden .settings {
  max-height: 0;
}
.tts-overlay.overlay-visible .controls, .tts-overlay.overlay-visible .output, .tts-overlay.overlay-visible .settings {
  max-height: 45px;
}
.tts-overlay.overlay-hidden .triangle {
  transform: rotate(-90deg);
}
.tts-overlay.overlay-visible .triangle {
  transform: rotate(0deg);
}.ball-pit-overlay {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-height: 400px;
}
.ball-pit-overlay canvas {
  min-height: 400px;
  position: absolute;
}
.ball-pit-overlay canvas:first-child {
  opacity: 0;
  background: transparent;
}.donation-train {
  position: relative;
  width: 100%;
  height: 80px;
  border-radius: 10px;
  margin: 5px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -9999;
  overflow: hidden;
}
.donation-train-overlay {
  font-family: "SJ Sans", "Open Sans", sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.donation-train-overlay .trains-wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.5rem;
  width: 732px;
}
.donation-train__wrapper {
  display: flex;
}
.donation-train__wrapper.active {
  flex-direction: row;
}
.donation-train__wrapper h1 {
  font-weight: 800;
  line-height: 1.2;
}
.donation-train__wrapper div {
  display: flex;
  align-items: center;
}
.donation-train__bg {
  height: 80px;
  margin-left: -10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  transition: ease-in-out 1s;
  -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 60%);
          mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 60%);
  transform: skew(-10deg);
  z-index: -9998;
}
.donation-train__bg.default-red {
  background-image: linear-gradient(180deg, #c10f3a 0%, rgb(96.5, 7.5, 29) 90%);
}
.donation-train__bg.dark-red {
  background-image: linear-gradient(180deg, #911938 0%, rgb(72.5, 12.5, 28) 90%);
}
.donation-train__bg.light-purple {
  background-image: linear-gradient(180deg, #8332a7 0%, rgb(65.5, 25, 83.5) 90%);
}
.donation-train__bg.dark-purple {
  background-image: linear-gradient(180deg, #490e67 0%, rgb(36.5, 7, 51.5) 90%);
}
.donation-train__bg.light-blue {
  background-image: linear-gradient(180deg, #135cb0 0%, rgb(9.5, 46, 88) 90%);
}
.donation-train__bg.dark-blue {
  background-image: linear-gradient(180deg, #002856 0%, #00142b 90%);
}
.donation-train__bg.light-aqua {
  background-image: linear-gradient(180deg, #64d0e4 0%, #326872 90%);
}
.donation-train__bg.dark-aqua {
  background-image: linear-gradient(180deg, #1eadc1 0%, rgb(15, 86.5, 96.5) 90%);
}
.donation-train__bg.light-green {
  background-image: linear-gradient(180deg, #c0da07 0%, rgb(96, 109, 3.5) 90%);
}
.donation-train__bg.dark-green {
  background-image: linear-gradient(180deg, rgb(117, 188, 33) 0%, rgb(58.5, 94, 16.5) 90%);
}
.donation-train__bg.light-yellow {
  background-image: linear-gradient(180deg, #ffc32c 0%, rgb(127.5, 97.5, 22) 90%);
}
.donation-train__bg.dark-yellow {
  background-image: linear-gradient(180deg, #ffb125 0%, rgb(127.5, 88.5, 18.5) 90%);
}
.donation-train__bg.medium-grey {
  background-image: linear-gradient(180deg, #ccc 0%, #666666 90%);
}
.donation-train__bg.light-grey {
  background-image: linear-gradient(180deg, #f5f5f5 0%, rgb(122.5, 122.5, 122.5) 90%);
}
.donation-train__bg.dark-grey {
  background-image: linear-gradient(180deg, #4e535a 0%, rgb(39, 41.5, 45) 90%);
}
.donation-train__value {
  position: relative;
  width: 150px;
  height: 80px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #fff;
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: column;
  overflow: hidden;
  justify-content: center;
}
.donation-train__value.default-red.pending:before, .donation-train__value.default-red.ending:before, .donation-train__value.default-red.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #c10f3a 0%, rgb(96.5, 7.5, 29) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.dark-red.pending:before, .donation-train__value.dark-red.ending:before, .donation-train__value.dark-red.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #911938 0%, rgb(72.5, 12.5, 28) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.light-purple.pending:before, .donation-train__value.light-purple.ending:before, .donation-train__value.light-purple.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #8332a7 0%, rgb(65.5, 25, 83.5) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.dark-purple.pending:before, .donation-train__value.dark-purple.ending:before, .donation-train__value.dark-purple.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #490e67 0%, rgb(36.5, 7, 51.5) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.light-blue.pending:before, .donation-train__value.light-blue.ending:before, .donation-train__value.light-blue.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #135cb0 0%, rgb(9.5, 46, 88) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.dark-blue.pending:before, .donation-train__value.dark-blue.ending:before, .donation-train__value.dark-blue.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #002856 0%, #00142b 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.light-aqua.pending:before, .donation-train__value.light-aqua.ending:before, .donation-train__value.light-aqua.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #64d0e4 0%, #326872 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.dark-aqua.pending:before, .donation-train__value.dark-aqua.ending:before, .donation-train__value.dark-aqua.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #1eadc1 0%, rgb(15, 86.5, 96.5) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.light-green.pending:before, .donation-train__value.light-green.ending:before, .donation-train__value.light-green.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #c0da07 0%, rgb(96, 109, 3.5) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.dark-green.pending:before, .donation-train__value.dark-green.ending:before, .donation-train__value.dark-green.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, rgb(117, 188, 33) 0%, rgb(58.5, 94, 16.5) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.light-yellow.pending:before, .donation-train__value.light-yellow.ending:before, .donation-train__value.light-yellow.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #ffc32c 0%, rgb(127.5, 97.5, 22) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.dark-yellow.pending:before, .donation-train__value.dark-yellow.ending:before, .donation-train__value.dark-yellow.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #ffb125 0%, rgb(127.5, 88.5, 18.5) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.medium-grey.pending:before, .donation-train__value.medium-grey.ending:before, .donation-train__value.medium-grey.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #ccc 0%, #666666 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.light-grey.pending:before, .donation-train__value.light-grey.ending:before, .donation-train__value.light-grey.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #f5f5f5 0%, rgb(122.5, 122.5, 122.5) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value.dark-grey.pending:before, .donation-train__value.dark-grey.ending:before, .donation-train__value.dark-grey.active:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 80px;
  background-image: linear-gradient(180deg, #4e535a 0%, rgb(39, 41.5, 45) 90%);
  transform: skew(-10deg);
  margin-left: -15px;
  z-index: 0;
}
.donation-train__value h1,
.donation-train__value span {
  z-index: 9999;
  text-shadow: 1px 1px 5px #333;
  margin-right: 10px;
}
.donation-train__value h1 {
  font-size: 2rem;
}
.donation-train__content {
  width: 100%;
  font-size: 1.5rem;
  flex-grow: 1;
  min-width: 0;
  justify-content: center;
  flex-direction: row;
  padding: 0 0.8rem;
  position: relative;
  height: 80px;
}
.donation-train__content.active.default-red:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(198.3, 38.1, 76.8);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.dark-red:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(155.1, 47.1, 75);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.light-purple:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(142.5, 69.6, 174.9);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.dark-purple:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(90.3, 37.2, 117.3);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.light-blue:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(41.7, 107.4, 183);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.dark-blue:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(24.6, 60.6, 102);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.light-aqua:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(114.6, 211.8, 229.8);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.dark-aqua:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(51.6, 180.3, 198.3);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.light-green:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(197.4, 220.8, 30.9);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.dark-green:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(129.9, 193.8, 54.3);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.light-yellow:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(254.1, 200.1, 64.2);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.dark-yellow:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(254.1, 183.9, 57.9);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.medium-grey:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(208.2, 208.2, 208.2);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.light-grey:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(245.1, 245.1, 245.1);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.active.dark-grey:before {
  content: "";
  width: 3px;
  height: 50px;
  background: rgb(94.8, 99.3, 105.6);
  transform: skew(-10deg);
  margin: 0 1rem;
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.donation-train__content.ending {
  padding: 0;
}
.donation-train__content.ending span {
  font-size: 1rem;
}
.donation-train__facts {
  position: relative;
  min-width: 210px;
  padding: 0 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-shrink: 0;
}
.donation-train__facts h1 {
  font-size: 2rem;
}
.donation-train__facts:after {
  content: "";
  height: 80px;
  width: 100%;
  position: absolute;
  border-top: 3px solid #fff;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, transparent 50%);
  transform: skew(-10deg);
}
.donation-train__facts_left, .donation-train__facts_right {
  display: flex;
  flex-direction: column;
}
.donation-train__facts_right {
  min-width: 80px;
}
.donation-train__facts_middle {
  width: 3px;
  height: 50px;
  background: #fff;
  transform: skew(-10deg);
  margin: 0 1rem;
}
.donation-train__counter {
  width: 100px;
  height: 80px;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: -10px;
}
.donation-train__counter.train-ending {
  transform: skew(-10deg);
  animation-name: train-ending;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
.donation-train__counter.train-ending h1 {
  transform: skew(10deg);
}
@keyframes train-ending {
  0% {
    background-color: #c10f3a;
  }
  50.0% {
    background-color: rgba(0, 0, 0, 0.23);
  }
  100.0% {
    background-color: #c10f3a;
  }
}
.donation-train__counter h1 {
  font-size: 1.5rem;
  margin-right: 10px;
}/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.subathon-timer-overlay {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-bottom: 25px;
}
.subathon-timer-overlay.default-red {
  color: #c10f3a;
}
.subathon-timer-overlay.default-red .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(135.1, 10.5, 40.6, 0.2));
}
.subathon-timer-overlay.default-red .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(198.3, 38.1, 76.8, 0.25), 0 0 15px rgba(198.3, 38.1, 76.8, 0.25), 0 0 18px rgba(198.3, 38.1, 76.8, 0.25), 0 0 30px rgba(198.3, 38.1, 76.8, 0.25), 0 0 20px rgba(198.3, 38.1, 76.8, 0.25), 0 0 10px rgba(198.3, 38.1, 76.8, 0.25), 0 0 18px rgba(198.3, 38.1, 76.8, 0.25);
}
.subathon-timer-overlay.default-red .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(198.3, 38.1, 76.8, 0.5), 0 0 15px rgba(198.3, 38.1, 76.8, 0.5), 0 0 18px rgba(198.3, 38.1, 76.8, 0.5), 0 0 30px rgba(198.3, 38.1, 76.8, 0.5), 0 0 20px rgba(198.3, 38.1, 76.8, 0.5), 0 0 10px rgba(198.3, 38.1, 76.8, 0.5), 0 0 18px rgba(198.3, 38.1, 76.8, 0.5);
}
.subathon-timer-overlay.default-red .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(198.3, 38.1, 76.8, 0.9), 0 0 15px rgba(198.3, 38.1, 76.8, 0.9), 0 0 18px rgba(198.3, 38.1, 76.8, 0.9), 0 0 30px rgba(198.3, 38.1, 76.8, 0.9), 0 0 20px rgba(198.3, 38.1, 76.8, 0.9), 0 0 10px rgba(198.3, 38.1, 76.8, 0.9), 0 0 18px rgba(198.3, 38.1, 76.8, 0.9);
}
.subathon-timer-overlay.default-red .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.default-red .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.default-red .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.default-red .inner-countdown span {
  -webkit-text-stroke: 4px rgba(154.4, 12, 46.4, 0.7);
}
.subathon-timer-overlay.dark-red {
  color: #911938;
}
.subathon-timer-overlay.dark-red .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(101.5, 17.5, 39.2, 0.2));
}
.subathon-timer-overlay.dark-red .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(155.1, 47.1, 75, 0.25), 0 0 15px rgba(155.1, 47.1, 75, 0.25), 0 0 18px rgba(155.1, 47.1, 75, 0.25), 0 0 30px rgba(155.1, 47.1, 75, 0.25), 0 0 20px rgba(155.1, 47.1, 75, 0.25), 0 0 10px rgba(155.1, 47.1, 75, 0.25), 0 0 18px rgba(155.1, 47.1, 75, 0.25);
}
.subathon-timer-overlay.dark-red .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(155.1, 47.1, 75, 0.5), 0 0 15px rgba(155.1, 47.1, 75, 0.5), 0 0 18px rgba(155.1, 47.1, 75, 0.5), 0 0 30px rgba(155.1, 47.1, 75, 0.5), 0 0 20px rgba(155.1, 47.1, 75, 0.5), 0 0 10px rgba(155.1, 47.1, 75, 0.5), 0 0 18px rgba(155.1, 47.1, 75, 0.5);
}
.subathon-timer-overlay.dark-red .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(155.1, 47.1, 75, 0.9), 0 0 15px rgba(155.1, 47.1, 75, 0.9), 0 0 18px rgba(155.1, 47.1, 75, 0.9), 0 0 30px rgba(155.1, 47.1, 75, 0.9), 0 0 20px rgba(155.1, 47.1, 75, 0.9), 0 0 10px rgba(155.1, 47.1, 75, 0.9), 0 0 18px rgba(155.1, 47.1, 75, 0.9);
}
.subathon-timer-overlay.dark-red .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.dark-red .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.dark-red .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.dark-red .inner-countdown span {
  -webkit-text-stroke: 4px rgba(116, 20, 44.8, 0.7);
}
.subathon-timer-overlay.light-purple {
  color: #8332a7;
}
.subathon-timer-overlay.light-purple .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(91.7, 35, 116.9, 0.2));
}
.subathon-timer-overlay.light-purple .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(142.5, 69.6, 174.9, 0.25), 0 0 15px rgba(142.5, 69.6, 174.9, 0.25), 0 0 18px rgba(142.5, 69.6, 174.9, 0.25), 0 0 30px rgba(142.5, 69.6, 174.9, 0.25), 0 0 20px rgba(142.5, 69.6, 174.9, 0.25), 0 0 10px rgba(142.5, 69.6, 174.9, 0.25), 0 0 18px rgba(142.5, 69.6, 174.9, 0.25);
}
.subathon-timer-overlay.light-purple .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(142.5, 69.6, 174.9, 0.5), 0 0 15px rgba(142.5, 69.6, 174.9, 0.5), 0 0 18px rgba(142.5, 69.6, 174.9, 0.5), 0 0 30px rgba(142.5, 69.6, 174.9, 0.5), 0 0 20px rgba(142.5, 69.6, 174.9, 0.5), 0 0 10px rgba(142.5, 69.6, 174.9, 0.5), 0 0 18px rgba(142.5, 69.6, 174.9, 0.5);
}
.subathon-timer-overlay.light-purple .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(142.5, 69.6, 174.9, 0.9), 0 0 15px rgba(142.5, 69.6, 174.9, 0.9), 0 0 18px rgba(142.5, 69.6, 174.9, 0.9), 0 0 30px rgba(142.5, 69.6, 174.9, 0.9), 0 0 20px rgba(142.5, 69.6, 174.9, 0.9), 0 0 10px rgba(142.5, 69.6, 174.9, 0.9), 0 0 18px rgba(142.5, 69.6, 174.9, 0.9);
}
.subathon-timer-overlay.light-purple .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.light-purple .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.light-purple .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.light-purple .inner-countdown span {
  -webkit-text-stroke: 4px rgba(104.8, 40, 133.6, 0.7);
}
.subathon-timer-overlay.dark-purple {
  color: #490e67;
}
.subathon-timer-overlay.dark-purple .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(51.1, 9.8, 72.1, 0.2));
}
.subathon-timer-overlay.dark-purple .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(90.3, 37.2, 117.3, 0.25), 0 0 15px rgba(90.3, 37.2, 117.3, 0.25), 0 0 18px rgba(90.3, 37.2, 117.3, 0.25), 0 0 30px rgba(90.3, 37.2, 117.3, 0.25), 0 0 20px rgba(90.3, 37.2, 117.3, 0.25), 0 0 10px rgba(90.3, 37.2, 117.3, 0.25), 0 0 18px rgba(90.3, 37.2, 117.3, 0.25);
}
.subathon-timer-overlay.dark-purple .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(90.3, 37.2, 117.3, 0.5), 0 0 15px rgba(90.3, 37.2, 117.3, 0.5), 0 0 18px rgba(90.3, 37.2, 117.3, 0.5), 0 0 30px rgba(90.3, 37.2, 117.3, 0.5), 0 0 20px rgba(90.3, 37.2, 117.3, 0.5), 0 0 10px rgba(90.3, 37.2, 117.3, 0.5), 0 0 18px rgba(90.3, 37.2, 117.3, 0.5);
}
.subathon-timer-overlay.dark-purple .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(90.3, 37.2, 117.3, 0.9), 0 0 15px rgba(90.3, 37.2, 117.3, 0.9), 0 0 18px rgba(90.3, 37.2, 117.3, 0.9), 0 0 30px rgba(90.3, 37.2, 117.3, 0.9), 0 0 20px rgba(90.3, 37.2, 117.3, 0.9), 0 0 10px rgba(90.3, 37.2, 117.3, 0.9), 0 0 18px rgba(90.3, 37.2, 117.3, 0.9);
}
.subathon-timer-overlay.dark-purple .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.dark-purple .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.dark-purple .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.dark-purple .inner-countdown span {
  -webkit-text-stroke: 4px rgba(58.4, 11.2, 82.4, 0.7);
}
.subathon-timer-overlay.light-blue {
  color: #135cb0;
}
.subathon-timer-overlay.light-blue .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(13.3, 64.4, 123.2, 0.2));
}
.subathon-timer-overlay.light-blue .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(41.7, 107.4, 183, 0.25), 0 0 15px rgba(41.7, 107.4, 183, 0.25), 0 0 18px rgba(41.7, 107.4, 183, 0.25), 0 0 30px rgba(41.7, 107.4, 183, 0.25), 0 0 20px rgba(41.7, 107.4, 183, 0.25), 0 0 10px rgba(41.7, 107.4, 183, 0.25), 0 0 18px rgba(41.7, 107.4, 183, 0.25);
}
.subathon-timer-overlay.light-blue .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(41.7, 107.4, 183, 0.5), 0 0 15px rgba(41.7, 107.4, 183, 0.5), 0 0 18px rgba(41.7, 107.4, 183, 0.5), 0 0 30px rgba(41.7, 107.4, 183, 0.5), 0 0 20px rgba(41.7, 107.4, 183, 0.5), 0 0 10px rgba(41.7, 107.4, 183, 0.5), 0 0 18px rgba(41.7, 107.4, 183, 0.5);
}
.subathon-timer-overlay.light-blue .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(41.7, 107.4, 183, 0.9), 0 0 15px rgba(41.7, 107.4, 183, 0.9), 0 0 18px rgba(41.7, 107.4, 183, 0.9), 0 0 30px rgba(41.7, 107.4, 183, 0.9), 0 0 20px rgba(41.7, 107.4, 183, 0.9), 0 0 10px rgba(41.7, 107.4, 183, 0.9), 0 0 18px rgba(41.7, 107.4, 183, 0.9);
}
.subathon-timer-overlay.light-blue .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.light-blue .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.light-blue .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.light-blue .inner-countdown span {
  -webkit-text-stroke: 4px rgba(15.2, 73.6, 140.8, 0.7);
}
.subathon-timer-overlay.dark-blue {
  color: #002856;
}
.subathon-timer-overlay.dark-blue .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(0, 28, 60.2, 0.2));
}
.subathon-timer-overlay.dark-blue .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(24.6, 60.6, 102, 0.25), 0 0 15px rgba(24.6, 60.6, 102, 0.25), 0 0 18px rgba(24.6, 60.6, 102, 0.25), 0 0 30px rgba(24.6, 60.6, 102, 0.25), 0 0 20px rgba(24.6, 60.6, 102, 0.25), 0 0 10px rgba(24.6, 60.6, 102, 0.25), 0 0 18px rgba(24.6, 60.6, 102, 0.25);
}
.subathon-timer-overlay.dark-blue .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(24.6, 60.6, 102, 0.5), 0 0 15px rgba(24.6, 60.6, 102, 0.5), 0 0 18px rgba(24.6, 60.6, 102, 0.5), 0 0 30px rgba(24.6, 60.6, 102, 0.5), 0 0 20px rgba(24.6, 60.6, 102, 0.5), 0 0 10px rgba(24.6, 60.6, 102, 0.5), 0 0 18px rgba(24.6, 60.6, 102, 0.5);
}
.subathon-timer-overlay.dark-blue .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(24.6, 60.6, 102, 0.9), 0 0 15px rgba(24.6, 60.6, 102, 0.9), 0 0 18px rgba(24.6, 60.6, 102, 0.9), 0 0 30px rgba(24.6, 60.6, 102, 0.9), 0 0 20px rgba(24.6, 60.6, 102, 0.9), 0 0 10px rgba(24.6, 60.6, 102, 0.9), 0 0 18px rgba(24.6, 60.6, 102, 0.9);
}
.subathon-timer-overlay.dark-blue .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.dark-blue .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.dark-blue .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.dark-blue .inner-countdown span {
  -webkit-text-stroke: 4px rgba(0, 32, 68.8, 0.7);
}
.subathon-timer-overlay.light-aqua {
  color: #64d0e4;
}
.subathon-timer-overlay.light-aqua .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(70, 145.6, 159.6, 0.2));
}
.subathon-timer-overlay.light-aqua .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(114.6, 211.8, 229.8, 0.25), 0 0 15px rgba(114.6, 211.8, 229.8, 0.25), 0 0 18px rgba(114.6, 211.8, 229.8, 0.25), 0 0 30px rgba(114.6, 211.8, 229.8, 0.25), 0 0 20px rgba(114.6, 211.8, 229.8, 0.25), 0 0 10px rgba(114.6, 211.8, 229.8, 0.25), 0 0 18px rgba(114.6, 211.8, 229.8, 0.25);
}
.subathon-timer-overlay.light-aqua .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(114.6, 211.8, 229.8, 0.5), 0 0 15px rgba(114.6, 211.8, 229.8, 0.5), 0 0 18px rgba(114.6, 211.8, 229.8, 0.5), 0 0 30px rgba(114.6, 211.8, 229.8, 0.5), 0 0 20px rgba(114.6, 211.8, 229.8, 0.5), 0 0 10px rgba(114.6, 211.8, 229.8, 0.5), 0 0 18px rgba(114.6, 211.8, 229.8, 0.5);
}
.subathon-timer-overlay.light-aqua .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(114.6, 211.8, 229.8, 0.9), 0 0 15px rgba(114.6, 211.8, 229.8, 0.9), 0 0 18px rgba(114.6, 211.8, 229.8, 0.9), 0 0 30px rgba(114.6, 211.8, 229.8, 0.9), 0 0 20px rgba(114.6, 211.8, 229.8, 0.9), 0 0 10px rgba(114.6, 211.8, 229.8, 0.9), 0 0 18px rgba(114.6, 211.8, 229.8, 0.9);
}
.subathon-timer-overlay.light-aqua .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.light-aqua .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.light-aqua .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.light-aqua .inner-countdown span {
  -webkit-text-stroke: 4px rgba(80, 166.4, 182.4, 0.7);
}
.subathon-timer-overlay.dark-aqua {
  color: #1eadc1;
}
.subathon-timer-overlay.dark-aqua .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(21, 121.1, 135.1, 0.2));
}
.subathon-timer-overlay.dark-aqua .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(51.6, 180.3, 198.3, 0.25), 0 0 15px rgba(51.6, 180.3, 198.3, 0.25), 0 0 18px rgba(51.6, 180.3, 198.3, 0.25), 0 0 30px rgba(51.6, 180.3, 198.3, 0.25), 0 0 20px rgba(51.6, 180.3, 198.3, 0.25), 0 0 10px rgba(51.6, 180.3, 198.3, 0.25), 0 0 18px rgba(51.6, 180.3, 198.3, 0.25);
}
.subathon-timer-overlay.dark-aqua .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(51.6, 180.3, 198.3, 0.5), 0 0 15px rgba(51.6, 180.3, 198.3, 0.5), 0 0 18px rgba(51.6, 180.3, 198.3, 0.5), 0 0 30px rgba(51.6, 180.3, 198.3, 0.5), 0 0 20px rgba(51.6, 180.3, 198.3, 0.5), 0 0 10px rgba(51.6, 180.3, 198.3, 0.5), 0 0 18px rgba(51.6, 180.3, 198.3, 0.5);
}
.subathon-timer-overlay.dark-aqua .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(51.6, 180.3, 198.3, 0.9), 0 0 15px rgba(51.6, 180.3, 198.3, 0.9), 0 0 18px rgba(51.6, 180.3, 198.3, 0.9), 0 0 30px rgba(51.6, 180.3, 198.3, 0.9), 0 0 20px rgba(51.6, 180.3, 198.3, 0.9), 0 0 10px rgba(51.6, 180.3, 198.3, 0.9), 0 0 18px rgba(51.6, 180.3, 198.3, 0.9);
}
.subathon-timer-overlay.dark-aqua .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.dark-aqua .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.dark-aqua .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.dark-aqua .inner-countdown span {
  -webkit-text-stroke: 4px rgba(24, 138.4, 154.4, 0.7);
}
.subathon-timer-overlay.light-green {
  color: #c0da07;
}
.subathon-timer-overlay.light-green .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(134.4, 152.6, 4.9, 0.2));
}
.subathon-timer-overlay.light-green .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(197.4, 220.8, 30.9, 0.25), 0 0 15px rgba(197.4, 220.8, 30.9, 0.25), 0 0 18px rgba(197.4, 220.8, 30.9, 0.25), 0 0 30px rgba(197.4, 220.8, 30.9, 0.25), 0 0 20px rgba(197.4, 220.8, 30.9, 0.25), 0 0 10px rgba(197.4, 220.8, 30.9, 0.25), 0 0 18px rgba(197.4, 220.8, 30.9, 0.25);
}
.subathon-timer-overlay.light-green .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(197.4, 220.8, 30.9, 0.5), 0 0 15px rgba(197.4, 220.8, 30.9, 0.5), 0 0 18px rgba(197.4, 220.8, 30.9, 0.5), 0 0 30px rgba(197.4, 220.8, 30.9, 0.5), 0 0 20px rgba(197.4, 220.8, 30.9, 0.5), 0 0 10px rgba(197.4, 220.8, 30.9, 0.5), 0 0 18px rgba(197.4, 220.8, 30.9, 0.5);
}
.subathon-timer-overlay.light-green .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(197.4, 220.8, 30.9, 0.9), 0 0 15px rgba(197.4, 220.8, 30.9, 0.9), 0 0 18px rgba(197.4, 220.8, 30.9, 0.9), 0 0 30px rgba(197.4, 220.8, 30.9, 0.9), 0 0 20px rgba(197.4, 220.8, 30.9, 0.9), 0 0 10px rgba(197.4, 220.8, 30.9, 0.9), 0 0 18px rgba(197.4, 220.8, 30.9, 0.9);
}
.subathon-timer-overlay.light-green .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.light-green .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.light-green .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.light-green .inner-countdown span {
  -webkit-text-stroke: 4px rgba(153.6, 174.4, 5.6, 0.7);
}
.subathon-timer-overlay.dark-green {
  color: rgb(117, 188, 33);
}
.subathon-timer-overlay.dark-green .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(81.9, 131.6, 23.1, 0.2));
}
.subathon-timer-overlay.dark-green .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(129.9, 193.8, 54.3, 0.25), 0 0 15px rgba(129.9, 193.8, 54.3, 0.25), 0 0 18px rgba(129.9, 193.8, 54.3, 0.25), 0 0 30px rgba(129.9, 193.8, 54.3, 0.25), 0 0 20px rgba(129.9, 193.8, 54.3, 0.25), 0 0 10px rgba(129.9, 193.8, 54.3, 0.25), 0 0 18px rgba(129.9, 193.8, 54.3, 0.25);
}
.subathon-timer-overlay.dark-green .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(129.9, 193.8, 54.3, 0.5), 0 0 15px rgba(129.9, 193.8, 54.3, 0.5), 0 0 18px rgba(129.9, 193.8, 54.3, 0.5), 0 0 30px rgba(129.9, 193.8, 54.3, 0.5), 0 0 20px rgba(129.9, 193.8, 54.3, 0.5), 0 0 10px rgba(129.9, 193.8, 54.3, 0.5), 0 0 18px rgba(129.9, 193.8, 54.3, 0.5);
}
.subathon-timer-overlay.dark-green .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(129.9, 193.8, 54.3, 0.9), 0 0 15px rgba(129.9, 193.8, 54.3, 0.9), 0 0 18px rgba(129.9, 193.8, 54.3, 0.9), 0 0 30px rgba(129.9, 193.8, 54.3, 0.9), 0 0 20px rgba(129.9, 193.8, 54.3, 0.9), 0 0 10px rgba(129.9, 193.8, 54.3, 0.9), 0 0 18px rgba(129.9, 193.8, 54.3, 0.9);
}
.subathon-timer-overlay.dark-green .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.dark-green .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.dark-green .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.dark-green .inner-countdown span {
  -webkit-text-stroke: 4px rgba(93.6, 150.4, 26.4, 0.7);
}
.subathon-timer-overlay.light-yellow {
  color: #ffc32c;
}
.subathon-timer-overlay.light-yellow .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(178.5, 136.5, 30.8, 0.2));
}
.subathon-timer-overlay.light-yellow .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(254.1, 200.1, 64.2, 0.25), 0 0 15px rgba(254.1, 200.1, 64.2, 0.25), 0 0 18px rgba(254.1, 200.1, 64.2, 0.25), 0 0 30px rgba(254.1, 200.1, 64.2, 0.25), 0 0 20px rgba(254.1, 200.1, 64.2, 0.25), 0 0 10px rgba(254.1, 200.1, 64.2, 0.25), 0 0 18px rgba(254.1, 200.1, 64.2, 0.25);
}
.subathon-timer-overlay.light-yellow .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(254.1, 200.1, 64.2, 0.5), 0 0 15px rgba(254.1, 200.1, 64.2, 0.5), 0 0 18px rgba(254.1, 200.1, 64.2, 0.5), 0 0 30px rgba(254.1, 200.1, 64.2, 0.5), 0 0 20px rgba(254.1, 200.1, 64.2, 0.5), 0 0 10px rgba(254.1, 200.1, 64.2, 0.5), 0 0 18px rgba(254.1, 200.1, 64.2, 0.5);
}
.subathon-timer-overlay.light-yellow .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(254.1, 200.1, 64.2, 0.9), 0 0 15px rgba(254.1, 200.1, 64.2, 0.9), 0 0 18px rgba(254.1, 200.1, 64.2, 0.9), 0 0 30px rgba(254.1, 200.1, 64.2, 0.9), 0 0 20px rgba(254.1, 200.1, 64.2, 0.9), 0 0 10px rgba(254.1, 200.1, 64.2, 0.9), 0 0 18px rgba(254.1, 200.1, 64.2, 0.9);
}
.subathon-timer-overlay.light-yellow .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.light-yellow .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.light-yellow .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.light-yellow .inner-countdown span {
  -webkit-text-stroke: 4px rgba(204, 156, 35.2, 0.7);
}
.subathon-timer-overlay.dark-yellow {
  color: #ffb125;
}
.subathon-timer-overlay.dark-yellow .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(178.5, 123.9, 25.9, 0.2));
}
.subathon-timer-overlay.dark-yellow .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(254.1, 183.9, 57.9, 0.25), 0 0 15px rgba(254.1, 183.9, 57.9, 0.25), 0 0 18px rgba(254.1, 183.9, 57.9, 0.25), 0 0 30px rgba(254.1, 183.9, 57.9, 0.25), 0 0 20px rgba(254.1, 183.9, 57.9, 0.25), 0 0 10px rgba(254.1, 183.9, 57.9, 0.25), 0 0 18px rgba(254.1, 183.9, 57.9, 0.25);
}
.subathon-timer-overlay.dark-yellow .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(254.1, 183.9, 57.9, 0.5), 0 0 15px rgba(254.1, 183.9, 57.9, 0.5), 0 0 18px rgba(254.1, 183.9, 57.9, 0.5), 0 0 30px rgba(254.1, 183.9, 57.9, 0.5), 0 0 20px rgba(254.1, 183.9, 57.9, 0.5), 0 0 10px rgba(254.1, 183.9, 57.9, 0.5), 0 0 18px rgba(254.1, 183.9, 57.9, 0.5);
}
.subathon-timer-overlay.dark-yellow .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(254.1, 183.9, 57.9, 0.9), 0 0 15px rgba(254.1, 183.9, 57.9, 0.9), 0 0 18px rgba(254.1, 183.9, 57.9, 0.9), 0 0 30px rgba(254.1, 183.9, 57.9, 0.9), 0 0 20px rgba(254.1, 183.9, 57.9, 0.9), 0 0 10px rgba(254.1, 183.9, 57.9, 0.9), 0 0 18px rgba(254.1, 183.9, 57.9, 0.9);
}
.subathon-timer-overlay.dark-yellow .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.dark-yellow .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.dark-yellow .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.dark-yellow .inner-countdown span {
  -webkit-text-stroke: 4px rgba(204, 141.6, 29.6, 0.7);
}
.subathon-timer-overlay.medium-grey {
  color: #ccc;
}
.subathon-timer-overlay.medium-grey .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(142.8, 142.8, 142.8, 0.2));
}
.subathon-timer-overlay.medium-grey .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(208.2, 208.2, 208.2, 0.25), 0 0 15px rgba(208.2, 208.2, 208.2, 0.25), 0 0 18px rgba(208.2, 208.2, 208.2, 0.25), 0 0 30px rgba(208.2, 208.2, 208.2, 0.25), 0 0 20px rgba(208.2, 208.2, 208.2, 0.25), 0 0 10px rgba(208.2, 208.2, 208.2, 0.25), 0 0 18px rgba(208.2, 208.2, 208.2, 0.25);
}
.subathon-timer-overlay.medium-grey .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(208.2, 208.2, 208.2, 0.5), 0 0 15px rgba(208.2, 208.2, 208.2, 0.5), 0 0 18px rgba(208.2, 208.2, 208.2, 0.5), 0 0 30px rgba(208.2, 208.2, 208.2, 0.5), 0 0 20px rgba(208.2, 208.2, 208.2, 0.5), 0 0 10px rgba(208.2, 208.2, 208.2, 0.5), 0 0 18px rgba(208.2, 208.2, 208.2, 0.5);
}
.subathon-timer-overlay.medium-grey .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(208.2, 208.2, 208.2, 0.9), 0 0 15px rgba(208.2, 208.2, 208.2, 0.9), 0 0 18px rgba(208.2, 208.2, 208.2, 0.9), 0 0 30px rgba(208.2, 208.2, 208.2, 0.9), 0 0 20px rgba(208.2, 208.2, 208.2, 0.9), 0 0 10px rgba(208.2, 208.2, 208.2, 0.9), 0 0 18px rgba(208.2, 208.2, 208.2, 0.9);
}
.subathon-timer-overlay.medium-grey .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.medium-grey .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.medium-grey .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.medium-grey .inner-countdown span {
  -webkit-text-stroke: 4px rgba(163.2, 163.2, 163.2, 0.7);
}
.subathon-timer-overlay.light-grey {
  color: #f5f5f5;
}
.subathon-timer-overlay.light-grey .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(171.5, 171.5, 171.5, 0.2));
}
.subathon-timer-overlay.light-grey .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(245.1, 245.1, 245.1, 0.25), 0 0 15px rgba(245.1, 245.1, 245.1, 0.25), 0 0 18px rgba(245.1, 245.1, 245.1, 0.25), 0 0 30px rgba(245.1, 245.1, 245.1, 0.25), 0 0 20px rgba(245.1, 245.1, 245.1, 0.25), 0 0 10px rgba(245.1, 245.1, 245.1, 0.25), 0 0 18px rgba(245.1, 245.1, 245.1, 0.25);
}
.subathon-timer-overlay.light-grey .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(245.1, 245.1, 245.1, 0.5), 0 0 15px rgba(245.1, 245.1, 245.1, 0.5), 0 0 18px rgba(245.1, 245.1, 245.1, 0.5), 0 0 30px rgba(245.1, 245.1, 245.1, 0.5), 0 0 20px rgba(245.1, 245.1, 245.1, 0.5), 0 0 10px rgba(245.1, 245.1, 245.1, 0.5), 0 0 18px rgba(245.1, 245.1, 245.1, 0.5);
}
.subathon-timer-overlay.light-grey .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(245.1, 245.1, 245.1, 0.9), 0 0 15px rgba(245.1, 245.1, 245.1, 0.9), 0 0 18px rgba(245.1, 245.1, 245.1, 0.9), 0 0 30px rgba(245.1, 245.1, 245.1, 0.9), 0 0 20px rgba(245.1, 245.1, 245.1, 0.9), 0 0 10px rgba(245.1, 245.1, 245.1, 0.9), 0 0 18px rgba(245.1, 245.1, 245.1, 0.9);
}
.subathon-timer-overlay.light-grey .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.light-grey .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.light-grey .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.light-grey .inner-countdown span {
  -webkit-text-stroke: 4px rgba(196, 196, 196, 0.7);
}
.subathon-timer-overlay.dark-grey {
  color: #4e535a;
}
.subathon-timer-overlay.dark-grey .subathon__countdown {
  filter: drop-shadow(0px 0px 25px rgba(54.6, 58.1, 63, 0.2));
}
.subathon-timer-overlay.dark-grey .inner-countdown.glow.glow-match.glow-low span {
  text-shadow: 0 0 5px rgba(94.8, 99.3, 105.6, 0.25), 0 0 15px rgba(94.8, 99.3, 105.6, 0.25), 0 0 18px rgba(94.8, 99.3, 105.6, 0.25), 0 0 30px rgba(94.8, 99.3, 105.6, 0.25), 0 0 20px rgba(94.8, 99.3, 105.6, 0.25), 0 0 10px rgba(94.8, 99.3, 105.6, 0.25), 0 0 18px rgba(94.8, 99.3, 105.6, 0.25);
}
.subathon-timer-overlay.dark-grey .inner-countdown.glow.glow-match.glow-normal span {
  text-shadow: 0 0 5px rgba(94.8, 99.3, 105.6, 0.5), 0 0 15px rgba(94.8, 99.3, 105.6, 0.5), 0 0 18px rgba(94.8, 99.3, 105.6, 0.5), 0 0 30px rgba(94.8, 99.3, 105.6, 0.5), 0 0 20px rgba(94.8, 99.3, 105.6, 0.5), 0 0 10px rgba(94.8, 99.3, 105.6, 0.5), 0 0 18px rgba(94.8, 99.3, 105.6, 0.5);
}
.subathon-timer-overlay.dark-grey .inner-countdown.glow.glow-match.glow-high span {
  text-shadow: 0 0 5px rgba(94.8, 99.3, 105.6, 0.9), 0 0 15px rgba(94.8, 99.3, 105.6, 0.9), 0 0 18px rgba(94.8, 99.3, 105.6, 0.9), 0 0 30px rgba(94.8, 99.3, 105.6, 0.9), 0 0 20px rgba(94.8, 99.3, 105.6, 0.9), 0 0 10px rgba(94.8, 99.3, 105.6, 0.9), 0 0 18px rgba(94.8, 99.3, 105.6, 0.9);
}
.subathon-timer-overlay.dark-grey .inner-countdown.glow.glow-golden.glow-low span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.2), 0 0 15px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2), 0 0 30px rgba(255, 220, 144, 0.2), 0 0 20px rgba(255, 220, 144, 0.2), 0 0 10px rgba(255, 220, 144, 0.2), 0 0 18px rgba(255, 220, 144, 0.2);
}
.subathon-timer-overlay.dark-grey .inner-countdown.glow.glow-golden.glow-normal span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.4), 0 0 15px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4), 0 0 30px rgba(255, 220, 144, 0.4), 0 0 20px rgba(255, 220, 144, 0.4), 0 0 10px rgba(255, 220, 144, 0.4), 0 0 18px rgba(255, 220, 144, 0.4);
}
.subathon-timer-overlay.dark-grey .inner-countdown.glow.glow-golden.glow-high span {
  text-shadow: 0 0 5px rgba(255, 220, 144, 0.6), 0 0 15px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6), 0 0 30px rgba(255, 220, 144, 0.6), 0 0 20px rgba(255, 220, 144, 0.6), 0 0 10px rgba(255, 220, 144, 0.6), 0 0 18px rgba(255, 220, 144, 0.6);
}
.subathon-timer-overlay.dark-grey .inner-countdown span {
  -webkit-text-stroke: 4px rgba(62.4, 66.4, 72, 0.7);
}
.subathon-timer-overlay .inner-wrapper {
  position: relative;
  margin-top: 35px;
  padding-top: 25px;
  padding-bottom: 110px;
  padding-left: 5px;
}
.subathon-timer-overlay .donation {
  height: 30px;
  width: 315px;
  display: flex;
  position: absolute;
  top: 20px;
  background: rgba(0, 0, 0, 0);
  border-radius: 25px;
  z-index: 20;
  justify-content: center;
  align-items: center;
}
.subathon-timer-overlay .donation .donation-name-amount {
  flex: 1;
  margin-left: 18px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 22px;
  padding-left: 10px;
  padding-right: 10px;
}
.subathon-timer-overlay .donation .donation-name-amount__positive {
  background-color: rgb(117, 188, 33);
  box-shadow: 0 0 8px 2px rgba(117, 188, 33, 0.5);
}
.subathon-timer-overlay .donation .donation-name-amount__negative {
  background-color: #c10f3a;
  box-shadow: 0 0 8px 2px rgba(193, 15, 58, 0.5);
}
.subathon-timer-overlay .donation .donation-name-amount .donation-separator {
  margin-left: 5px;
  margin-right: 5px;
}
.subathon-timer-overlay .subathon__countdown {
  font-size: 100px;
  font-weight: bolder;
  position: relative;
  width: 350px;
  text-align: center;
  border-radius: 14px;
  padding-bottom: 8px;
  filter: drop-shadow(0px 0px 22px rgba(0, 0, 0, 0.75));
}
.subathon-timer-overlay .subathon__countdown .positive-change,
.subathon-timer-overlay .subathon__countdown .negative-change {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  display: flex;
  width: 300px;
  justify-content: center;
  align-items: center;
}
.subathon-timer-overlay .subathon__countdown .positive-change span,
.subathon-timer-overlay .subathon__countdown .negative-change span {
  border-radius: 5px;
  display: block;
  flex: 1;
  text-align: center;
  z-index: 30;
}
.subathon-timer-overlay .subathon__countdown .positive-change {
  color: #c0da07;
}
.subathon-timer-overlay .subathon__countdown .positive-change span {
  background: linear-gradient(0deg, rgba(192, 218, 7, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
}
.subathon-timer-overlay .subathon__countdown .negative-change {
  color: rgb(203.6, 61.2, 95.6);
}
.subathon-timer-overlay .subathon__countdown .negative-change span {
  text-shadow: 0 0 5px rgba(116, 20, 44.8, 0.95);
  background: linear-gradient(0deg, rgba(145, 25, 56, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.subathon-timer-overlay .subathon__countdown .inner-countdown {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 130px;
  z-index: 5;
  margin-bottom: 8px;
}
.subathon-timer-overlay .subathon__countdown .inner-countdown span {
  font-weight: bolder;
  display: block;
  width: 62px;
  z-index: 0;
  transition: color 250ms ease-in-out;
}
.subathon-timer-overlay .subathon__countdown .inner-countdown .time-separator {
  width: 40px;
  margin-bottom: 10px;
  margin-left: 3px;
}
.subathon-timer-overlay .overlay-align-left .donation {
  left: 20px;
}
.subathon-timer-overlay .overlay-align-left .timer-waiting {
  justify-content: start;
}
.subathon-timer-overlay .overlay-align-left .subathon__countdown {
  margin-left: 0;
  margin-right: auto;
}
.subathon-timer-overlay .overlay-align-right .donation {
  right: 20px;
}
.subathon-timer-overlay .overlay-align-right .donation .donation-name-amount {
  text-align: left;
}
.subathon-timer-overlay .overlay-align-right .timer-waiting {
  justify-content: center;
}
.subathon-timer-overlay .overlay-align-right .subathon__countdown {
  margin-left: auto;
  margin-right: 0;
}
.subathon-timer-overlay .donation-effect {
  color: white !important;
  border-radius: 22px;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1em;
  margin-right: 1em;
  height: 27px;
}
.subathon-timer-overlay .donation-effect__positive {
  background-color: rgb(117, 188, 33);
  box-shadow: 0 0 8px 2px rgba(117, 188, 33, 0.5);
}
.subathon-timer-overlay .donation-effect__negative {
  background-color: #c10f3a;
  box-shadow: 0 0 8px 2px rgba(193, 15, 58, 0.5);
}
@keyframes timer-ending {
  0% {
    opacity: 100%;
  }
  50.0% {
    opacity: 55%;
  }
  100.0% {
    opacity: 100%;
  }
}
.subathon-timer-overlay .timer-ending {
  animation-name: timer-ending;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-play-state: running;
}/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.previous_totals_wrapper {
  width: 100%;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.previous_totals_wrapper .previous_totals {
  border-radius: 10px;
  width: 600px;
}
.previous_totals_wrapper .previous_totals ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.previous_totals_wrapper .previous_totals ul li {
  font-size: 25px;
  width: 100%;
  margin: 3px 0;
  color: #fff;
  padding: 5px 15px;
  list-style-type: none;
  line-height: 1;
  display: flex;
  justify-items: center;
}
.previous_totals_wrapper .previous_totals ul li.no-previous {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
.previous_totals_wrapper .previous_totals ul li div {
  margin-right: 0.5rem;
  border-radius: 0.2rem;
}
.previous_totals_wrapper .previous_totals ul li div span {
  padding: 0.2rem 0.8rem;
  display: block;
}
.previous_totals_wrapper .previous_totals ul li .title {
  padding: 0.5rem 1rem;
  font-weight: 800;
}
.previous_totals_wrapper .previous_totals ul li .title.default-red {
  background: linear-gradient(#c10f3a, rgb(115.8, 9, 34.8));
}
.previous_totals_wrapper .previous_totals ul li .title.dark-red {
  background: linear-gradient(#911938, rgb(87, 15, 33.6));
}
.previous_totals_wrapper .previous_totals ul li .title.light-purple {
  background: linear-gradient(#8332a7, rgb(78.6, 30, 100.2));
}
.previous_totals_wrapper .previous_totals ul li .title.dark-purple {
  background: linear-gradient(#490e67, rgb(43.8, 8.4, 61.8));
}
.previous_totals_wrapper .previous_totals ul li .title.light-blue {
  background: linear-gradient(#135cb0, rgb(11.4, 55.2, 105.6));
}
.previous_totals_wrapper .previous_totals ul li .title.dark-blue {
  background: linear-gradient(#002856, rgb(0, 24, 51.6));
}
.previous_totals_wrapper .previous_totals ul li .title.light-aqua {
  background: linear-gradient(#64d0e4, rgb(60, 124.8, 136.8));
}
.previous_totals_wrapper .previous_totals ul li .title.dark-aqua {
  background: linear-gradient(#1eadc1, rgb(18, 103.8, 115.8));
}
.previous_totals_wrapper .previous_totals ul li .title.light-green {
  background: linear-gradient(#c0da07, rgb(115.2, 130.8, 4.2));
}
.previous_totals_wrapper .previous_totals ul li .title.dark-green {
  background: linear-gradient(rgb(117, 188, 33), rgb(70.2, 112.8, 19.8));
}
.previous_totals_wrapper .previous_totals ul li .title.light-yellow {
  background: linear-gradient(#ffc32c, rgb(153, 117, 26.4));
}
.previous_totals_wrapper .previous_totals ul li .title.dark-yellow {
  background: linear-gradient(#ffb125, rgb(153, 106.2, 22.2));
}
.previous_totals_wrapper .previous_totals ul li .title.medium-grey {
  background: linear-gradient(#ccc, rgb(122.4, 122.4, 122.4));
}
.previous_totals_wrapper .previous_totals ul li .title.light-grey {
  background: linear-gradient(#f5f5f5, #939393);
}
.previous_totals_wrapper .previous_totals ul li .title.dark-grey {
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
}
.previous_totals_wrapper .previous_totals ul li .year-container {
  font-size: 1.333rem;
  line-height: 2.25rem;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
}
.previous_totals_wrapper .previous_totals ul li .year-container span {
  font-weight: 800;
}
.previous_totals_wrapper .previous_totals ul li .total-container {
  font-size: 1.333rem;
  line-height: 2.25rem;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
}
.previous_totals_wrapper .previous_totals ul li .total-container.default-red {
  background: linear-gradient(#c10f3a, rgb(115.8, 9, 34.8));
}
.previous_totals_wrapper .previous_totals ul li .total-container.dark-red {
  background: linear-gradient(#911938, rgb(87, 15, 33.6));
}
.previous_totals_wrapper .previous_totals ul li .total-container.light-purple {
  background: linear-gradient(#8332a7, rgb(78.6, 30, 100.2));
}
.previous_totals_wrapper .previous_totals ul li .total-container.dark-purple {
  background: linear-gradient(#490e67, rgb(43.8, 8.4, 61.8));
}
.previous_totals_wrapper .previous_totals ul li .total-container.light-blue {
  background: linear-gradient(#135cb0, rgb(11.4, 55.2, 105.6));
}
.previous_totals_wrapper .previous_totals ul li .total-container.dark-blue {
  background: linear-gradient(#002856, rgb(0, 24, 51.6));
}
.previous_totals_wrapper .previous_totals ul li .total-container.light-aqua {
  background: linear-gradient(#64d0e4, rgb(60, 124.8, 136.8));
}
.previous_totals_wrapper .previous_totals ul li .total-container.dark-aqua {
  background: linear-gradient(#1eadc1, rgb(18, 103.8, 115.8));
}
.previous_totals_wrapper .previous_totals ul li .total-container.light-green {
  background: linear-gradient(#c0da07, rgb(115.2, 130.8, 4.2));
}
.previous_totals_wrapper .previous_totals ul li .total-container.dark-green {
  background: linear-gradient(rgb(117, 188, 33), rgb(70.2, 112.8, 19.8));
}
.previous_totals_wrapper .previous_totals ul li .total-container.light-yellow {
  background: linear-gradient(#ffc32c, rgb(153, 117, 26.4));
}
.previous_totals_wrapper .previous_totals ul li .total-container.dark-yellow {
  background: linear-gradient(#ffb125, rgb(153, 106.2, 22.2));
}
.previous_totals_wrapper .previous_totals ul li .total-container.medium-grey {
  background: linear-gradient(#ccc, rgb(122.4, 122.4, 122.4));
}
.previous_totals_wrapper .previous_totals ul li .total-container.light-grey {
  background: linear-gradient(#f5f5f5, #939393);
}
.previous_totals_wrapper .previous_totals ul li .total-container.dark-grey {
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
}
.previous_totals_wrapper .previous_totals ul li .total-container span {
  font-weight: 800;
}
.previous_totals_wrapper .previous_totals ul li .name-container {
  font-size: 1.333rem;
  line-height: 2.25rem;
  width: 100%;
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.previous_totals_wrapper .previous_totals ul li .name-container.default-red {
  background: linear-gradient(#c10f3a, rgb(115.8, 9, 34.8));
}
.previous_totals_wrapper .previous_totals ul li .name-container.dark-red {
  background: linear-gradient(#911938, rgb(87, 15, 33.6));
}
.previous_totals_wrapper .previous_totals ul li .name-container.light-purple {
  background: linear-gradient(#8332a7, rgb(78.6, 30, 100.2));
}
.previous_totals_wrapper .previous_totals ul li .name-container.dark-purple {
  background: linear-gradient(#490e67, rgb(43.8, 8.4, 61.8));
}
.previous_totals_wrapper .previous_totals ul li .name-container.light-blue {
  background: linear-gradient(#135cb0, rgb(11.4, 55.2, 105.6));
}
.previous_totals_wrapper .previous_totals ul li .name-container.dark-blue {
  background: linear-gradient(#002856, rgb(0, 24, 51.6));
}
.previous_totals_wrapper .previous_totals ul li .name-container.light-aqua {
  background: linear-gradient(#64d0e4, rgb(60, 124.8, 136.8));
}
.previous_totals_wrapper .previous_totals ul li .name-container.dark-aqua {
  background: linear-gradient(#1eadc1, rgb(18, 103.8, 115.8));
}
.previous_totals_wrapper .previous_totals ul li .name-container.light-green {
  background: linear-gradient(#c0da07, rgb(115.2, 130.8, 4.2));
}
.previous_totals_wrapper .previous_totals ul li .name-container.dark-green {
  background: linear-gradient(rgb(117, 188, 33), rgb(70.2, 112.8, 19.8));
}
.previous_totals_wrapper .previous_totals ul li .name-container.light-yellow {
  background: linear-gradient(#ffc32c, rgb(153, 117, 26.4));
}
.previous_totals_wrapper .previous_totals ul li .name-container.dark-yellow {
  background: linear-gradient(#ffb125, rgb(153, 106.2, 22.2));
}
.previous_totals_wrapper .previous_totals ul li .name-container.medium-grey {
  background: linear-gradient(#ccc, rgb(122.4, 122.4, 122.4));
}
.previous_totals_wrapper .previous_totals ul li .name-container.light-grey {
  background: linear-gradient(#f5f5f5, #939393);
}
.previous_totals_wrapper .previous_totals ul li .name-container.dark-grey {
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
}
.previous_totals_wrapper .previous_totals ul li .name-container .slide-wrapper {
  width: 95%;
  overflow: hidden;
  transform: skewX(0);
  margin: 0;
}
.previous_totals_wrapper .previous_totals ul li .name-container span {
  display: block;
  white-space: nowrap;
}
.previous_totals_wrapper .previous_totals.slanted div.year-container, .previous_totals_wrapper .previous_totals.slanted div.total-container, .previous_totals_wrapper .previous_totals.slanted div.name-container, .previous_totals_wrapper .previous_totals.slanted div.title {
  transform: skewX(-10deg);
}
.previous_totals_wrapper .previous_totals.slanted div span {
  transform: skewX(10deg);
}
.previous_totals_wrapper .previous_totals.rounded div {
  border-radius: 2rem;
}/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
@font-face {
  font-family: GCX;
  src: url("/assets/HyliaSerifBeta-Regular-CZ8aQLyA.otf");
}
/* GCX-2024 */
@font-face {
  font-family: GCX-2024;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
.gcx-alert {
  width: 100%;
  position: relative;
  animation: fadeOut 0.5s linear 10.1s 1 forwards;
}
.gcx-alert .video-wrapper {
  height: 500px;
  overflow: hidden;
  position: absolute;
  width: 800px;
  z-index: 0;
}
.gcx-alert .video-wrapper video {
  position: absolute;
  height: auto;
  width: 800px;
  min-height: 300px;
}
.gcx-alert .video-wrapper audio,
.gcx-alert .video-wrapper canvas,
.gcx-alert .video-wrapper video {
  display: inline-block;
}
.gcx-alert .alert-text-wrapper {
  width: 800px;
  height: 450px;
  font-style: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 9999;
  position: relative;
  opacity: 0;
  animation: fadeIn 0.5s linear 0.8s 1 forwards, fadeOut 0.5s linear 9.3s 1 forwards;
}
.gcx-alert .alert-text-wrapper p {
  margin: 0;
  padding: 0;
}
.gcx-alert .alert-text-wrapper .name {
  font-family: "Forza-Bold", sans-serif;
  margin-top: 1.3rem;
  height: 25px;
  text-align: center;
  line-height: 1em;
}
.gcx-alert .alert-text-wrapper .name span {
  font-weight: 700;
  font-size: 1.5rem;
  color: #fff;
  text-shadow: 1px 1px 3px #fe48f7;
}
.gcx-alert .amount {
  font-family: "Forza-Medium", sans-serif;
  text-align: center;
  line-height: 1em;
  height: 20px;
}
.gcx-alert .amount span {
  color: #fff;
  text-shadow: 1px 1px 3px #fe48f7;
}
.gcx-alert img {
  width: 305px;
  position: absolute;
  top: 79px;
  left: 70px;
  z-index: -1;
}

.gcx-alert-giant .video-wrapper {
  height: 1080px;
  width: 1920px;
}
.gcx-alert-giant .video-wrapper video {
  width: 1920px;
}
.gcx-alert-giant .alert-text-wrapper {
  width: 1920px;
  height: 1080px;
  animation: fadeIn 0.5s linear 3.4s 1 forwards, fadeOut 0.5s linear 9.3s 1 forwards;
}
.gcx-alert-giant .alert-text-wrapper .name {
  font-family: "Forza-Bold", sans-serif;
  margin-top: 4em;
  height: 75px;
}
.gcx-alert-giant .alert-text-wrapper .name span {
  font-size: 5.5rem;
}
.gcx-alert-giant .amount span {
  margin-top: 3em;
  font-size: 3.5rem;
  height: 24px;
}

.gcx-alert-test {
  width: 100%;
  position: relative;
}
.gcx-alert-test.grey {
  animation: fadeOut 0.5s linear 5s 1 forwards;
}
.gcx-alert-test.bronze {
  animation: fadeOut 0.5s linear 6s 1 forwards;
}
.gcx-alert-test.silver {
  animation: fadeOut 0.5s linear 7s 1 forwards;
}
.gcx-alert-test.gold {
  animation: fadeOut 0.5s linear 8s 1 forwards;
}
.gcx-alert-test.platinum {
  animation: fadeOut 0.5s linear 9s 1 forwards;
}
.gcx-alert-test .video-wrapper {
  height: 300px;
  overflow: hidden;
  position: absolute;
  width: 450px;
  z-index: 0;
}
.gcx-alert-test .video-wrapper video {
  position: absolute;
  height: auto;
  width: 450px;
  min-height: 300px;
}
.gcx-alert-test .video-wrapper audio,
.gcx-alert-test .video-wrapper canvas,
.gcx-alert-test .video-wrapper video {
  display: inline-block;
}
.gcx-alert-test .alert-text-wrapper {
  width: 450px;
  height: 300px;
  font-family: GCX, monospace;
  opacity: 0;
  animation: fadeIn 0.1s linear 0.8s 1 forwards, fadeOut 0.5s linear 9.7s 1 forwards;
}
.gcx-alert-test .alert-text-wrapper p {
  margin: 0;
  padding: 0;
}
.gcx-alert-test .alert-text-wrapper .name {
  position: absolute;
  top: 48%;
  width: 450px;
  text-align: center;
}
.gcx-alert-test .alert-text-wrapper .name span {
  font-weight: 800;
  font-size: 1.5rem;
  color: #a57855;
}
.gcx-alert-test .alert-text-wrapper-giant {
  display: flex;
  width: 100%;
  height: 100%;
  font-family: GCX, monospace;
  opacity: 0;
  animation: fadeIn 0.1s linear 0.8s 1 forwards, fadeOut 0.5s linear 9.7s 1 forwards;
}
.gcx-alert-test .alert-text-wrapper-giant p {
  margin: 0;
  padding: 0;
}
.gcx-alert-test .alert-text-wrapper-giant .name {
  position: absolute;
  top: 48%;
  width: 450px;
  text-align: center;
}
.gcx-alert-test .alert-text-wrapper-giant .name span {
  font-weight: 800;
  font-size: 1.5rem;
  color: #a57855;
}
.gcx-alert-test .amount {
  position: absolute;
  top: 63%;
  width: 450px;
  text-align: center;
}
.gcx-alert-test .amount span {
  color: #fff;
  text-shadow: 1px 1px 3px #040404;
}
.gcx-alert-test img {
  width: 305px;
  position: absolute;
  top: 79px;
  left: 70px;
  z-index: -1;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
@font-face {
  font-family: GCX;
  src: url("/assets/HyliaSerifBeta-Regular-CZ8aQLyA.otf");
}
/* GCX-2024 */
@font-face {
  font-family: GCX-2024;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
.gcx-leaderboard {
  letter-spacing: 0.1rem;
  width: 350px;
  height: 525px;
}
.gcx-leaderboard .fifty {
  overflow: hidden;
  position: relative;
  height: 436px;
}
.gcx-leaderboard .fifty .top {
  display: block;
}
.gcx-leaderboard .fifty .top:nth-child(5) {
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #fff;
}
.gcx-leaderboard .fifty .section {
  font-size: 1rem;
  height: 167px;
  width: 334px;
  position: absolute;
  top: 230px;
  opacity: 0;
}
.gcx-leaderboard .fifty .section.active {
  animation: fadeInOut 20s ease-in-out infinite;
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  10%, 90% {
    opacity: 100%;
  }
  100% {
    opacity: 0;
  }
}
.gcx-leaderboard .fifty .section li {
  font-size: 1rem;
  list-style: none;
}
.gcx-leaderboard .fifty .section li.big .name {
  margin-left: 8px;
}
.gcx-leaderboard h1 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  font-family: "Forza-Bold", serif;
  color: #fff;
}
.gcx-leaderboard ol {
  margin: 0;
  padding: 0.2rem;
  font-family: "Forza-Light", serif;
}
.gcx-leaderboard ol li {
  margin-bottom: 0.2rem;
  font-size: 1.333rem;
  line-height: 2.25rem;
  counter-increment: list;
  color: #fff;
  position: relative;
}
.gcx-leaderboard ol li:before {
  content: counter(list);
  font-weight: 800;
}
.gcx-leaderboard ol li .name {
  position: absolute;
  left: 25px;
  margin-left: 3px;
}
.gcx-leaderboard ol li .total {
  position: absolute;
  right: 0;
}
.gcx-leaderboard ol li:nth-child(10) .name {
  left: 35px;
}
.gcx-leaderboard.fifty {
  background-color: rgba(0, 0, 0, 0.9);
  height: 549px;
  width: 400px;
  overflow: hidden;
}
.gcx-leaderboard.fifty .donor_list2 {
  font-size: 1rem;
  width: 350px;
  position: absolute;
  animation: scroll ease-in-out 60s infinite;
}
@keyframes scroll {
  0% {
    top: 0;
  }
  50% {
    top: -100%;
  }
  100% {
    top: 0;
  }
}
.gcx-leaderboard.fifty h1 {
  font-size: 1rem;
  margin-bottom: 0;
}
.gcx-leaderboard.fifty ol {
  list-style-type: none;
}
.gcx-leaderboard.fifty ol li::marker {
  text-indent: 10px !important;
}
.gcx-leaderboard.fifty ol li {
  line-height: 1.34rem;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1rem;
}/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.ticker-bar {
  width: 100%;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.ticker-bar__empty__section {
  opacity: 0 !important;
}
.ticker-bar__full__section {
  opacity: 1;
}
.ticker-bar__section {
  display: flex;
  min-width: 100%;
  height: 100%;
  align-items: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(0);
  transition: transform 250ms ease-in-out, opacity 150ms ease-in-out;
}
.ticker-bar__section.inactive {
  transform: translateY(-30px);
}
.ticker-bar__section__items {
  height: 100%;
  flex-grow: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ticker-bar__section__title {
  height: 100%;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
  align-items: center;
  z-index: 100;
  min-width: 105px;
  text-align: center;
}
.ticker-bar__section__title span {
  width: 100%;
  text-align: center;
}
.ticker-bar__item {
  padding-left: 1em;
  padding-right: 1em;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: space-between;
}
.ticker-bar__item__wrapper {
  display: flex;
  width: 100%;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
}

.themed-ticker-bar {
  font-family: "SJ Sans", "Open Sans", sans-serif;
  background: rgb(51, 51, 51);
  background: linear-gradient(180deg, rgb(51, 51, 51) 0%, rgb(46, 46, 46) 30%, rgb(36, 36, 36) 70%, rgb(51, 51, 51) 100%);
}
.themed-ticker-bar .ticker-bar__item {
  color: #fff;
  height: 50%;
  padding-right: 1em;
}
.themed-ticker-bar .ticker-bar__item span:first-child {
  font-weight: bolder;
}
.themed-ticker-bar .ticker-bar__item span:last-child {
  font-weight: 700;
}
.themed-ticker-bar .ticker-bar__item::after {
  content: "";
  width: 5px;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 100%;
  right: -6px;
  position: absolute;
}
.themed-ticker-bar .ticker-bar__item:last-child::after {
  display: none !important;
}
.themed-ticker-bar .ticker-bar__item__medium-grey span:last-child {
  color: #ccc;
}
.themed-ticker-bar .ticker-bar__item__light-aqua span:last-child {
  color: #64d0e4;
}
.themed-ticker-bar .ticker-bar__item__light-yellow span:last-child {
  color: #ffc32c;
}
.themed-ticker-bar .ticker-bar__item__dark-yellow span:last-child {
  color: #ffb125;
}
.themed-ticker-bar .ticker-bar__item__light-green span:last-child {
  color: #c0da07;
}
.themed-ticker-bar .ticker-bar__item__dark-green span:last-child {
  color: rgb(117, 188, 33);
}
.themed-ticker-bar .ticker-bar__section__title {
  transition: ease-in-out 1s;
  animation: gradient 15s ease infinite;
  background-size: 400% 400% !important;
  color: white;
  font-weight: 700;
  position: relative;
  background: linear-gradient(to bottom left, rgb(58, 62, 70) 0%, rgb(49, 53, 59) 100%);
}
.themed-ticker-bar .ticker-bar__section__title.default-red {
  background: linear-gradient(-45deg, rgb(115.8, 9, 34.8), #c10f3a, rgb(115.8, 9, 34.8), #c10f3a);
}
.themed-ticker-bar .ticker-bar__section__title.light-grey {
  background: linear-gradient(-45deg, #939393, #f5f5f5, #939393, #f5f5f5);
}
.themed-ticker-bar .ticker-bar__section__title.medium-grey {
  background: linear-gradient(-45deg, rgb(122.4, 122.4, 122.4), #ccc, rgb(122.4, 122.4, 122.4), #ccc);
}
.themed-ticker-bar .ticker-bar__section__title.dark-grey {
  background: linear-gradient(to bottom left, rgb(58, 62, 70) 0%, rgb(49, 53, 59) 100%);
}
.themed-ticker-bar .ticker-bar__section__title.light-purple {
  background: linear-gradient(-45deg, rgb(78.6, 30, 100.2), #8332a7, rgb(78.6, 30, 100.2), #8332a7);
}
.themed-ticker-bar .ticker-bar__section__title.dark-purple {
  background: linear-gradient(-45deg, rgb(43.8, 8.4, 61.8), #490e67, rgb(43.8, 8.4, 61.8), #490e67);
}
.themed-ticker-bar .ticker-bar__section__title.light-blue {
  background: linear-gradient(-45deg, rgb(11.4, 55.2, 105.6), #135cb0, rgb(11.4, 55.2, 105.6), #135cb0);
}
.themed-ticker-bar .ticker-bar__section__title.dark-blue {
  background: linear-gradient(-45deg, rgb(0, 24, 51.6), #002856, rgb(0, 24, 51.6), #002856);
}
.themed-ticker-bar .ticker-bar__section__title.light-aqua {
  background: linear-gradient(-45deg, rgb(60, 124.8, 136.8), #64d0e4, rgb(60, 124.8, 136.8), #64d0e4);
}
.themed-ticker-bar .ticker-bar__section__title.dark-aqua {
  background: linear-gradient(-45deg, rgb(18, 103.8, 115.8), #1eadc1, rgb(18, 103.8, 115.8), #1eadc1);
}
.themed-ticker-bar .ticker-bar__section__title.light-green {
  background: linear-gradient(-45deg, rgb(115.2, 130.8, 4.2), #c0da07, rgb(115.2, 130.8, 4.2), #c0da07);
}
.themed-ticker-bar .ticker-bar__section__title.dark-green {
  background: linear-gradient(-45deg, rgb(70.2, 112.8, 19.8), rgb(117, 188, 33), rgb(70.2, 112.8, 19.8), rgb(117, 188, 33));
}
.themed-ticker-bar .ticker-bar__section__title.light-yellow {
  background: linear-gradient(-45deg, rgb(153, 117, 26.4), #ffc32c, rgb(153, 117, 26.4), #ffc32c);
}
.themed-ticker-bar .ticker-bar__section__title.dark-yellow {
  background: linear-gradient(-45deg, rgb(153, 106.2, 22.2), #ffb125, rgb(153, 106.2, 22.2), #ffb125);
}

@keyframes gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}.therm-container .confetti {
  height: 100%;
}
.therm-container__completed {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 9998;
}
.therm-container__completed__goal {
  overflow: hidden;
  text-align: center;
  z-index: 9999;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: -moz-hidden-unscrollable;
}
.therm-container__completed__goal.active {
  opacity: 0;
  transition: ease-in-out 0.5s;
}
.therm-container__completed__goal span:nth-of-type(1) {
  --hgoal-rotation: 9deg;
  font-size: 3em;
  font-weight: 800;
  animation: hgoalAppear 10s ease-in-out 1.5s 1 forwards;
  opacity: 0;
  display: inline-block;
  color: #fff;
  transform: translateY(-1px);
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.therm-container__completed__goal span:nth-of-type(2) {
  --hgoal-rotation: -7deg;
  font-size: 3em;
  font-weight: 800;
  animation: hgoalAppear 10s ease-in-out 1.55s 1 forwards;
  opacity: 0;
  display: inline-block;
  color: #fff;
  transform: translateY(-1px);
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.therm-container__completed__goal span:nth-of-type(3) {
  --hgoal-rotation: -7deg;
  font-size: 3em;
  font-weight: 800;
  animation: hgoalAppear 10s ease-in-out 1.6s 1 forwards;
  opacity: 0;
  display: inline-block;
  color: #fff;
  transform: translateY(-1px);
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.therm-container__completed__goal span:nth-of-type(4) {
  --hgoal-rotation: -2deg;
  font-size: 3em;
  font-weight: 800;
  animation: hgoalAppear 10s ease-in-out 1.65s 1 forwards;
  opacity: 0;
  display: inline-block;
  color: #fff;
  transform: translateY(-1px);
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.therm-container__completed__goal span:nth-of-type(5) {
  --hgoal-rotation: -4deg;
  font-size: 3em;
  font-weight: 800;
  animation: hgoalAppear 10s ease-in-out 1.7s 1 forwards;
  opacity: 0;
  display: inline-block;
  color: #fff;
  transform: translateY(-1px);
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.therm-container__completed__goal span:nth-of-type(6) {
  --hgoal-rotation: -8deg;
  font-size: 3em;
  font-weight: 800;
  animation: hgoalAppear 10s ease-in-out 1.75s 1 forwards;
  opacity: 0;
  display: inline-block;
  color: #fff;
  transform: translateY(-1px);
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.therm-container__completed__goal span:nth-of-type(7) {
  --hgoal-rotation: 8deg;
  font-size: 3em;
  font-weight: 800;
  animation: hgoalAppear 10s ease-in-out 1.8s 1 forwards;
  opacity: 0;
  display: inline-block;
  color: #fff;
  transform: translateY(-1px);
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.therm-container__completed__goal .completed_space {
  margin-left: 1rem;
}
.therm-container__completed__goal.right {
  justify-content: end;
  padding-right: 0.5em;
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  5% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  7% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  93% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
@keyframes innerPulse {
  0% {
    background: transparent;
  }
  50% {
    background: rgba(0, 0, 0, 0.3);
  }
  100% {
    background: transparent;
  }
}
@keyframes fadeAway {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.full-overlay .therm-container__completed {
  animation: innerPulse ease-in-out 2s infinite forwards;
}

.full-overlay-slant .therm-container__completed:after,
.max-overlay .therm-container__completed:after {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 9998;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
  animation: innerPulse ease-in-out 2s infinite forwards;
}.progress-bar-milestones {
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: absolute;
  line-height: 2em;
  text-align: center;
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.progress-bar-milestones.active {
  display: block;
}
.progress-bar-milestones__text {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.progress-bar-milestones__text div {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  margin-right: 10px;
  animation: showup 10s 1s infinite;
}
.progress-bar-milestones__text div.m_next {
  font-weight: 800;
  font-size: 1.333rem;
  line-height: 2.25rem;
}
.progress-bar-milestones__text div.m_info {
  font-size: 1.333rem;
  line-height: 2.25rem;
  font-weight: 600;
}
@keyframes showup {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slideIn {
  0% {
    margin-left: -800px;
  }
  20% {
    margin-left: -800px;
  }
  35% {
    margin-left: 0;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes reveal {
  0% {
    opacity: 0;
    width: 0;
  }
  20% {
    opacity: 1;
    width: 0;
  }
  30% {
    width: auto;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    width: auto;
  }
}

.progress-bar-milestones-min {
  height: 70px;
  overflow: hidden;
}
.progress-bar-milestones-min__text {
  color: #fff;
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.progress-bar-milestones-min__text .m_next {
  font-weight: 800;
  min-width: 100px;
  text-align: center;
}
.progress-bar-milestones-min__text .m_info {
  height: 50px;
  position: relative;
  width: 100%;
}
.progress-bar-milestones-min__text .m_info.default-red {
  color: #c10f3a;
}
.progress-bar-milestones-min__text .m_info.dark-red {
  color: #911938;
}
.progress-bar-milestones-min__text .m_info.light-purple {
  color: #8332a7;
}
.progress-bar-milestones-min__text .m_info.dark-purple {
  color: #490e67;
}
.progress-bar-milestones-min__text .m_info.light-blue {
  color: #135cb0;
}
.progress-bar-milestones-min__text .m_info.dark-blue {
  color: #002856;
}
.progress-bar-milestones-min__text .m_info.light-aqua {
  color: #64d0e4;
}
.progress-bar-milestones-min__text .m_info.dark-aqua {
  color: #1eadc1;
}
.progress-bar-milestones-min__text .m_info.light-green {
  color: #c0da07;
}
.progress-bar-milestones-min__text .m_info.dark-green {
  color: rgb(117, 188, 33);
}
.progress-bar-milestones-min__text .m_info.light-yellow {
  color: #ffc32c;
}
.progress-bar-milestones-min__text .m_info.dark-yellow {
  color: #ffb125;
}
.progress-bar-milestones-min__text .m_info.medium-grey {
  color: #ccc;
}
.progress-bar-milestones-min__text .m_info.light-grey {
  color: #f5f5f5;
}
.progress-bar-milestones-min__text .m_info.dark-grey {
  color: #4e535a;
}
.progress-bar-milestones-min__text .m_info span {
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.4em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.progress-bar-milestones-min__text.lower {
  display: none;
}
.progress-bar-milestones-min > .higher ~ .higher span {
  visibility: hidden;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.full-overlay {
  line-height: 0;
  width: 100%;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  max-width: 1120px;
}
.full-overlay .cf:after {
  clear: both;
  content: "";
  display: table;
}
.full-overlay.cf:after {
  clear: both;
  content: "";
  display: table;
}
.full-overlay .logo-custom.logo-static {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.full-overlay .logo-custom.logo-static img {
  max-height: 48px;
  max-width: 48px;
}
.full-overlay .logo-custom {
  width: 100%;
  height: 100%;
}
.full-overlay .custom-logo-img {
  position: absolute;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 48px;
  left: 0;
  right: 0;
  top: 4px;
}
.full-overlay .logo {
  position: relative;
}
.full-overlay .logo span {
  display: none;
}
.full-overlay .logo .child-icon {
  height: 4rem;
  margin-left: 15px;
  position: absolute;
  width: 4.5rem;
}
.full-overlay .logo .playlive_logo {
  position: absolute;
  width: 5rem;
  height: 5rem;
  display: inline-block;
  background: url("/assets/playlive_logo-VG39f_nb.png") no-repeat 50% 25%;
  background-size: 100%;
  margin-left: 11px;
  z-index: 10;
}
.full-overlay .top-container {
  overflow: hidden;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: flex;
  position: relative;
  z-index: 5;
}
.full-overlay .top-container .overlay-left {
  width: 105px;
  height: 55px;
  position: relative;
  background-image: url("/assets/triangle_bg-BYTupjE2.png");
  background-color: #474c55;
  border-top-left-radius: 3px;
  z-index: 9998;
}
.full-overlay .top-container .overlay-right {
  flex: 1;
  background-color: #474c55;
  border-top-right-radius: 3px;
}
.full-overlay .bottom-container {
  background-color: #474c55;
  background-image: url("/assets/triangle_bg-BYTupjE2.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 30px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  position: relative;
  z-index: 10;
  box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.75);
}
.full-overlay .bottom-container.scrollNo {
  visibility: hidden;
}
.full-overlay .therm-container {
  height: 55px;
  background-color: rgba(83, 89, 99, 0.7);
  border-top-right-radius: 3px;
  position: relative;
}
.full-overlay .therm-container__raised {
  font-weight: 900;
  color: #fff;
  font-size: 1.5em;
  text-shadow: 1px 1px 3px #333;
  position: absolute;
  z-index: 9999;
  left: 15px;
  top: 10px;
  line-height: 1.5em;
  animation: fadeIn ease 2s;
}
.full-overlay .therm-container__inner {
  height: 55px;
  width: 0;
  position: relative;
  transition: ease-in-out 1s;
  filter: drop-shadow(2px 0px 2px rgba(0, 0, 0, 0.8));
  animation: gradient 15s ease infinite;
}
.full-overlay .therm-container__inner.original {
  position: absolute;
  top: 0;
  z-index: 9998;
}
.full-overlay .therm-container__inner.new_progress {
  position: absolute;
  filter: drop-shadow(0px 0px 0px);
}
.full-overlay .therm-container__inner.new_progress .slide-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 7px;
  top: 0;
  z-index: 2;
  background-image: linear-gradient(-45deg, rgb(204, 156, 35.2), #ffc32c, rgb(204, 156, 35.2), #ffc32c);
  border: 2px solid rgb(127.5, 97.5, 22);
}
.full-overlay .therm-container__inner.new_progress .slide-wrapper .slide {
  position: relative;
  display: inline-block;
  transform: translateX(100%);
  width: 100%;
  height: 55px;
  z-index: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  animation: slide 10s infinite;
}
@keyframes slide {
  0% {
    transform: translateX(-100%);
  }
  80% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.full-overlay .therm-container__inner.new_progress .sparkle {
  position: absolute;
  right: -40px;
  top: -32px;
  width: 80px;
  height: 80px;
  z-index: 9999;
  animation: twinkle 3s infinite backwards;
  animation-timing-function: cubic-bezier(1, 1, 0.7, 1.5);
}
.full-overlay .therm-container__inner.new_progress .sparkle.small {
  top: 15px;
  right: 125px;
  width: 60px;
  height: 60px;
  animation-delay: 1s;
}
@keyframes twinkle {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  30% {
    transform: scale(0.1);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  60% {
    transform: scale(0.1);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  90% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.full-overlay .therm-container__inner.new_progress .sparkle:before {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(66.66deg) skewX(45deg);
}
.full-overlay .therm-container__inner.new_progress .sparkle:after {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(156.66deg) skew(45deg);
}
.full-overlay .therm-container__inner.default-red {
  background: linear-gradient(-45deg, rgb(115.8, 9, 34.8), #c10f3a, rgb(115.8, 9, 34.8), #c10f3a);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.dark-red {
  background: linear-gradient(-45deg, rgb(87, 15, 33.6), #911938, rgb(87, 15, 33.6), #911938);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.light-purple {
  background: linear-gradient(-45deg, rgb(78.6, 30, 100.2), #8332a7, rgb(78.6, 30, 100.2), #8332a7);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.dark-purple {
  background: linear-gradient(-45deg, rgb(43.8, 8.4, 61.8), #490e67, rgb(43.8, 8.4, 61.8), #490e67);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.light-blue {
  background: linear-gradient(-45deg, rgb(11.4, 55.2, 105.6), #135cb0, rgb(11.4, 55.2, 105.6), #135cb0);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.dark-blue {
  background: linear-gradient(-45deg, rgb(0, 24, 51.6), #002856, rgb(0, 24, 51.6), #002856);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.light-aqua {
  background: linear-gradient(-45deg, rgb(60, 124.8, 136.8), #64d0e4, rgb(60, 124.8, 136.8), #64d0e4);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.dark-aqua {
  background: linear-gradient(-45deg, rgb(18, 103.8, 115.8), #1eadc1, rgb(18, 103.8, 115.8), #1eadc1);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.light-green {
  background: linear-gradient(-45deg, rgb(115.2, 130.8, 4.2), #c0da07, rgb(115.2, 130.8, 4.2), #c0da07);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.dark-green {
  background: linear-gradient(-45deg, rgb(70.2, 112.8, 19.8), rgb(117, 188, 33), rgb(70.2, 112.8, 19.8), rgb(117, 188, 33));
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.light-yellow {
  background: linear-gradient(-45deg, rgb(153, 117, 26.4), #ffc32c, rgb(153, 117, 26.4), #ffc32c);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.dark-yellow {
  background: linear-gradient(-45deg, rgb(153, 106.2, 22.2), #ffb125, rgb(153, 106.2, 22.2), #ffb125);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.medium-grey {
  background: linear-gradient(-45deg, rgb(122.4, 122.4, 122.4), #ccc, rgb(122.4, 122.4, 122.4), #ccc);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.light-grey {
  background: linear-gradient(-45deg, #939393, #f5f5f5, #939393, #f5f5f5);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.dark-grey {
  background: linear-gradient(-45deg, rgb(46.8, 49.8, 54), #4e535a, rgb(46.8, 49.8, 54), #4e535a);
  background-size: 400% 400% !important;
}
.full-overlay .therm-container__inner.active {
  width: 100% !important;
  z-index: 9997;
}
.full-overlay .therm-container__inner.active.m-higher {
  width: 0 !important;
  position: absolute;
  left: -10px;
}
.full-overlay .therm-container__goal {
  font-weight: 800;
  z-index: 9998;
  color: #fff;
  font-size: 1.5em;
  text-shadow: 1px 1px 3px #333;
  position: absolute;
  right: 15px;
  top: 10px;
  line-height: 1.5em;
  animation: fadeIn 0.5s linear forwards;
}
.full-overlay .therm-container.active .therm-container__goal,
.full-overlay .therm-container.active .therm-container__raised {
  animation: fadeOut 0.5s linear forwards;
}

.full-overlay-slant {
  line-height: 0;
  width: 100%;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  max-width: 1120px;
}
.full-overlay-slant .cf:after {
  clear: both;
  content: "";
  display: table;
}
.full-overlay-slant.cf:after {
  clear: both;
  content: "";
  display: table;
}
.full-overlay-slant .logo-custom.logo-static {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.full-overlay-slant .logo-custom.logo-static img {
  max-height: 48px;
  max-width: 48px;
}
.full-overlay-slant .logo-custom {
  width: 100%;
  height: 100%;
}
.full-overlay-slant .custom-logo-img {
  position: absolute;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 48px;
  left: 0;
  right: 0;
  top: 4px;
}
.full-overlay-slant {
  display: flex;
}
.full-overlay-slant .logo {
  position: relative;
  width: 105px;
  height: 85px;
  z-index: 9999;
}
.full-overlay-slant .logo:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #474c55;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.full-overlay-slant .logo:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("/assets/triangle_bg-BYTupjE2.png") no-repeat left bottom;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
}
.full-overlay-slant .logo span {
  display: none;
}
.full-overlay-slant .logo div {
  position: absolute;
}
.full-overlay-slant .logo .child-icon {
  margin-left: 25px;
  margin-top: 15px;
  position: absolute;
}
.full-overlay-slant .logo .playlive_logo {
  width: 5.3rem;
  height: 5.3rem;
  display: inline-block;
  background: url("/assets/playlive_logo-VG39f_nb.png") no-repeat 50% 43%;
  background-size: 100%;
  margin-left: 23px;
}
.full-overlay-slant .logo-small {
  position: relative;
  width: 105px;
  height: 55px;
  z-index: 9999;
  float: left;
}
.full-overlay-slant .logo-small:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #474c55;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
}
.full-overlay-slant .logo-small:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("/assets/triangle_bg-BYTupjE2.png") no-repeat left bottom;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
}
.full-overlay-slant .logo-small span {
  display: none;
}
.full-overlay-slant .logo-small div {
  position: absolute;
}
.full-overlay-slant .logo-small .child-icon {
  width: 60px;
  margin-left: 25px;
  margin-top: 8px;
  height: 100%;
}
.full-overlay-slant .logo-small .playlive_logo {
  width: 5rem;
  height: 5rem;
  display: inline-block;
  background: url("/assets/playlive_logo-VG39f_nb.png") no-repeat 50% 27%;
  background-size: 100%;
  margin-left: 20px;
}
.full-overlay-slant__data {
  height: 85px;
  width: 1015px;
  position: relative;
  z-index: 0;
}
.full-overlay-slant__therm {
  width: 97%;
  height: 55px;
  background-color: #4f555e;
  border-bottom-right-radius: 0.2rem;
}
.full-overlay-slant__therm:after {
  content: " ";
  position: absolute;
  display: block;
  width: 97%;
  height: 55px;
  top: 0;
  left: 0;
  z-index: -1;
  background: #4f555e;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.full-overlay-slant__therm .therm-container {
  height: 55px;
  position: relative;
}
.full-overlay-slant__therm .therm-container__raised {
  font-weight: 800;
  color: #fff;
  font-size: 1.7em;
  text-shadow: 1px 1px 3px #333;
  position: absolute;
  z-index: 9999;
  left: 40px;
  top: 7px;
  line-height: 1.5em;
  animation: fadeIn ease 2s;
}
.full-overlay-slant__therm .therm-container__inner {
  height: 55px;
  width: 0;
  position: relative;
  transition: ease-in-out 0.5s;
  filter: drop-shadow(2px 0px 2px rgba(0, 0, 0, 0.8));
}
.full-overlay-slant__therm .therm-container__inner.original {
  position: absolute;
  top: 0;
  z-index: 9998;
}
.full-overlay-slant__therm .therm-container__inner.new_progress {
  position: absolute;
  filter: drop-shadow(0px 0px 0px);
}
.full-overlay-slant__therm .therm-container__inner.new_progress .slide-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 7px;
  top: 0;
  z-index: 2;
  transform: skew(-15deg, 0deg);
}
.full-overlay-slant__therm .therm-container__inner.new_progress .slide-wrapper .slide {
  position: relative;
  display: inline-block;
  transform: translateX(100%);
  width: 100%;
  height: 55px;
  z-index: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  animation: slide 10s infinite;
}
@keyframes slide {
  0% {
    transform: translateX(-100%);
  }
  80% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.full-overlay-slant__therm .therm-container__inner.new_progress:after {
  background-image: linear-gradient(-45deg, rgb(204, 156, 35.2), #ffc32c, rgb(204, 156, 35.2), #ffc32c);
  border: 2px solid rgb(127.5, 97.5, 22);
}
.full-overlay-slant__therm .therm-container__inner.new_progress .sparkle {
  position: absolute;
  right: -40px;
  top: -32px;
  width: 80px;
  height: 80px;
  z-index: 9999;
  animation: twinkle 3s infinite backwards;
  animation-timing-function: cubic-bezier(1, 1, 0.7, 1.5);
}
.full-overlay-slant__therm .therm-container__inner.new_progress .sparkle.small {
  top: 15px;
  right: 125px;
  width: 60px;
  height: 60px;
  animation-delay: 1s;
}
@keyframes twinkle {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  30% {
    transform: scale(0.1);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  60% {
    transform: scale(0.1);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  90% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.full-overlay-slant__therm .therm-container__inner.new_progress .sparkle:before {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(66.66deg) skewX(45deg);
}
.full-overlay-slant__therm .therm-container__inner.new_progress .sparkle:after {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(156.66deg) skew(45deg);
}
.full-overlay-slant__therm .therm-container__inner:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 55px;
  top: 0;
  left: 0;
  animation: gradient 15s ease infinite;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
  border-radius: 0.2rem;
}
.full-overlay-slant__therm .therm-container__inner.default-red:after {
  background: linear-gradient(-45deg, rgb(115.8, 9, 34.8), #c10f3a, rgb(115.8, 9, 34.8), #c10f3a);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.dark-red:after {
  background: linear-gradient(-45deg, rgb(87, 15, 33.6), #911938, rgb(87, 15, 33.6), #911938);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.light-purple:after {
  background: linear-gradient(-45deg, rgb(78.6, 30, 100.2), #8332a7, rgb(78.6, 30, 100.2), #8332a7);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.dark-purple:after {
  background: linear-gradient(-45deg, rgb(43.8, 8.4, 61.8), #490e67, rgb(43.8, 8.4, 61.8), #490e67);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.light-blue:after {
  background: linear-gradient(-45deg, rgb(11.4, 55.2, 105.6), #135cb0, rgb(11.4, 55.2, 105.6), #135cb0);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.dark-blue:after {
  background: linear-gradient(-45deg, rgb(0, 24, 51.6), #002856, rgb(0, 24, 51.6), #002856);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.light-aqua:after {
  background: linear-gradient(-45deg, rgb(60, 124.8, 136.8), #64d0e4, rgb(60, 124.8, 136.8), #64d0e4);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.dark-aqua:after {
  background: linear-gradient(-45deg, rgb(18, 103.8, 115.8), #1eadc1, rgb(18, 103.8, 115.8), #1eadc1);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.light-green:after {
  background: linear-gradient(-45deg, rgb(115.2, 130.8, 4.2), #c0da07, rgb(115.2, 130.8, 4.2), #c0da07);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.dark-green:after {
  background: linear-gradient(-45deg, rgb(70.2, 112.8, 19.8), rgb(117, 188, 33), rgb(70.2, 112.8, 19.8), rgb(117, 188, 33));
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.light-yellow:after {
  background: linear-gradient(-45deg, rgb(153, 117, 26.4), #ffc32c, rgb(153, 117, 26.4), #ffc32c);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.dark-yellow:after {
  background: linear-gradient(-45deg, rgb(153, 106.2, 22.2), #ffb125, rgb(153, 106.2, 22.2), #ffb125);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.medium-grey:after {
  background: linear-gradient(-45deg, rgb(122.4, 122.4, 122.4), #ccc, rgb(122.4, 122.4, 122.4), #ccc);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.light-grey:after {
  background: linear-gradient(-45deg, #939393, #f5f5f5, #939393, #f5f5f5);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.dark-grey:after {
  background: linear-gradient(-45deg, rgb(46.8, 49.8, 54), #4e535a, rgb(46.8, 49.8, 54), #4e535a);
  background-size: 400% 400%;
}
.full-overlay-slant__therm .therm-container__inner.active {
  width: 100% !important;
  z-index: 9997;
}
.full-overlay-slant__therm .therm-container__inner.active.m-higher {
  width: 0 !important;
  position: absolute;
  left: -10px;
}
.full-overlay-slant__therm .therm-container__goal {
  font-weight: 800;
  color: #fff;
  font-size: 1.7em;
  text-shadow: 1px 1px 3px #333;
  position: absolute;
  z-index: 9998;
  right: 20px;
  top: 7px;
  line-height: 1.5em;
  animation: fadeIn ease 2s;
}
.full-overlay-slant__therm .therm-container.active .therm-container__goal,
.full-overlay-slant__therm .therm-container.active .therm-container__raised {
  animation: fadeOut 0.5s linear forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.full-overlay-slant .ticker-bar-slanted {
  position: relative;
  width: 92%;
  border-bottom-right-radius: 0.2rem;
}
.full-overlay-slant .ticker-bar-slanted .ticker-bar__section__title {
  transform: skew(-15deg, 0deg);
}
.full-overlay-slant .ticker-bar-slanted .ticker-bar__section__title span {
  transform: skew(15deg, 0deg);
}
.full-overlay-slant .ticker-bar-slanted:before {
  content: " ";
  position: absolute;
  display: block;
  border-bottom-right-radius: 0.2rem;
  width: 20px;
  height: 30px;
  top: 0;
  left: auto;
  right: -10px;
  z-index: -1;
  transform: skew(-15deg, 0deg);
  background: linear-gradient(180deg, rgb(51, 51, 51) 0%, rgb(46, 46, 46) 30%, rgb(36, 36, 36) 70%, rgb(51, 51, 51) 100%);
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.progress-bar-wrapper {
  margin-top: 50px;
  width: 100%;
  height: 85px;
  display: flex;
}
.progress-bar-wrapper.rounded {
  border-radius: 20px 20px 0px 20px;
  min-width: 500px;
}
.progress-bar-wrapper.slanted {
  width: 95%;
  min-width: 500px;
  transform: skew(-15deg);
  transform-origin: top;
  margin-left: 1px;
  border-radius: 0.3rem;
}
.progress-bar-wrapper.without-scroller {
  height: 55px;
}
.progress-bar-wrapper.without-scroller .progress-bar-logo,
.progress-bar-wrapper.without-scroller .progress-bar-content,
.progress-bar-wrapper.without-scroller .progress-container,
.progress-bar-wrapper.without-scroller .progress-container__inner,
.progress-bar-wrapper.without-scroller .progress-container__inner:after,
.progress-bar-wrapper.without-scroller .slide-wrapper {
  height: 55px !important;
}
.progress-bar-wrapper.without-scroller .progress-container__inner:before,
.progress-bar-wrapper.without-scroller .progress-container:before,
.progress-bar-wrapper.without-scroller .progress-container:after {
  height: 0 !important;
}
.progress-bar-wrapper.without-scroller.slanted .progress-container__inner:after {
  left: -8px !important;
}
.progress-bar-wrapper.without-scroller .child-icon {
  width: 55px !important;
}
.progress-bar-wrapper.without-scroller .progress-container__completed__goal {
  overflow: visible !important;
  height: 100% !important;
}
.progress-bar-wrapper.without-scroller .progress-container__completed__goal span {
  font-size: 2.5rem;
}
.progress-bar-logo {
  height: 85px;
  display: flex;
  flex: 0 0 130px;
  overflow: hidden;
  justify-content: space-between;
  align-items: center;
}
.progress-bar-logo.rounded {
  border-radius: 20px 0px 0px 20px;
}
.progress-bar-logo.rounded.default-red {
  background: linear-gradient(to bottom, oklch(from #c10f3a calc(l * 1.3) 0.25 h) 0%, oklch(from #c10f3a calc(l * 0.9) c h) 30%, oklch(from #c10f3a calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.dark-red {
  background: linear-gradient(to bottom, oklch(from #911938 calc(l * 1.3) 0.25 h) 0%, oklch(from #911938 calc(l * 0.9) c h) 30%, oklch(from #911938 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.light-purple {
  background: linear-gradient(to bottom, oklch(from #8332a7 calc(l * 1.3) 0.25 h) 0%, oklch(from #8332a7 calc(l * 0.9) c h) 30%, oklch(from #8332a7 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.dark-purple {
  background: linear-gradient(to bottom, oklch(from #490e67 calc(l * 1.3) 0.25 h) 0%, oklch(from #490e67 calc(l * 0.9) c h) 30%, oklch(from #490e67 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.light-blue {
  background: linear-gradient(to bottom, oklch(from #135cb0 calc(l * 1.3) 0.25 h) 0%, oklch(from #135cb0 calc(l * 0.9) c h) 30%, oklch(from #135cb0 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.dark-blue {
  background: linear-gradient(to bottom, oklch(from #002856 calc(l * 1.3) 0.25 h) 0%, oklch(from #002856 calc(l * 0.9) c h) 30%, oklch(from #002856 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.light-aqua {
  background: linear-gradient(to bottom, oklch(from #64d0e4 calc(l * 1.3) 0.25 h) 0%, oklch(from #64d0e4 calc(l * 0.9) c h) 30%, oklch(from #64d0e4 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.dark-aqua {
  background: linear-gradient(to bottom, oklch(from #1eadc1 calc(l * 1.3) 0.25 h) 0%, oklch(from #1eadc1 calc(l * 0.9) c h) 30%, oklch(from #1eadc1 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.light-green {
  background: linear-gradient(to bottom, oklch(from #c0da07 calc(l * 1.3) 0.25 h) 0%, oklch(from #c0da07 calc(l * 0.9) c h) 30%, oklch(from #c0da07 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.dark-green {
  background: linear-gradient(to bottom, oklch(from rgb(117, 188, 33) calc(l * 1.3) 0.25 h) 0%, oklch(from rgb(117, 188, 33) calc(l * 0.9) c h) 30%, oklch(from rgb(117, 188, 33) calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.light-yellow {
  background: linear-gradient(to bottom, oklch(from #ffc32c calc(l * 1.3) 0.25 h) 0%, oklch(from #ffc32c calc(l * 0.9) c h) 30%, oklch(from #ffc32c calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.dark-yellow {
  background: linear-gradient(to bottom, oklch(from #ffb125 calc(l * 1.3) 0.25 h) 0%, oklch(from #ffb125 calc(l * 0.9) c h) 30%, oklch(from #ffb125 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.medium-grey {
  background: linear-gradient(to bottom, oklch(from #ccc calc(l * 1.3) 0.25 h) 0%, oklch(from #ccc calc(l * 0.9) c h) 30%, oklch(from #ccc calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.light-grey {
  background: linear-gradient(to bottom, oklch(from #f5f5f5 calc(l * 1.3) 0.25 h) 0%, oklch(from #f5f5f5 calc(l * 0.9) c h) 30%, oklch(from #f5f5f5 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded.dark-grey {
  background: linear-gradient(to bottom, oklch(from #4e535a calc(l * 1.3) 0.25 h) 0%, oklch(from #4e535a calc(l * 0.9) c h) 30%, oklch(from #4e535a calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.rounded:after {
  content: "";
  height: 95px;
  width: 20px;
  border-radius: 0 0px 0px 20px;
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
}
.progress-bar-logo.slanted {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  flex: 0 0 140px;
  left: 11px;
  z-index: 9998;
  position: relative;
  transform: skew(15deg);
}
.progress-bar-logo.slanted:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: bottom left;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  transform: skew(-15deg);
}
.progress-bar-logo.slanted.default-red:before {
  background: linear-gradient(to bottom, oklch(from #c10f3a calc(l * 1.3) 0.25 h) 0%, oklch(from #c10f3a calc(l * 0.9) c h) 30%, oklch(from #c10f3a calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.dark-red:before {
  background: linear-gradient(to bottom, oklch(from #911938 calc(l * 1.3) 0.25 h) 0%, oklch(from #911938 calc(l * 0.9) c h) 30%, oklch(from #911938 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.light-purple:before {
  background: linear-gradient(to bottom, oklch(from #8332a7 calc(l * 1.3) 0.25 h) 0%, oklch(from #8332a7 calc(l * 0.9) c h) 30%, oklch(from #8332a7 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.dark-purple:before {
  background: linear-gradient(to bottom, oklch(from #490e67 calc(l * 1.3) 0.25 h) 0%, oklch(from #490e67 calc(l * 0.9) c h) 30%, oklch(from #490e67 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.light-blue:before {
  background: linear-gradient(to bottom, oklch(from #135cb0 calc(l * 1.3) 0.25 h) 0%, oklch(from #135cb0 calc(l * 0.9) c h) 30%, oklch(from #135cb0 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.dark-blue:before {
  background: linear-gradient(to bottom, oklch(from #002856 calc(l * 1.3) 0.25 h) 0%, oklch(from #002856 calc(l * 0.9) c h) 30%, oklch(from #002856 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.light-aqua:before {
  background: linear-gradient(to bottom, oklch(from #64d0e4 calc(l * 1.3) 0.25 h) 0%, oklch(from #64d0e4 calc(l * 0.9) c h) 30%, oklch(from #64d0e4 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.dark-aqua:before {
  background: linear-gradient(to bottom, oklch(from #1eadc1 calc(l * 1.3) 0.25 h) 0%, oklch(from #1eadc1 calc(l * 0.9) c h) 30%, oklch(from #1eadc1 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.light-green:before {
  background: linear-gradient(to bottom, oklch(from #c0da07 calc(l * 1.3) 0.25 h) 0%, oklch(from #c0da07 calc(l * 0.9) c h) 30%, oklch(from #c0da07 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.dark-green:before {
  background: linear-gradient(to bottom, oklch(from rgb(117, 188, 33) calc(l * 1.3) 0.25 h) 0%, oklch(from rgb(117, 188, 33) calc(l * 0.9) c h) 30%, oklch(from rgb(117, 188, 33) calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.light-yellow:before {
  background: linear-gradient(to bottom, oklch(from #ffc32c calc(l * 1.3) 0.25 h) 0%, oklch(from #ffc32c calc(l * 0.9) c h) 30%, oklch(from #ffc32c calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.dark-yellow:before {
  background: linear-gradient(to bottom, oklch(from #ffb125 calc(l * 1.3) 0.25 h) 0%, oklch(from #ffb125 calc(l * 0.9) c h) 30%, oklch(from #ffb125 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.medium-grey:before {
  background: linear-gradient(to bottom, oklch(from #ccc calc(l * 1.3) 0.25 h) 0%, oklch(from #ccc calc(l * 0.9) c h) 30%, oklch(from #ccc calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.light-grey:before {
  background: linear-gradient(to bottom, oklch(from #f5f5f5 calc(l * 1.3) 0.25 h) 0%, oklch(from #f5f5f5 calc(l * 0.9) c h) 30%, oklch(from #f5f5f5 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted.dark-grey:before {
  background: linear-gradient(to bottom, oklch(from #4e535a calc(l * 1.3) 0.25 h) 0%, oklch(from #4e535a calc(l * 0.9) c h) 30%, oklch(from #4e535a calc(l * 1) 0.25 h) 100%);
}
.progress-bar-logo.slanted:after {
  content: "";
  height: 85px;
  width: 15px;
  border-left: 5px solid #fff;
  transform: skew(-15deg);
  margin-right: 12px;
}
.progress-bar-logo .logo {
  width: 110px;
  display: flex;
  justify-content: center;
}
.progress-bar-logo .logo .child-icon {
  margin: 0;
  height: auto;
  width: 75px;
}
.progress-bar-content {
  height: 85px;
  flex: 1;
  background-color: #4e535a;
  box-shadow: inset 7px 0px 19px rgba(0, 0, 0, 0.35);
}
.progress-bar-content.rounded {
  border-radius: 0px 20px 0px 0px;
}
.progress-bar-content.rounded .progress-container {
  border-radius: 0px 20px 0px 0px;
}
.progress-bar-content.rounded .progress-container__inner.new_progress {
  background: linear-gradient(to bottom, oklch(from #ffc32c calc(l * 1.3) 0.25 h) 0%, oklch(from #ffc32c calc(l * 0.98) c h) 30%, oklch(from #ffc32c calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.new_progress:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #ffc32c calc(l * 1.3) 0.25 h) 0%, oklch(from #ffc32c calc(l * 0.98) c h) 30%, oklch(from #ffc32c calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
}
.progress-bar-content.rounded .progress-container__inner.default-red {
  background: linear-gradient(to bottom, oklch(from #c10f3a calc(l * 1.3) 0.25 h) 0%, oklch(from #c10f3a calc(l * 0.9) c h) 30%, oklch(from #c10f3a calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.default-red:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #c10f3a calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.default-red:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #c10f3a calc(l * 1.3) 0.25 h) 0%, oklch(from #c10f3a calc(l * 0.9) c h) 30%, oklch(from #c10f3a calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.dark-red {
  background: linear-gradient(to bottom, oklch(from #911938 calc(l * 1.3) 0.25 h) 0%, oklch(from #911938 calc(l * 0.9) c h) 30%, oklch(from #911938 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.dark-red:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #911938 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.dark-red:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #911938 calc(l * 1.3) 0.25 h) 0%, oklch(from #911938 calc(l * 0.9) c h) 30%, oklch(from #911938 calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.light-purple {
  background: linear-gradient(to bottom, oklch(from #8332a7 calc(l * 1.3) 0.25 h) 0%, oklch(from #8332a7 calc(l * 0.9) c h) 30%, oklch(from #8332a7 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.light-purple:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #8332a7 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.light-purple:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #8332a7 calc(l * 1.3) 0.25 h) 0%, oklch(from #8332a7 calc(l * 0.9) c h) 30%, oklch(from #8332a7 calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.dark-purple {
  background: linear-gradient(to bottom, oklch(from #490e67 calc(l * 1.3) 0.25 h) 0%, oklch(from #490e67 calc(l * 0.9) c h) 30%, oklch(from #490e67 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.dark-purple:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #490e67 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.dark-purple:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #490e67 calc(l * 1.3) 0.25 h) 0%, oklch(from #490e67 calc(l * 0.9) c h) 30%, oklch(from #490e67 calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.light-blue {
  background: linear-gradient(to bottom, oklch(from #135cb0 calc(l * 1.3) 0.25 h) 0%, oklch(from #135cb0 calc(l * 0.9) c h) 30%, oklch(from #135cb0 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.light-blue:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #135cb0 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.light-blue:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #135cb0 calc(l * 1.3) 0.25 h) 0%, oklch(from #135cb0 calc(l * 0.9) c h) 30%, oklch(from #135cb0 calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.dark-blue {
  background: linear-gradient(to bottom, oklch(from #002856 calc(l * 1.3) 0.25 h) 0%, oklch(from #002856 calc(l * 0.9) c h) 30%, oklch(from #002856 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.dark-blue:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #002856 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.dark-blue:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #002856 calc(l * 1.3) 0.25 h) 0%, oklch(from #002856 calc(l * 0.9) c h) 30%, oklch(from #002856 calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.light-aqua {
  background: linear-gradient(to bottom, oklch(from #64d0e4 calc(l * 1.3) 0.25 h) 0%, oklch(from #64d0e4 calc(l * 0.9) c h) 30%, oklch(from #64d0e4 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.light-aqua:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #64d0e4 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.light-aqua:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #64d0e4 calc(l * 1.3) 0.25 h) 0%, oklch(from #64d0e4 calc(l * 0.9) c h) 30%, oklch(from #64d0e4 calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.dark-aqua {
  background: linear-gradient(to bottom, oklch(from #1eadc1 calc(l * 1.3) 0.25 h) 0%, oklch(from #1eadc1 calc(l * 0.9) c h) 30%, oklch(from #1eadc1 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.dark-aqua:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #1eadc1 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.dark-aqua:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #1eadc1 calc(l * 1.3) 0.25 h) 0%, oklch(from #1eadc1 calc(l * 0.9) c h) 30%, oklch(from #1eadc1 calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.light-green {
  background: linear-gradient(to bottom, oklch(from #c0da07 calc(l * 1.3) 0.25 h) 0%, oklch(from #c0da07 calc(l * 0.9) c h) 30%, oklch(from #c0da07 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.light-green:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #c0da07 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.light-green:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #c0da07 calc(l * 1.3) 0.25 h) 0%, oklch(from #c0da07 calc(l * 0.9) c h) 30%, oklch(from #c0da07 calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.dark-green {
  background: linear-gradient(to bottom, oklch(from rgb(117, 188, 33) calc(l * 1.3) 0.25 h) 0%, oklch(from rgb(117, 188, 33) calc(l * 0.9) c h) 30%, oklch(from rgb(117, 188, 33) calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.dark-green:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from rgb(117, 188, 33) calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.dark-green:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from rgb(117, 188, 33) calc(l * 1.3) 0.25 h) 0%, oklch(from rgb(117, 188, 33) calc(l * 0.9) c h) 30%, oklch(from rgb(117, 188, 33) calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.light-yellow {
  background: linear-gradient(to bottom, oklch(from #ffc32c calc(l * 1.3) 0.25 h) 0%, oklch(from #ffc32c calc(l * 0.9) c h) 30%, oklch(from #ffc32c calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.light-yellow:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #ffc32c calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.light-yellow:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #ffc32c calc(l * 1.3) 0.25 h) 0%, oklch(from #ffc32c calc(l * 0.9) c h) 30%, oklch(from #ffc32c calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.dark-yellow {
  background: linear-gradient(to bottom, oklch(from #ffb125 calc(l * 1.3) 0.25 h) 0%, oklch(from #ffb125 calc(l * 0.9) c h) 30%, oklch(from #ffb125 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.dark-yellow:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #ffb125 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.dark-yellow:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #ffb125 calc(l * 1.3) 0.25 h) 0%, oklch(from #ffb125 calc(l * 0.9) c h) 30%, oklch(from #ffb125 calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.medium-grey {
  background: linear-gradient(to bottom, oklch(from #ccc calc(l * 1.3) 0.25 h) 0%, oklch(from #ccc calc(l * 0.9) c h) 30%, oklch(from #ccc calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.medium-grey:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #ccc calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.medium-grey:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #ccc calc(l * 1.3) 0.25 h) 0%, oklch(from #ccc calc(l * 0.9) c h) 30%, oklch(from #ccc calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.light-grey {
  background: linear-gradient(to bottom, oklch(from #f5f5f5 calc(l * 1.3) 0.25 h) 0%, oklch(from #f5f5f5 calc(l * 0.9) c h) 30%, oklch(from #f5f5f5 calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.light-grey:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #f5f5f5 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.light-grey:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #f5f5f5 calc(l * 1.3) 0.25 h) 0%, oklch(from #f5f5f5 calc(l * 0.9) c h) 30%, oklch(from #f5f5f5 calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.rounded .progress-container__inner.dark-grey {
  background: linear-gradient(to bottom, oklch(from #4e535a calc(l * 1.3) 0.25 h) 0%, oklch(from #4e535a calc(l * 0.9) c h) 30%, oklch(from #4e535a calc(l * 1) 0.25 h) 100%);
}
.progress-bar-content.rounded .progress-container__inner.dark-grey:before {
  content: "";
  height: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #4e535a calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.rounded .progress-container__inner.dark-grey:after {
  content: "";
  height: 85px;
  width: 20px;
  background: linear-gradient(to bottom, oklch(from #4e535a calc(l * 1.3) 0.25 h) 0%, oklch(from #4e535a calc(l * 0.9) c h) 30%, oklch(from #4e535a calc(l * 1) 0.25 h) 100%);
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background-color: #4e535a;
  box-shadow: inset 7px 0px 19px rgba(0, 0, 0, 0.35);
}
.progress-bar-content.slanted p {
  transform: skew(15deg);
}
.progress-bar-content.slanted .progress-container {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  display: flex;
}
.progress-bar-content.slanted .progress-container__inner {
  transform: skew(15deg);
}
.progress-bar-content.slanted .progress-container__inner.default-red:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #c10f3a calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.dark-red:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #911938 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.light-purple:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #8332a7 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.dark-purple:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #490e67 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.light-blue:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #135cb0 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.dark-blue:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #002856 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.light-aqua:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #64d0e4 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.dark-aqua:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #1eadc1 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.light-green:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #c0da07 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.dark-green:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from rgb(117, 188, 33) calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.light-yellow:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #ffc32c calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.dark-yellow:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #ffb125 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.medium-grey:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #ccc calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.light-grey:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #f5f5f5 calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner.dark-grey:before {
  content: "";
  height: 1px;
  width: 98%;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  bottom: 31px;
  background: oklch(from #4e535a calc(l * 1.05) 0.25 h) 0%;
}
.progress-bar-content.slanted .progress-container__inner:after {
  content: "";
  height: 85px;
  display: block;
  transform: skew(-15deg);
  transform-origin: bottom left;
  position: relative;
  left: -12px;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.progress-bar-content.slanted .progress-container__inner.new_progress:after {
  background: linear-gradient(to bottom, oklch(from #ffc32c calc(l * 1.3) 0.25 h) 0%, oklch(from #ffc32c calc(l * 0.98) c h) 30%, oklch(from #ffc32c calc(l * 1) 0.25 h) 100%);
  border-top-right-radius: 0.3rem;
}
.progress-bar-content.slanted .progress-container__inner.default-red:after {
  background: linear-gradient(to bottom, oklch(from #c10f3a calc(l * 1.3) 0.25 h) 0%, oklch(from #c10f3a calc(l * 0.9) c h) 30%, oklch(from #c10f3a calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.dark-red:after {
  background: linear-gradient(to bottom, oklch(from #911938 calc(l * 1.3) 0.25 h) 0%, oklch(from #911938 calc(l * 0.9) c h) 30%, oklch(from #911938 calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.light-purple:after {
  background: linear-gradient(to bottom, oklch(from #8332a7 calc(l * 1.3) 0.25 h) 0%, oklch(from #8332a7 calc(l * 0.9) c h) 30%, oklch(from #8332a7 calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.dark-purple:after {
  background: linear-gradient(to bottom, oklch(from #490e67 calc(l * 1.3) 0.25 h) 0%, oklch(from #490e67 calc(l * 0.9) c h) 30%, oklch(from #490e67 calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.light-blue:after {
  background: linear-gradient(to bottom, oklch(from #135cb0 calc(l * 1.3) 0.25 h) 0%, oklch(from #135cb0 calc(l * 0.9) c h) 30%, oklch(from #135cb0 calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.dark-blue:after {
  background: linear-gradient(to bottom, oklch(from #002856 calc(l * 1.3) 0.25 h) 0%, oklch(from #002856 calc(l * 0.9) c h) 30%, oklch(from #002856 calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.light-aqua:after {
  background: linear-gradient(to bottom, oklch(from #64d0e4 calc(l * 1.3) 0.25 h) 0%, oklch(from #64d0e4 calc(l * 0.9) c h) 30%, oklch(from #64d0e4 calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.dark-aqua:after {
  background: linear-gradient(to bottom, oklch(from #1eadc1 calc(l * 1.3) 0.25 h) 0%, oklch(from #1eadc1 calc(l * 0.9) c h) 30%, oklch(from #1eadc1 calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.light-green:after {
  background: linear-gradient(to bottom, oklch(from #c0da07 calc(l * 1.3) 0.25 h) 0%, oklch(from #c0da07 calc(l * 0.9) c h) 30%, oklch(from #c0da07 calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.dark-green:after {
  background: linear-gradient(to bottom, oklch(from rgb(117, 188, 33) calc(l * 1.3) 0.25 h) 0%, oklch(from rgb(117, 188, 33) calc(l * 0.9) c h) 30%, oklch(from rgb(117, 188, 33) calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.light-yellow:after {
  background: linear-gradient(to bottom, oklch(from #ffc32c calc(l * 1.3) 0.25 h) 0%, oklch(from #ffc32c calc(l * 0.9) c h) 30%, oklch(from #ffc32c calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.dark-yellow:after {
  background: linear-gradient(to bottom, oklch(from #ffb125 calc(l * 1.3) 0.25 h) 0%, oklch(from #ffb125 calc(l * 0.9) c h) 30%, oklch(from #ffb125 calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.medium-grey:after {
  background: linear-gradient(to bottom, oklch(from #ccc calc(l * 1.3) 0.25 h) 0%, oklch(from #ccc calc(l * 0.9) c h) 30%, oklch(from #ccc calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.light-grey:after {
  background: linear-gradient(to bottom, oklch(from #f5f5f5 calc(l * 1.3) 0.25 h) 0%, oklch(from #f5f5f5 calc(l * 0.9) c h) 30%, oklch(from #f5f5f5 calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .progress-container__inner.dark-grey:after {
  background: linear-gradient(to bottom, oklch(from #4e535a calc(l * 1.3) 0.25 h) 0%, oklch(from #4e535a calc(l * 0.9) c h) 30%, oklch(from #4e535a calc(l * 1) 0.25 h) 100%);
  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.5));
}
.progress-bar-content.slanted .scroller-bar {
  border-bottom-right-radius: 0.3rem;
}
.progress-bar-content .progress-container {
  height: 85px;
  position: relative;
}
.progress-bar-content .progress-container:after {
  content: "";
  position: absolute;
  bottom: 30px;
  width: 100%;
  height: 1px;
  background-color: #45494f;
}
.progress-bar-content .progress-container:before {
  content: "";
  position: absolute;
  bottom: 31px;
  width: 100%;
  height: 1px;
  background-color: #575d65;
}
.progress-bar-content .progress-container p {
  font-weight: 900;
  color: #fff;
  position: absolute;
  z-index: 9998;
  line-height: 0;
  top: 25px;
  filter: drop-shadow(8px 0px 7px rgba(0, 0, 0, 0.35));
}
.progress-bar-content .progress-container p .raised-wrap.amount-changed {
  display: block;
  animation: bounce 0.4s 1 ease-in-out;
}
.progress-bar-content .progress-container p.small {
  font-size: 2rem;
  -webkit-text-stroke: 0.5px #fff;
}
.progress-bar-content .progress-container p.medium {
  font-size: 3rem;
  -webkit-text-stroke: 1px #fff;
}
.progress-bar-content .progress-container p.large {
  font-size: 4.5rem;
  -webkit-text-stroke: 1px #fff;
  top: 11px;
}
.progress-bar-content .progress-container p.default-red span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #c10f3a 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.default-red span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-red span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #911938 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-red span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-purple span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #8332a7 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-purple span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-purple span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #490e67 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-purple span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-blue span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #135cb0 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-blue span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-blue span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #002856 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-blue span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-aqua span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #64d0e4 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-aqua span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-aqua span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #1eadc1 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-aqua span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-green span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #c0da07 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-green span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-green span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, rgb(117, 188, 33) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-green span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-yellow span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-yellow span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-yellow span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffb125 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-yellow span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.medium-grey span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ccc 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.medium-grey span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-grey span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #f5f5f5 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.light-grey span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-grey span {
  text-transform: uppercase;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #4e535a 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container p.dark-grey span.new {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.progress-bar-content .progress-container.active .progress-container__goal {
  opacity: 0;
  transition: all ease-in-out 0.5s;
}
.progress-bar-content .progress-container.active .progress-container__raised {
  transition: left ease-in-out 1s;
  position: absolute;
}
.progress-bar-content .progress-container__raised {
  transition: all ease-in-out 1s;
  opacity: 1;
}
.progress-bar-content .progress-container__raised.completed {
  opacity: 0;
}
.progress-bar-content .progress-container__goal {
  right: 15px;
  opacity: 1;
  transition: all ease-in-out 0.5s;
}
.progress-bar-content .progress-container__goal.completed {
  opacity: 0;
}
.progress-bar-content .progress-container__inner {
  height: 85px;
  width: 0px;
  position: relative;
  z-index: 2;
  transition: ease-in-out 1s;
}
.progress-bar-content .progress-container__inner.original {
  position: absolute;
  top: 0;
  z-index: 9997;
}
.progress-bar-content .progress-container__inner.new_progress {
  position: absolute;
  filter: drop-shadow(0px 0px 0px);
}
.progress-bar-content .progress-container__inner.new_progress .slide-wrapper {
  overflow: hidden;
  width: 100%;
  height: 85px;
  position: absolute;
  top: 0;
  z-index: 3;
}
.progress-bar-content .progress-container__inner.new_progress .slide-wrapper .slide-new {
  position: relative;
  display: inline-block;
  transform: translateX(100%);
  width: 100%;
  height: 55px;
  z-index: 1;
  background: #fff;
  animation: slide-new 10s infinite;
}
@keyframes slide-new {
  0% {
    transform: translateX(-100%);
    opacity: 1;
  }
  80% {
    transform: translateX(-100%);
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}
.progress-bar-content .progress-container__inner.new_progress .sparkle {
  position: absolute;
  right: -40px;
  top: -32px;
  width: 80px;
  height: 80px;
  z-index: 9999;
  /* Smooth out rotation and rendering */
  animation: twinkle2 2.5s infinite both;
  animation-timing-function: linear;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.progress-bar-content .progress-container__inner.new_progress .sparkle.small {
  top: 15px;
  right: 125px;
  width: 60px;
  height: 60px;
  animation-delay: 1s;
}
@keyframes twinkle2 {
  0% {
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
  15% {
    transform: rotate(54deg) scale(0.1);
    opacity: 1;
  }
  50% {
    transform: rotate(180deg) scale(0.1);
    opacity: 1;
  }
  85% {
    transform: rotate(306deg) scale(0.1);
    opacity: 0;
  }
  100% {
    transform: rotate(360deg) scale(0);
    opacity: 0;
  }
}
.progress-bar-content .progress-container__inner.new_progress .sparkle:before {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(66.66deg) skewX(45deg);
}
.progress-bar-content .progress-container__inner.new_progress .sparkle:after {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(156.66deg) skew(45deg);
}
.progress-bar-content .progress-container__inner.complete:after {
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.5));
}
.progress-bar-content .scroller-bar__section.active .scroller-bar__section__items:before {
  content: "";
  position: absolute;
  z-index: 9999;
  left: -5px;
  width: 70px;
  height: 30px;
  opacity: 0;
  animation: fadeIn 0.3s ease-in-out 0.25s forwards;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(180deg, #4e535a 0%, oklch(from #4e535a calc(l * 0.6) 0 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 0%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 0%, transparent 100%);
}
.progress-bar-content .scroller-bar__section.active .scroller-bar__section__items:after {
  content: "";
  position: absolute;
  z-index: 9999;
  right: -5px;
  width: 70px;
  height: 30px;
  opacity: 0;
  animation: fadeIn 0.3s ease-in-out 0.25s forwards;
  background: linear-gradient(to left, transparent, transparent), linear-gradient(180deg, #4e535a 0%, oklch(from #4e535a calc(l * 0.6) 0 h) 100%);
  -webkit-mask-image: linear-gradient(to left, oklch(from #4e535a calc(l * 0.6) 0 h) 0%, transparent 100%);
          mask-image: linear-gradient(to left, oklch(from #4e535a calc(l * 0.6) 0 h) 0%, transparent 100%);
}
.progress-bar-content .scroller-bar.slanted {
  border-bottom-right-radius: 0.3rem !important;
}
.progress-bar-content .scroller-bar.slanted .scroller-bar__section__title,
.progress-bar-content .scroller-bar.slanted .scroller-bar__section__items {
  transform: skew(15deg);
}
.progress-bar-content .scroller-bar.slanted .scroller-bar__section__title:before, .progress-bar-content .scroller-bar.slanted .scroller-bar__section__title:after,
.progress-bar-content .scroller-bar.slanted .scroller-bar__section__items:before,
.progress-bar-content .scroller-bar.slanted .scroller-bar__section__items:after {
  transform: skew(-15deg);
}
.progress-bar-content.default-red .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.default-red .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #c10f3a calc(l * 1.3) 0.25 h) 0%, oklch(from #c10f3a calc(l * 0.9) c h) 30%, oklch(from #c10f3a calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.dark-red .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.dark-red .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #911938 calc(l * 1.3) 0.25 h) 0%, oklch(from #911938 calc(l * 0.9) c h) 30%, oklch(from #911938 calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.light-purple .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.light-purple .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #8332a7 calc(l * 1.3) 0.25 h) 0%, oklch(from #8332a7 calc(l * 0.9) c h) 30%, oklch(from #8332a7 calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.dark-purple .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.dark-purple .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #490e67 calc(l * 1.3) 0.25 h) 0%, oklch(from #490e67 calc(l * 0.9) c h) 30%, oklch(from #490e67 calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.light-blue .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.light-blue .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #135cb0 calc(l * 1.3) 0.25 h) 0%, oklch(from #135cb0 calc(l * 0.9) c h) 30%, oklch(from #135cb0 calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.dark-blue .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.dark-blue .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #002856 calc(l * 1.3) 0.25 h) 0%, oklch(from #002856 calc(l * 0.9) c h) 30%, oklch(from #002856 calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.light-aqua .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.light-aqua .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #64d0e4 calc(l * 1.3) 0.25 h) 0%, oklch(from #64d0e4 calc(l * 0.9) c h) 30%, oklch(from #64d0e4 calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.dark-aqua .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.dark-aqua .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #1eadc1 calc(l * 1.3) 0.25 h) 0%, oklch(from #1eadc1 calc(l * 0.9) c h) 30%, oklch(from #1eadc1 calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.light-green .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.light-green .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #c0da07 calc(l * 1.3) 0.25 h) 0%, oklch(from #c0da07 calc(l * 0.9) c h) 30%, oklch(from #c0da07 calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.dark-green .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.dark-green .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from rgb(117, 188, 33) calc(l * 1.3) 0.25 h) 0%, oklch(from rgb(117, 188, 33) calc(l * 0.9) c h) 30%, oklch(from rgb(117, 188, 33) calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.light-yellow .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.light-yellow .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #ffc32c calc(l * 1.3) 0.25 h) 0%, oklch(from #ffc32c calc(l * 0.9) c h) 30%, oklch(from #ffc32c calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.dark-yellow .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.dark-yellow .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #ffb125 calc(l * 1.3) 0.25 h) 0%, oklch(from #ffb125 calc(l * 0.9) c h) 30%, oklch(from #ffb125 calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.medium-grey .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.medium-grey .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #ccc calc(l * 1.3) 0.25 h) 0%, oklch(from #ccc calc(l * 0.9) c h) 30%, oklch(from #ccc calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.light-grey .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.light-grey .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #f5f5f5 calc(l * 1.3) 0.25 h) 0%, oklch(from #f5f5f5 calc(l * 0.9) c h) 30%, oklch(from #f5f5f5 calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}
.progress-bar-content.dark-grey .scroller-bar {
  border-radius: 0;
}
.progress-bar-content.dark-grey .scroller-bar:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -55px;
  height: 85px;
  width: 70px;
  background: linear-gradient(to right, transparent, transparent), linear-gradient(to bottom, oklch(from #4e535a calc(l * 1.3) 0.25 h) 0%, oklch(from #4e535a calc(l * 0.9) c h) 30%, oklch(from #4e535a calc(l * 1) 0.25 h) 100%);
  -webkit-mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
          mask-image: linear-gradient(to right, oklch(from #4e535a calc(l * 0.6) 0 h) 10%, transparent 100%);
}.progress-container .confetti {
  height: 100%;
}
.progress-container__completed {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 9999;
  animation: fadeIn 0.5s linear 1 forwards, fadeOut 0.5s linear 14.5s 1 forwards;
}
.progress-container__completed.rounded {
  border-top-right-radius: 15px;
}
.progress-container__completed.rounded.default-red {
  background: linear-gradient(to bottom, oklch(from #c10f3a calc(l * 1.3) 0.25 h) 0%, oklch(from #c10f3a calc(l * 0.9) c h) 30%, oklch(from #c10f3a calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.dark-red {
  background: linear-gradient(to bottom, oklch(from #911938 calc(l * 1.3) 0.25 h) 0%, oklch(from #911938 calc(l * 0.9) c h) 30%, oklch(from #911938 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.light-purple {
  background: linear-gradient(to bottom, oklch(from #8332a7 calc(l * 1.3) 0.25 h) 0%, oklch(from #8332a7 calc(l * 0.9) c h) 30%, oklch(from #8332a7 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.dark-purple {
  background: linear-gradient(to bottom, oklch(from #490e67 calc(l * 1.3) 0.25 h) 0%, oklch(from #490e67 calc(l * 0.9) c h) 30%, oklch(from #490e67 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.light-blue {
  background: linear-gradient(to bottom, oklch(from #135cb0 calc(l * 1.3) 0.25 h) 0%, oklch(from #135cb0 calc(l * 0.9) c h) 30%, oklch(from #135cb0 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.dark-blue {
  background: linear-gradient(to bottom, oklch(from #002856 calc(l * 1.3) 0.25 h) 0%, oklch(from #002856 calc(l * 0.9) c h) 30%, oklch(from #002856 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.light-aqua {
  background: linear-gradient(to bottom, oklch(from #64d0e4 calc(l * 1.3) 0.25 h) 0%, oklch(from #64d0e4 calc(l * 0.9) c h) 30%, oklch(from #64d0e4 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.dark-aqua {
  background: linear-gradient(to bottom, oklch(from #1eadc1 calc(l * 1.3) 0.25 h) 0%, oklch(from #1eadc1 calc(l * 0.9) c h) 30%, oklch(from #1eadc1 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.light-green {
  background: linear-gradient(to bottom, oklch(from #c0da07 calc(l * 1.3) 0.25 h) 0%, oklch(from #c0da07 calc(l * 0.9) c h) 30%, oklch(from #c0da07 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.dark-green {
  background: linear-gradient(to bottom, oklch(from rgb(117, 188, 33) calc(l * 1.3) 0.25 h) 0%, oklch(from rgb(117, 188, 33) calc(l * 0.9) c h) 30%, oklch(from rgb(117, 188, 33) calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.light-yellow {
  background: linear-gradient(to bottom, oklch(from #ffc32c calc(l * 1.3) 0.25 h) 0%, oklch(from #ffc32c calc(l * 0.9) c h) 30%, oklch(from #ffc32c calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.dark-yellow {
  background: linear-gradient(to bottom, oklch(from #ffb125 calc(l * 1.3) 0.25 h) 0%, oklch(from #ffb125 calc(l * 0.9) c h) 30%, oklch(from #ffb125 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.medium-grey {
  background: linear-gradient(to bottom, oklch(from #ccc calc(l * 1.3) 0.25 h) 0%, oklch(from #ccc calc(l * 0.9) c h) 30%, oklch(from #ccc calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.light-grey {
  background: linear-gradient(to bottom, oklch(from #f5f5f5 calc(l * 1.3) 0.25 h) 0%, oklch(from #f5f5f5 calc(l * 0.9) c h) 30%, oklch(from #f5f5f5 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.rounded.dark-grey {
  background: linear-gradient(to bottom, oklch(from #4e535a calc(l * 1.3) 0.25 h) 0%, oklch(from #4e535a calc(l * 0.9) c h) 30%, oklch(from #4e535a calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted .progress-container__completed__goal,
.progress-container__completed.slanted canvas {
  transform: skew(15deg);
}
.progress-container__completed.slanted.default-red:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #c10f3a calc(l * 1.3) 0.25 h) 0%, oklch(from #c10f3a calc(l * 0.9) c h) 30%, oklch(from #c10f3a calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.dark-red:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #911938 calc(l * 1.3) 0.25 h) 0%, oklch(from #911938 calc(l * 0.9) c h) 30%, oklch(from #911938 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.light-purple:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #8332a7 calc(l * 1.3) 0.25 h) 0%, oklch(from #8332a7 calc(l * 0.9) c h) 30%, oklch(from #8332a7 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.dark-purple:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #490e67 calc(l * 1.3) 0.25 h) 0%, oklch(from #490e67 calc(l * 0.9) c h) 30%, oklch(from #490e67 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.light-blue:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #135cb0 calc(l * 1.3) 0.25 h) 0%, oklch(from #135cb0 calc(l * 0.9) c h) 30%, oklch(from #135cb0 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.dark-blue:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #002856 calc(l * 1.3) 0.25 h) 0%, oklch(from #002856 calc(l * 0.9) c h) 30%, oklch(from #002856 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.light-aqua:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #64d0e4 calc(l * 1.3) 0.25 h) 0%, oklch(from #64d0e4 calc(l * 0.9) c h) 30%, oklch(from #64d0e4 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.dark-aqua:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #1eadc1 calc(l * 1.3) 0.25 h) 0%, oklch(from #1eadc1 calc(l * 0.9) c h) 30%, oklch(from #1eadc1 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.light-green:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #c0da07 calc(l * 1.3) 0.25 h) 0%, oklch(from #c0da07 calc(l * 0.9) c h) 30%, oklch(from #c0da07 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.dark-green:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from rgb(117, 188, 33) calc(l * 1.3) 0.25 h) 0%, oklch(from rgb(117, 188, 33) calc(l * 0.9) c h) 30%, oklch(from rgb(117, 188, 33) calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.light-yellow:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #ffc32c calc(l * 1.3) 0.25 h) 0%, oklch(from #ffc32c calc(l * 0.9) c h) 30%, oklch(from #ffc32c calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.dark-yellow:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #ffb125 calc(l * 1.3) 0.25 h) 0%, oklch(from #ffb125 calc(l * 0.9) c h) 30%, oklch(from #ffb125 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.medium-grey:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #ccc calc(l * 1.3) 0.25 h) 0%, oklch(from #ccc calc(l * 0.9) c h) 30%, oklch(from #ccc calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.light-grey:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #f5f5f5 calc(l * 1.3) 0.25 h) 0%, oklch(from #f5f5f5 calc(l * 0.9) c h) 30%, oklch(from #f5f5f5 calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed.slanted.dark-grey:after {
  content: "";
  position: absolute;
  height: 85px;
  width: 100%;
  display: block;
  transform-origin: bottom left;
  top: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: linear-gradient(to bottom, oklch(from #4e535a calc(l * 1.3) 0.25 h) 0%, oklch(from #4e535a calc(l * 0.9) c h) 30%, oklch(from #4e535a calc(l * 1) 0.25 h) 100%);
}
.progress-container__completed__goal {
  overflow: hidden;
  text-align: center;
  z-index: 9999;
  height: 85px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: -moz-hidden-unscrollable;
}
.progress-container__completed__goal.active {
  opacity: 0;
  transition: ease-in-out 0.5s;
}
.progress-container__completed__goal.default-red span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #c10f3a 100%);
}
.progress-container__completed__goal.dark-red span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #911938 100%);
}
.progress-container__completed__goal.light-purple span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #8332a7 100%);
}
.progress-container__completed__goal.dark-purple span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #490e67 100%);
}
.progress-container__completed__goal.light-blue span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #135cb0 100%);
}
.progress-container__completed__goal.dark-blue span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #002856 100%);
}
.progress-container__completed__goal.light-aqua span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #64d0e4 100%);
}
.progress-container__completed__goal.dark-aqua span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #1eadc1 100%);
}
.progress-container__completed__goal.light-green span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #c0da07 100%);
}
.progress-container__completed__goal.dark-green span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, rgb(117, 188, 33) 100%);
}
.progress-container__completed__goal.light-yellow span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffc32c 100%);
}
.progress-container__completed__goal.dark-yellow span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffb125 100%);
}
.progress-container__completed__goal.medium-grey span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ccc 100%);
}
.progress-container__completed__goal.light-grey span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #f5f5f5 100%);
}
.progress-container__completed__goal.dark-grey span {
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #4e535a 100%);
}
.progress-container__completed__goal span:nth-of-type(1) {
  --hgoal-rotation: 9deg;
  font-size: 4rem;
  font-weight: 900;
  animation: hgoalAppear 13s ease-in-out 1.5s 1 forwards;
  opacity: 0;
  display: inline-block;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  transform: translateY(-1px);
  filter: drop-shadow(8px 0px 7px rgba(0, 0, 0, 0.35));
}
.progress-container__completed__goal span:nth-of-type(2) {
  --hgoal-rotation: -7deg;
  font-size: 4rem;
  font-weight: 900;
  animation: hgoalAppear 13s ease-in-out 1.55s 1 forwards;
  opacity: 0;
  display: inline-block;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  transform: translateY(-1px);
  filter: drop-shadow(8px 0px 7px rgba(0, 0, 0, 0.35));
}
.progress-container__completed__goal span:nth-of-type(3) {
  --hgoal-rotation: -7deg;
  font-size: 4rem;
  font-weight: 900;
  animation: hgoalAppear 13s ease-in-out 1.6s 1 forwards;
  opacity: 0;
  display: inline-block;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  transform: translateY(-1px);
  filter: drop-shadow(8px 0px 7px rgba(0, 0, 0, 0.35));
}
.progress-container__completed__goal span:nth-of-type(4) {
  --hgoal-rotation: -2deg;
  font-size: 4rem;
  font-weight: 900;
  animation: hgoalAppear 13s ease-in-out 1.65s 1 forwards;
  opacity: 0;
  display: inline-block;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  transform: translateY(-1px);
  filter: drop-shadow(8px 0px 7px rgba(0, 0, 0, 0.35));
}
.progress-container__completed__goal span:nth-of-type(5) {
  --hgoal-rotation: -4deg;
  font-size: 4rem;
  font-weight: 900;
  animation: hgoalAppear 13s ease-in-out 1.7s 1 forwards;
  opacity: 0;
  display: inline-block;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  transform: translateY(-1px);
  filter: drop-shadow(8px 0px 7px rgba(0, 0, 0, 0.35));
}
.progress-container__completed__goal span:nth-of-type(6) {
  --hgoal-rotation: -8deg;
  font-size: 4rem;
  font-weight: 900;
  animation: hgoalAppear 13s ease-in-out 1.75s 1 forwards;
  opacity: 0;
  display: inline-block;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  transform: translateY(-1px);
  filter: drop-shadow(8px 0px 7px rgba(0, 0, 0, 0.35));
}
.progress-container__completed__goal span:nth-of-type(7) {
  --hgoal-rotation: 8deg;
  font-size: 4rem;
  font-weight: 900;
  animation: hgoalAppear 13s ease-in-out 1.8s 1 forwards;
  opacity: 0;
  display: inline-block;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  transform: translateY(-1px);
  filter: drop-shadow(8px 0px 7px rgba(0, 0, 0, 0.35));
}
.progress-container__completed__goal .completed_space {
  margin-left: 1rem;
}
.progress-container__completed__goal.right {
  justify-content: end;
  padding-right: 0.5em;
}
@keyframes innerPulse {
  0% {
    background: transparent;
  }
  50% {
    background: rgba(0, 0, 0, 0.3);
  }
  100% {
    background: transparent;
  }
}
@keyframes fadeAway {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.full-overlay .progress-container__completed {
  animation: innerPulse ease-in-out 2s infinite forwards;
}

.full-overlay-slant .therm-container__completed:after,
.max-overlay .therm-container__completed:after {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 9998;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
  animation: innerPulse ease-in-out 2s infinite forwards;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
.campaign-milestones {
  height: 45px;
  z-index: 9998;
  position: absolute;
  line-height: 2em;
  text-align: center;
  display: block;
  position: absolute;
  top: 5px;
  transition: ease-in-out 1s;
}
.campaign-milestones__inner {
  overflow: hidden;
  height: 45px;
}
.campaign-milestones__text {
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: ease-in-out 1s;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  container-type: inline-size;
}
.campaign-milestones__text div {
  display: inline-block;
  overflow: hidden;
  white-space: break-spaces;
  opacity: 1;
}
.campaign-milestones__text div.m_info {
  font-size: 1.2rem;
  line-height: 1.3rem;
  font-weight: 600;
  padding: 0 0.4rem;
}
@container (width <= 400px) {
  .campaign-milestones__text div.m_info {
    font-size: 1rem;
    line-height: 1.1rem;
    font-weight: 400;
  }
}
@container (width <= 220px) {
  .campaign-milestones__text div.m_info {
    font-size: 0.8rem;
    font-weight: 400;
  }
}
@keyframes showup {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slideIn {
  0% {
    margin-left: -800px;
  }
  20% {
    margin-left: -800px;
  }
  35% {
    margin-left: 0;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes reveal {
  0% {
    opacity: 0;
    width: 0;
  }
  20% {
    opacity: 1;
    width: 0;
  }
  30% {
    width: auto;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    width: auto;
  }
}

.rounded .campaign-milestones__text:after {
  content: "";
  height: 45px;
  width: 20px;
  position: absolute;
  right: -20px;
  border-radius: 0 20px 0 0;
  background: rgba(0, 0, 0, 0.5);
}

.slanted .campaign-milestones .m_info {
  transform: skew(15deg);
}

.progress-bar-milestones-min {
  height: 70px;
  overflow: hidden;
}
.progress-bar-milestones-min__text {
  color: #fff;
  display: flex;
  height: 100%;
  padding: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.progress-bar-milestones-min__text .m_next {
  font-weight: 900;
  min-width: 100px;
  text-align: center;
}
.progress-bar-milestones-min__text .m_info {
  height: 50px;
  position: relative;
  width: 100%;
}
.progress-bar-milestones-min__text .m_info.default-red {
  color: #c10f3a;
}
.progress-bar-milestones-min__text .m_info.dark-red {
  color: #911938;
}
.progress-bar-milestones-min__text .m_info.light-purple {
  color: #8332a7;
}
.progress-bar-milestones-min__text .m_info.dark-purple {
  color: #490e67;
}
.progress-bar-milestones-min__text .m_info.light-blue {
  color: #135cb0;
}
.progress-bar-milestones-min__text .m_info.dark-blue {
  color: #002856;
}
.progress-bar-milestones-min__text .m_info.light-aqua {
  color: #64d0e4;
}
.progress-bar-milestones-min__text .m_info.dark-aqua {
  color: #1eadc1;
}
.progress-bar-milestones-min__text .m_info.light-green {
  color: #c0da07;
}
.progress-bar-milestones-min__text .m_info.dark-green {
  color: rgb(117, 188, 33);
}
.progress-bar-milestones-min__text .m_info.light-yellow {
  color: #ffc32c;
}
.progress-bar-milestones-min__text .m_info.dark-yellow {
  color: #ffb125;
}
.progress-bar-milestones-min__text .m_info.medium-grey {
  color: #ccc;
}
.progress-bar-milestones-min__text .m_info.light-grey {
  color: #f5f5f5;
}
.progress-bar-milestones-min__text .m_info.dark-grey {
  color: #4e535a;
}
.progress-bar-milestones-min__text .m_info span {
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.4em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.progress-bar-milestones-min__text.lower {
  display: none;
}
.progress-bar-milestones-min > .higher ~ .higher span {
  visibility: hidden;
}/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.scroller-bar {
  width: 100%;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  z-index: 9998;
  background: linear-gradient(180deg, #4e535a 0%, oklch(from #4e535a calc(l * 0.6) 0 h) 100%);
}
.scroller-bar__item {
  color: #fff;
  height: 50%;
  padding-right: 1em;
}
.scroller-bar__item span:first-child {
  font-weight: bolder;
}
.scroller-bar__item span:last-child {
  font-weight: 700;
}
.scroller-bar__item::after {
  content: "";
  width: 5px;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 100%;
  right: -6px;
  position: absolute;
}
.scroller-bar__item:last-child::after {
  display: none !important;
}
.scroller-bar__empty__section {
  opacity: 0 !important;
}
.scroller-bar__full__section {
  opacity: 1;
}
.scroller-bar__section {
  display: flex;
  min-width: 100%;
  height: 100%;
  align-items: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(0);
  transition: transform 250ms ease-in-out, opacity 150ms ease-in-out;
}
.scroller-bar__section.inactive {
  transform: translateY(-30px);
}
.scroller-bar__section__items {
  height: 100%;
  flex-grow: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.scroller-bar__section__title {
  height: 100%;
  padding-left: 0.1em;
  padding-right: 0.5em;
  display: flex;
  align-items: center;
  z-index: 100;
  text-align: center;
  color: #fff;
  font-weight: 700;
  position: relative;
}
.scroller-bar__section__title .triangle {
  margin-left: 0.2em;
  width: 5px;
  height: 5px;
  display: inline;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #4e535a;
  border-right: none;
}
.scroller-bar__section__title span {
  width: 100%;
  text-align: center;
  margin-right: 0.3em;
}
.scroller-bar__item {
  padding-left: 1em;
  padding-right: 1em;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: space-between;
}
.scroller-bar__item__wrapper {
  display: flex;
  width: 100%;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
}

.themed-scroller-bar {
  font-family: "SJ Sans", "Open Sans", sans-serif;
  background: rgb(51, 51, 51);
  position: absolute;
  bottom: 0;
  z-index: 9999;
  background: linear-gradient(180deg, #4e535a 0%, oklch(from #4e535a calc(l * 0.6) 0 h) 100%);
}
@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.max-overlay {
  width: 100%;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  display: flex;
}
@media only screen and (max-width: 1000px) {
  .max-overlay {
    width: 1000px;
  }
}
.max-overlay.scroller {
  height: 90px;
}
.max-overlay.no-scroller {
  height: 60px;
}
.max-overlay__left {
  position: relative;
  max-width: 220px;
  min-width: 180px;
  height: 90px;
  background-color: #474c55;
}
.max-overlay__left.small {
  height: 60px;
}
.max-overlay__left .logo {
  position: relative;
  height: 89px;
  z-index: 9999;
  background-image: url("/assets/triangle_bg-BYTupjE2.png");
}
.max-overlay__left .logo:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
  background: #474c55 url("/assets/triangle_bg-BYTupjE2.png") no-repeat left bottom;
}
.max-overlay__left .logo span {
  display: none;
}
.max-overlay__left .logo .child-icon {
  position: absolute;
  top: 20px;
  bottom: 0;
  right: 0;
  left: 7px;
  margin: 0 auto;
}
.max-overlay__left .logo .playlive_logo {
  position: absolute;
  top: 20px;
  bottom: 20px;
  right: 0;
  left: 12px;
  margin: 0 auto;
  width: 80%;
  display: inline-block;
  background: url("/assets/playlive_logo-VG39f_nb.png") no-repeat 50% 20%;
  background-size: contain;
}
.max-overlay__left .logo .custom-logo-img {
  top: 15px;
  bottom: 15px;
  right: 0;
  left: 8px;
  margin: 0 auto;
  width: 60px;
}
.max-overlay__left .logo.logo-small {
  height: 60px;
}
.max-overlay__left .logo.logo-small .child-icon {
  top: 12%;
  padding: 5px;
  width: 60px;
  height: 60px;
}
.max-overlay__left .logo.logo-small .custom-logo-img {
  top: 6px;
  bottom: 6px;
  right: 0;
  left: 9px;
  margin: 0 auto;
  width: 48px;
}
.max-overlay__left .logo.logo-small .playlive_logo {
  padding: 5px;
  bottom: 15px;
  top: 15px;
}
.max-overlay__left .small-logo {
  position: relative;
  height: 60px;
  z-index: 9999;
  background-image: url("/assets/triangle_bg-BYTupjE2.png");
}
.max-overlay__left .small-logo:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("/assets/triangle_bg-BYTupjE2.png") no-repeat left bottom;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
}
.max-overlay__left .small-logo span {
  display: none;
}
.max-overlay__left .small-logo .child-icon {
  position: absolute;
  top: -2px;
  bottom: 0;
  right: 0;
  left: 4px;
  margin: 0 auto;
  width: 5.5rem;
  height: 5.5rem;
}
.max-overlay__left .small-logo .playlive_logo {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 9px;
  margin: 0 auto;
  width: 6rem;
  height: 6rem;
  display: inline-block;
  background: url("/assets/playlive_logo-VG39f_nb.png") no-repeat 50% 20%;
  background-size: 100%;
}
.max-overlay__right {
  flex-grow: 1;
  height: 90px;
  background-color: #4f555e;
}
.max-overlay__right .ticker-top {
  margin-left: 16px;
}
.max-overlay__right .therm-container {
  height: 60px;
  position: relative;
  overflow: hidden;
}
.max-overlay__right .therm-container__raised {
  font-weight: 800;
  color: #fff;
  font-size: 1.5em;
  text-shadow: 1px 1px 3px #333;
  position: absolute;
  z-index: 9999;
  left: 30px;
  top: 11px;
  line-height: 1.5em;
  animation: fadeIn ease 2s;
}
.max-overlay__right .therm-container__inner {
  height: 60px;
  width: 0;
  position: relative;
  transition: ease-in-out 0.5s;
  filter: drop-shadow(2px 0px 2px rgba(0, 0, 0, 0.8));
}
.max-overlay__right .therm-container__inner.original {
  position: absolute;
  top: 0;
  z-index: 9998;
}
.max-overlay__right .therm-container__inner.new_progress {
  position: absolute;
  filter: drop-shadow(0px 0px 0px);
}
.max-overlay__right .therm-container__inner.new_progress .slide-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 7px;
  top: 0;
  z-index: 2;
  transform: skew(-15deg, 0deg);
}
.max-overlay__right .therm-container__inner.new_progress .slide-wrapper .slide {
  position: relative;
  display: inline-block;
  transform: translateX(100%);
  width: 100%;
  height: 55px;
  z-index: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  animation: slide 10s infinite;
}
@keyframes slide {
  0% {
    transform: translateX(-100%);
  }
  80% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.max-overlay__right .therm-container__inner.new_progress:after {
  background-image: linear-gradient(-45deg, rgb(204, 156, 35.2), #ffc32c, rgb(204, 156, 35.2), #ffc32c);
  border: 2px solid rgb(127.5, 97.5, 22);
}
.max-overlay__right .therm-container__inner.new_progress .sparkle {
  position: absolute;
  right: -40px;
  top: -32px;
  width: 80px;
  height: 80px;
  z-index: 9999;
  animation: twinkle 3s infinite backwards;
  animation-timing-function: cubic-bezier(1, 1, 0.7, 1.5);
}
.max-overlay__right .therm-container__inner.new_progress .sparkle.small {
  top: 15px;
  right: 125px;
  width: 60px;
  height: 60px;
  animation-delay: 1s;
}
@keyframes twinkle {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  30% {
    transform: scale(0.1);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  60% {
    transform: scale(0.1);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  90% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.max-overlay__right .therm-container__inner.new_progress .sparkle:before {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(66.66deg) skewX(45deg);
}
.max-overlay__right .therm-container__inner.new_progress .sparkle:after {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(156.66deg) skew(45deg);
}
.max-overlay__right .therm-container__inner:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
  animation: gradient 15s ease infinite;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
}
.max-overlay__right .therm-container__inner.default-red:after {
  background: linear-gradient(-45deg, rgb(115.8, 9, 34.8), #c10f3a, rgb(115.8, 9, 34.8), #c10f3a);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.dark-red:after {
  background: linear-gradient(-45deg, rgb(87, 15, 33.6), #911938, rgb(87, 15, 33.6), #911938);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.light-purple:after {
  background: linear-gradient(-45deg, rgb(78.6, 30, 100.2), #8332a7, rgb(78.6, 30, 100.2), #8332a7);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.dark-purple:after {
  background: linear-gradient(-45deg, rgb(43.8, 8.4, 61.8), #490e67, rgb(43.8, 8.4, 61.8), #490e67);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.light-blue:after {
  background: linear-gradient(-45deg, rgb(11.4, 55.2, 105.6), #135cb0, rgb(11.4, 55.2, 105.6), #135cb0);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.dark-blue:after {
  background: linear-gradient(-45deg, rgb(0, 24, 51.6), #002856, rgb(0, 24, 51.6), #002856);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.light-aqua:after {
  background: linear-gradient(-45deg, rgb(60, 124.8, 136.8), #64d0e4, rgb(60, 124.8, 136.8), #64d0e4);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.dark-aqua:after {
  background: linear-gradient(-45deg, rgb(18, 103.8, 115.8), #1eadc1, rgb(18, 103.8, 115.8), #1eadc1);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.light-green:after {
  background: linear-gradient(-45deg, rgb(115.2, 130.8, 4.2), #c0da07, rgb(115.2, 130.8, 4.2), #c0da07);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.dark-green:after {
  background: linear-gradient(-45deg, rgb(70.2, 112.8, 19.8), rgb(117, 188, 33), rgb(70.2, 112.8, 19.8), rgb(117, 188, 33));
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.light-yellow:after {
  background: linear-gradient(-45deg, rgb(153, 117, 26.4), #ffc32c, rgb(153, 117, 26.4), #ffc32c);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.dark-yellow:after {
  background: linear-gradient(-45deg, rgb(153, 106.2, 22.2), #ffb125, rgb(153, 106.2, 22.2), #ffb125);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.medium-grey:after {
  background: linear-gradient(-45deg, rgb(122.4, 122.4, 122.4), #ccc, rgb(122.4, 122.4, 122.4), #ccc);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.light-grey:after {
  background: linear-gradient(-45deg, #939393, #f5f5f5, #939393, #f5f5f5);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.dark-grey:after {
  background: linear-gradient(-45deg, rgb(46.8, 49.8, 54), #4e535a, rgb(46.8, 49.8, 54), #4e535a);
  background-size: 400% 400%;
}
.max-overlay__right .therm-container__inner.active {
  width: 100% !important;
  z-index: 9997;
}
.max-overlay__right .therm-container__inner.active.m-higher {
  width: 0 !important;
  position: absolute;
  left: -10px;
}
.max-overlay__right .therm-container__goal {
  font-weight: 800;
  color: #fff;
  font-size: 1.5em;
  text-shadow: 1px 1px 3px #333;
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 11px;
  line-height: 1.5em;
  animation: fadeIn ease 2s;
}
.max-overlay__right .therm-container.active {
  width: 100% !important;
  z-index: 9997;
}
.max-overlay__right .therm-container.active .therm-container__goal,
.max-overlay__right .therm-container.active .therm-container__raised {
  animation: fadeOut 0.5s linear forwards;
}
.max-overlay__right .donor-list {
  width: 100%;
  height: 30px;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.max-overlay__right .donor-list .fade-left {
  background: linear-gradient(to right, rgb(71, 76, 85) 12%, rgba(71, 76, 85, 0) 100%);
  position: absolute;
  left: 0;
  height: 30px;
  width: 10%;
  z-index: 9999;
}
.max-overlay__right .donor-list .fade-right {
  background: linear-gradient(to left, rgb(71, 76, 85) 12%, rgba(71, 76, 85, 0) 100%);
  position: absolute;
  right: 0;
  height: 30px;
  width: 10%;
  z-index: 9999;
}
.max-overlay__right .donor-list .marquee-wrap {
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: inset 0 11px 8px -10px #1a1a1a;
}
.max-overlay__right .donor-list .marquee-wrap .scroller {
  display: inline-block;
  padding-left: 100%;
  text-indent: 0;
  animation: marquee linear infinite;
  animation-delay: 5s;
  color: white;
}
.max-overlay__right .donor-list ul {
  left: 100%;
  display: inline;
  list-style-type: none;
  margin-right: 15px;
  padding: 0;
  overflow-x: scroll;
  white-space: nowrap;
  animation: marquee linear infinite;
  animation-delay: 5s;
}
.max-overlay__right .donor-list ul li {
  display: inline-block;
  color: #fff;
  line-height: 29px;
}
.max-overlay__right .donor-list ul li.recent-dono {
  font-weight: bold;
  border-left: 1px solid #31353b;
  border-right: 1px solid #31353b;
  background-color: #45484d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3a3e46), to(#31353b));
}
.max-overlay__right .donor-list ul li:first-child {
  background-color: #ccc;
  margin-right: 15px;
  padding: 0 10px;
}
.max-overlay__right .donor-list ul li:first-child:after {
  content: " ";
  padding: 0;
}
.max-overlay__right .donor-list ul li:after {
  content: "•";
  padding: 0 10px;
}
.max-overlay__right .donor-list ul li:last-child:after {
  content: "";
  display: none;
}
.max-overlay__right .donor-list ul li .donation-amount {
  font-weight: bold;
  color: #64d0e4;
}
.max-overlay__right .donor-list ul li .donation-amount.default-red {
  color: #c10f3a;
}
.max-overlay__right .donor-list ul li .donation-amount.light-grey {
  color: #f5f5f5;
}
.max-overlay__right .donor-list ul li .donation-amount.medium-grey {
  color: #ccc;
}
.max-overlay__right .donor-list ul li .donation-amount.dark-grey {
  color: #4e535a;
}
.max-overlay__right .donor-list ul li .donation-amount.light-purple {
  color: #8332a7;
}
.max-overlay__right .donor-list ul li .donation-amount.dark-purple {
  color: #490e67;
}
.max-overlay__right .donor-list ul li .donation-amount.light-blue {
  color: #135cb0;
}
.max-overlay__right .donor-list ul li .donation-amount.dark-blue {
  color: #002856;
}
.max-overlay__right .donor-list ul li .donation-amount.light-aqua {
  color: #64d0e4;
}
.max-overlay__right .donor-list ul li .donation-amount.dark-aqua {
  color: #1eadc1;
}
.max-overlay__right .donor-list ul li .donation-amount.light-green {
  color: #c0da07;
}
.max-overlay__right .donor-list ul li .donation-amount.dark-green {
  color: rgb(117, 188, 33);
}
.max-overlay__right .donor-list ul li .donation-amount.light-yellow {
  color: #ffc32c;
}
.max-overlay__right .donor-list ul li .donation-amount.dark-yellow {
  color: #ffb125;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.min-overlay {
  height: 95px;
  width: 300px;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  background-image: url("/assets/triangle_bg-BYTupjE2.png");
  background-color: #4e535a;
  border-radius: 0.2rem;
}
.min-overlay .carousel-root {
  height: 100%;
}
.min-overlay .carousel {
  position: relative;
  width: 100%;
  height: 100%;
}
.min-overlay .carousel .control-arrow {
  display: none;
}
.min-overlay .carousel .slide-wrapper {
  height: 100%;
}
.min-overlay .carousel .slider-wrapper {
  overflow: hidden;
  margin: auto;
  width: 100%;
  transition: height 0.15s ease-in;
}
.min-overlay .carousel img {
  width: 100%;
  display: inline-block;
  pointer-events: none;
}
.min-overlay .carousel .slide {
  background: transparent;
  height: 70px;
  min-width: 100%;
  margin: 0;
  position: relative;
  text-align: center;
}
.min-overlay .slider-wrapper.axis-vertical {
  height: 70px;
}
.min-overlay .slider-wrapper.axis-vertical p {
  color: #fff;
}
.min-overlay.cf:after {
  clear: both;
  content: "";
  display: table;
}
.min-overlay .carousel .slide {
  height: 70px;
}
.min-overlay .logo .logo-custom {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 8px;
  left: 6px;
}
.min-overlay .logo span {
  display: none;
}
.min-overlay .logo .child-icon {
  position: absolute;
  margin-left: 5px;
  margin-top: 10px;
}
.min-overlay .logo .playlive_logo {
  position: absolute;
  width: 7rem;
  height: 7rem;
  display: inline-block;
  background: url("/assets/playlive_logo-VG39f_nb.png") no-repeat 50% 20%;
  background-size: 100%;
  margin-left: 15px;
}
.min-overlay .therm-inner {
  height: 25px;
  background-color: #c10f3a;
  position: relative;
  border-bottom-left-radius: 0.2rem;
}
.min-overlay .therm-inner.default-red {
  background-color: #c10f3a;
}
.min-overlay .therm-inner.default-red:after {
  border-left: 10px solid #c10f3a;
}
.min-overlay .therm-inner.light-grey {
  background-color: #f5f5f5;
}
.min-overlay .therm-inner.light-grey:after {
  border-left: 10px solid #f5f5f5;
}
.min-overlay .therm-inner.dark-grey {
  background-color: #4e535a;
}
.min-overlay .therm-inner.dark-grey:after {
  border-left: 10px solid #4e535a;
}
.min-overlay .therm-inner.medium-grey {
  background-color: #ccc;
}
.min-overlay .therm-inner.medium-grey:after {
  border-left: 10px solid #ccc;
}
.min-overlay .therm-inner.light-purple {
  background-color: #8332a7;
}
.min-overlay .therm-inner.light-purple:after {
  border-left: 10px solid #8332a7;
}
.min-overlay .therm-inner.dark-purple {
  background-color: #490e67;
}
.min-overlay .therm-inner.dark-purple:after {
  border-left: 10px solid #490e67;
}
.min-overlay .therm-inner.light-blue {
  background-color: #135cb0;
}
.min-overlay .therm-inner.light-blue:after {
  border-left: 10px solid #135cb0;
}
.min-overlay .therm-inner.dark-blue {
  background-color: #002856;
}
.min-overlay .therm-inner.dark-blue:after {
  border-left: 10px solid #002856;
}
.min-overlay .therm-inner.light-aqua {
  background-color: #64d0e4;
}
.min-overlay .therm-inner.light-aqua:after {
  border-left: 10px solid #64d0e4;
}
.min-overlay .therm-inner.dark-aqua {
  background-color: #1eadc1;
}
.min-overlay .therm-inner.dark-aqua:after {
  border-left: 10px solid #1eadc1;
}
.min-overlay .therm-inner.light-green {
  background-color: #c0da07;
}
.min-overlay .therm-inner.light-green:after {
  border-left: 10px solid #c0da07;
}
.min-overlay .therm-inner.dark-green {
  background-color: rgb(117, 188, 33);
}
.min-overlay .therm-inner.dark-green:after {
  border-left: 10px solid rgb(117, 188, 33);
}
.min-overlay .therm-inner.light-yellow {
  background-color: #ffc32c;
}
.min-overlay .therm-inner.light-yellow:after {
  border-left: 10px solid #ffc32c;
}
.min-overlay .therm-inner.dark-yellow {
  background-color: #ffb125;
}
.min-overlay .therm-inner.dark-yellow:after {
  border-left: 10px solid #ffb125;
}
.min-overlay .therm-inner:after {
  content: "";
  position: absolute;
  right: -10px;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 10px solid #c10f3a;
}
.min-overlay .top-container {
  height: 70px;
  position: relative;
}
.min-overlay .top-container .logo {
  float: left;
}
.min-overlay .top-container .therm-raised {
  font-weight: bold;
  color: #fff;
  font-size: 1.7em;
  text-shadow: 1px 1px 3px #333;
  position: absolute;
  z-index: 9999;
  right: 15px;
  top: 10px;
  line-height: 1.7em;
}
.min-overlay .top-container .therm-raised.default {
  color: #fff;
}
.min-overlay .top-container .therm-raised.default-red {
  color: #c10f3a;
}
.min-overlay .top-container .therm-raised.light-grey {
  color: #f5f5f5;
}
.min-overlay .top-container .therm-raised.medium-grey {
  color: #ccc;
}
.min-overlay .top-container .therm-raised.dark-grey {
  color: #4e535a;
}
.min-overlay .top-container .therm-raised.light-purple {
  color: #8332a7;
}
.min-overlay .top-container .therm-raised.dark-purple {
  color: #490e67;
}
.min-overlay .top-container .therm-raised.light-blue {
  color: #135cb0;
}
.min-overlay .top-container .therm-raised.dark-blue {
  color: #002856;
}
.min-overlay .top-container .therm-raised.light-aqua {
  color: #64d0e4;
}
.min-overlay .top-container .therm-raised.dark-aqua {
  color: #1eadc1;
}
.min-overlay .top-container .therm-raised.light-green {
  color: #c0da07;
}
.min-overlay .top-container .therm-raised.dark-green {
  color: rgb(117, 188, 33);
}
.min-overlay .top-container .therm-raised.light-yellow {
  color: #ffc32c;
}
.min-overlay .top-container .therm-raised.dark-yellow {
  color: #ffb125;
}
.min-overlay .bottom-container {
  height: 25px;
  position: relative;
  background-color: rgba(83, 89, 99, 0.7);
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.min-overlay .bottom-container .therm-container {
  overflow: hidden;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
.vertical-overlay {
  width: 100%;
  position: relative;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
}
.vertical-overlay .logo {
  position: absolute;
  width: 100%;
}
.vertical-overlay .logo span {
  display: none;
}
.vertical-overlay .logo .child-icon {
  position: absolute;
  top: 20px;
  width: 4em;
  height: 4em;
  margin: 0;
}
.vertical-overlay .logo .playlive_logo {
  position: absolute;
  top: 20px;
  opacity: 0;
  width: 100%;
  height: 5rem;
  display: inline-block;
  background: url("/assets/playlive_logo-VG39f_nb.png") no-repeat 50% 25%;
  background-size: 100%;
}
.vertical-overlay .logo .custom-logo-img {
  position: absolute;
  top: 20px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 4em;
}
.vertical-overlay__wrapper {
  height: 900px;
  width: 80px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.vertical-overlay__wrapper.rounded {
  border-radius: 45px;
  background-color: rgba(71, 76, 85, 0.9);
  border: 2px solid rgba(51, 51, 51, 0.47);
  padding-top: 3px;
  border-start-start-radius: 40px;
  border-start-end-radius: 40px;
  border-end-end-radius: 40px;
  border-end-start-radius: 40px;
}
.vertical-overlay__wrapper.rounded .logo .child-icon {
  margin: 0 5%;
}
.vertical-overlay__wrapper.rounded .logo .playlive_logo {
  background-size: 95%;
  margin: 0 4%;
}
.vertical-overlay__wrapper.rounded .vertical-overlay__therm,
.vertical-overlay__wrapper.rounded .vertical-overlay__inner {
  border-radius: 35px 35px 0.2rem 0.2rem;
}
.vertical-overlay__wrapper.rounded .vertical-overlay__therm__inner {
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.vertical-overlay__wrapper.slanted:before {
  content: "";
  position: absolute;
  transform: skewY(-6deg);
  transform-origin: top left;
  height: 900px;
  width: 80px;
  background-color: rgba(71, 76, 85, 0.9);
  border: 2px solid rgba(51, 51, 51, 0.47);
}
.vertical-overlay__wrapper.slanted .vertical-overlay__inner {
  margin-top: 5px;
  transform: skewY(-6deg);
  transform-origin: top left;
  height: 90%;
  border: 2px solid rgba(51, 51, 51, 0.37);
}
.vertical-overlay__wrapper.slanted .logo {
  transform: skewY(6deg);
}
.vertical-overlay__raised {
  font-size: 3.5rem;
  color: #fff;
  line-height: 1em;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  text-shadow: 1px 1px 1px #333, 1px 2px 1px #333, 1px 3px 1px #333, 1px 4px 1px #333, 1px 5px 1px #333, 1px 13px 6px rgba(16, 16, 16, 0.4), 1px 16px 10px rgba(16, 16, 16, 0.2), 1px 19px 35px rgba(16, 16, 16, 0.2), 1px 22px 60px rgba(16, 16, 16, 0.4);
  z-index: 9999;
  transition: ease-in-out 1s;
  animation: dollarfloat 2s ease-in-out infinite forwards;
  font-weight: 800;
}
@keyframes dollarfloat {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0px);
  }
}
.vertical-overlay__inner {
  height: 90%;
  width: 70px;
  background-color: rgba(204, 204, 204, 0.5);
  margin: 0 auto;
  position: relative;
}
.vertical-overlay__inner__completed {
  height: 100%;
  position: relative;
  z-index: 9999;
  animation: fadeIn ease-out 2s 1 forwards, fadeAway ease-out 2s 12s 1 forwards;
}
.vertical-overlay__inner__completed canvas {
  z-index: 0 !important;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeAway {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.vertical-overlay__inner__completed.default-red {
  background: linear-gradient(0deg, rgb(115.8, 9, 34.8), #c10f3a);
}
.vertical-overlay__inner__completed.dark-red {
  background: linear-gradient(0deg, rgb(87, 15, 33.6), #911938);
}
.vertical-overlay__inner__completed.light-purple {
  background: linear-gradient(0deg, rgb(78.6, 30, 100.2), #8332a7);
}
.vertical-overlay__inner__completed.dark-purple {
  background: linear-gradient(0deg, rgb(43.8, 8.4, 61.8), #490e67);
}
.vertical-overlay__inner__completed.light-blue {
  background: linear-gradient(0deg, rgb(11.4, 55.2, 105.6), #135cb0);
}
.vertical-overlay__inner__completed.dark-blue {
  background: linear-gradient(0deg, rgb(0, 24, 51.6), #002856);
}
.vertical-overlay__inner__completed.light-aqua {
  background: linear-gradient(0deg, rgb(60, 124.8, 136.8), #64d0e4);
}
.vertical-overlay__inner__completed.dark-aqua {
  background: linear-gradient(0deg, rgb(18, 103.8, 115.8), #1eadc1);
}
.vertical-overlay__inner__completed.light-green {
  background: linear-gradient(0deg, rgb(115.2, 130.8, 4.2), #c0da07);
}
.vertical-overlay__inner__completed.dark-green {
  background: linear-gradient(0deg, rgb(70.2, 112.8, 19.8), rgb(117, 188, 33));
}
.vertical-overlay__inner__completed.light-yellow {
  background: linear-gradient(0deg, rgb(153, 117, 26.4), #ffc32c);
}
.vertical-overlay__inner__completed.dark-yellow {
  background: linear-gradient(0deg, rgb(153, 106.2, 22.2), #ffb125);
}
.vertical-overlay__inner__completed.medium-grey {
  background: linear-gradient(0deg, rgb(122.4, 122.4, 122.4), #ccc);
}
.vertical-overlay__inner__completed.light-grey {
  background: linear-gradient(0deg, #939393, #f5f5f5);
}
.vertical-overlay__inner__completed.dark-grey {
  background: linear-gradient(0deg, rgb(46.8, 49.8, 54), #4e535a);
}
.vertical-overlay__inner__completed span:nth-of-type(1) {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 3em;
  font-weight: 800;
  animation: goalAppear 10s ease-in-out 1.5s 1 forwards;
  display: block;
  color: #fff;
  transform: translateY(70px);
  opacity: 0;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.vertical-overlay__inner__completed span:nth-of-type(2) {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 3em;
  font-weight: 800;
  animation: goalAppear 10s ease-in-out 1.55s 1 forwards;
  display: block;
  color: #fff;
  transform: translateY(70px);
  opacity: 0;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.vertical-overlay__inner__completed span:nth-of-type(3) {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 3em;
  font-weight: 800;
  animation: goalAppear 10s ease-in-out 1.6s 1 forwards;
  display: block;
  color: #fff;
  transform: translateY(70px);
  opacity: 0;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.vertical-overlay__inner__completed span:nth-of-type(4) {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 3em;
  font-weight: 800;
  animation: goalAppear 10s ease-in-out 1.65s 1 forwards;
  display: block;
  color: #fff;
  transform: translateY(70px);
  opacity: 0;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.vertical-overlay__inner__completed span:nth-of-type(5) {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 3em;
  font-weight: 800;
  animation: goalAppear 10s ease-in-out 1.7s 1 forwards;
  display: block;
  color: #fff;
  transform: translateY(70px);
  opacity: 0;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.vertical-overlay__inner__completed span:nth-of-type(6) {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 3em;
  font-weight: 800;
  animation: goalAppear 10s ease-in-out 1.75s 1 forwards;
  display: block;
  color: #fff;
  transform: translateY(70px);
  opacity: 0;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
.vertical-overlay__inner__completed span:nth-of-type(7) {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 3em;
  font-weight: 800;
  animation: goalAppear 10s ease-in-out 1.8s 1 forwards;
  display: block;
  color: #fff;
  transform: translateY(70px);
  opacity: 0;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.23);
}
@keyframes goalAppear {
  0% {
    transform: translateX(70px);
    opacity: 0;
  }
  5% {
    transform: translateX(-4px);
    opacity: 1;
  }
  7% {
    transform: translateX(0px);
    opacity: 1;
  }
  93% {
    transform: translateX(0px);
    opacity: 1;
  }
  95% {
    transform: translateX(4px);
    opacity: 1;
  }
  100% {
    transform: translateX(-70px);
    opacity: 0;
  }
}
.vertical-overlay__inner__completed__goal {
  text-align: center;
  width: 70px;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.vertical-overlay__inner__completed__goal .completed_space {
  margin-top: 1em;
}
.vertical-overlay__inner__completed__completed {
  width: 70px;
  text-align: center;
  position: absolute;
  top: 80px;
  left: 70px;
  z-index: 3;
  animation: goalAppear 5s ease-in-out 6.5s 1 forwards;
}
@keyframes completedAppear {
  0% {
    left: 70px;
  }
  100% {
    left: -70px;
  }
}
.vertical-overlay__therm {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.vertical-overlay__therm__inner {
  width: 70px;
  position: absolute;
  bottom: 0;
  transition: ease-in-out 1s;
  filter: drop-shadow(2px 0px 5px rgba(0, 0, 0, 0.8));
}
.vertical-overlay__therm__inner.original {
  position: absolute;
  z-index: 9998;
}
.vertical-overlay__therm__inner.new_progress {
  background-image: linear-gradient(-45deg, rgb(204, 156, 35.2), #ffc32c, rgb(204, 156, 35.2), #ffc32c);
  filter: drop-shadow(0px 0px 0px);
}
.vertical-overlay__therm__inner.new_progress .slide-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-image: linear-gradient(-45deg, rgb(204, 156, 35.2), #ffc32c, rgb(204, 156, 35.2), #ffc32c);
  border: 2px solid rgb(127.5, 97.5, 22);
}
.vertical-overlay__therm__inner.new_progress .slide-wrapper .slide {
  position: relative;
  display: inline-block;
  transform: translateY(100%);
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  animation: vSlide 10s infinite;
}
@keyframes vSlide {
  0% {
    transform: translateY(100%);
  }
  80% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
.vertical-overlay__therm__inner.new_progress .sparkle {
  position: absolute;
  left: -25px;
  top: -38px;
  width: 80px;
  height: 80px;
  z-index: 9997;
  animation: twinkle 3s infinite backwards;
  animation-timing-function: cubic-bezier(1, 1, 0.7, 1.5);
}
.vertical-overlay__therm__inner.new_progress .sparkle.small {
  top: 100px;
  left: 30px;
  width: 60px;
  height: 60px;
  animation-delay: 1s;
}
@keyframes twinkle {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  30% {
    transform: scale(0.1);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  60% {
    transform: scale(0.1);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  90% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.vertical-overlay__therm__inner.new_progress .sparkle:before {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(66.66deg) skewX(45deg);
}
.vertical-overlay__therm__inner.new_progress .sparkle:after {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(156.66deg) skew(45deg);
}
.vertical-overlay__therm__inner.default-red {
  background: linear-gradient(0deg, rgb(115.8, 9, 34.8), #c10f3a);
}
.vertical-overlay__therm__inner.dark-red {
  background: linear-gradient(0deg, rgb(87, 15, 33.6), #911938);
}
.vertical-overlay__therm__inner.light-purple {
  background: linear-gradient(0deg, rgb(78.6, 30, 100.2), #8332a7);
}
.vertical-overlay__therm__inner.dark-purple {
  background: linear-gradient(0deg, rgb(43.8, 8.4, 61.8), #490e67);
}
.vertical-overlay__therm__inner.light-blue {
  background: linear-gradient(0deg, rgb(11.4, 55.2, 105.6), #135cb0);
}
.vertical-overlay__therm__inner.dark-blue {
  background: linear-gradient(0deg, rgb(0, 24, 51.6), #002856);
}
.vertical-overlay__therm__inner.light-aqua {
  background: linear-gradient(0deg, rgb(60, 124.8, 136.8), #64d0e4);
}
.vertical-overlay__therm__inner.dark-aqua {
  background: linear-gradient(0deg, rgb(18, 103.8, 115.8), #1eadc1);
}
.vertical-overlay__therm__inner.light-green {
  background: linear-gradient(0deg, rgb(115.2, 130.8, 4.2), #c0da07);
}
.vertical-overlay__therm__inner.dark-green {
  background: linear-gradient(0deg, rgb(70.2, 112.8, 19.8), rgb(117, 188, 33));
}
.vertical-overlay__therm__inner.light-yellow {
  background: linear-gradient(0deg, rgb(153, 117, 26.4), #ffc32c);
}
.vertical-overlay__therm__inner.dark-yellow {
  background: linear-gradient(0deg, rgb(153, 106.2, 22.2), #ffb125);
}
.vertical-overlay__therm__inner.medium-grey {
  background: linear-gradient(0deg, rgb(122.4, 122.4, 122.4), #ccc);
}
.vertical-overlay__therm__inner.light-grey {
  background: linear-gradient(0deg, #939393, #f5f5f5);
}
.vertical-overlay__therm__inner.dark-grey {
  background: linear-gradient(0deg, rgb(46.8, 49.8, 54), #4e535a);
}
.vertical-overlay__percentage {
  z-index: 9999;
  position: absolute;
  right: -33px;
  background-color: rgba(0, 0, 0, 0.23);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 20px;
  color: #fff;
  transition: ease-in-out 1s;
  padding: 0.5rem;
  font-size: 1.333rem;
  line-height: 2.25rem;
}
.vertical-overlay__percentage span {
  font-weight: 800;
}

.vertical-overlay-3d {
  height: 1080px;
  position: relative;
  font-family: SJ Sans, Open Sans, Helvetica Neue, Helvetica, Arial, "sans-serif";
  display: flex;
  justify-content: center;
}
.vertical-overlay-3d::after {
  clear: both;
  content: "";
}
.vertical-overlay-3d .logo {
  width: 100%;
  text-align: center;
  margin-top: 1rem;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vertical-overlay-3d .logo span {
  display: none;
}
.vertical-overlay-3d .cube_wrapper {
  position: absolute;
  width: 300px;
  min-height: 500px;
  height: 1080px;
  float: right;
  bottom: 0;
}
.vertical-overlay-3d .percent_raised {
  font-size: 3.5rem;
  position: absolute;
  color: #fff;
  line-height: 1em;
  text-align: center;
  width: 100%;
  top: -64px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-shadow: 1px 1px 1px #333, 1px 2px 1px #333, 1px 3px 1px #333, 1px 4px 1px #333, 1px 5px 1px #333, 1px 13px 6px rgba(16, 16, 16, 0.4), 1px 16px 10px rgba(16, 16, 16, 0.2), 1px 19px 35px rgba(16, 16, 16, 0.2), 1px 22px 60px rgba(16, 16, 16, 0.4);
  z-index: 9999;
  transition: ease-in-out 1s;
  animation: dollarfloat 2s ease-in-out infinite forwards;
}
.vertical-overlay-3d .cube {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  width: 159px;
  transition: ease-in-out 1s;
}
.vertical-overlay-3d .cube__top {
  position: absolute;
  bottom: 100%;
  left: 14px;
  width: 131px;
  height: 30px;
  transform: skew(315deg, 0deg);
}
.vertical-overlay-3d .cube__top.default-red {
  background-color: rgb(57.9, 4.5, 17.4);
}
.vertical-overlay-3d .cube__top.dark-red {
  background-color: rgb(43.5, 7.5, 16.8);
}
.vertical-overlay-3d .cube__top.light-purple {
  background-color: rgb(39.3, 15, 50.1);
}
.vertical-overlay-3d .cube__top.dark-purple {
  background-color: rgb(21.9, 4.2, 30.9);
}
.vertical-overlay-3d .cube__top.light-blue {
  background-color: rgb(5.7, 27.6, 52.8);
}
.vertical-overlay-3d .cube__top.dark-blue {
  background-color: rgb(0, 12, 25.8);
}
.vertical-overlay-3d .cube__top.light-aqua {
  background-color: rgb(30, 62.4, 68.4);
}
.vertical-overlay-3d .cube__top.dark-aqua {
  background-color: rgb(9, 51.9, 57.9);
}
.vertical-overlay-3d .cube__top.light-green {
  background-color: rgb(57.6, 65.4, 2.1);
}
.vertical-overlay-3d .cube__top.dark-green {
  background-color: rgb(35.1, 56.4, 9.9);
}
.vertical-overlay-3d .cube__top.light-yellow {
  background-color: rgb(76.5, 58.5, 13.2);
}
.vertical-overlay-3d .cube__top.dark-yellow {
  background-color: rgb(76.5, 53.1, 11.1);
}
.vertical-overlay-3d .cube__top.medium-grey {
  background-color: rgb(61.2, 61.2, 61.2);
}
.vertical-overlay-3d .cube__top.light-grey {
  background-color: rgb(73.5, 73.5, 73.5);
}
.vertical-overlay-3d .cube__top.dark-grey {
  background-color: rgb(23.4, 24.9, 27);
}
.vertical-overlay-3d .cube__front {
  position: absolute;
  bottom: 0;
  left: -1px;
  width: 130px;
  height: 100%;
  overflow: hidden;
}
.vertical-overlay-3d .cube__front.default-red {
  background: linear-gradient(#c10f3a, rgb(115.8, 9, 34.8));
}
.vertical-overlay-3d .cube__front.dark-red {
  background: linear-gradient(#911938, rgb(87, 15, 33.6));
}
.vertical-overlay-3d .cube__front.light-purple {
  background: linear-gradient(#8332a7, rgb(78.6, 30, 100.2));
}
.vertical-overlay-3d .cube__front.dark-purple {
  background: linear-gradient(#490e67, rgb(43.8, 8.4, 61.8));
}
.vertical-overlay-3d .cube__front.light-blue {
  background: linear-gradient(#135cb0, rgb(11.4, 55.2, 105.6));
}
.vertical-overlay-3d .cube__front.dark-blue {
  background: linear-gradient(#002856, rgb(0, 24, 51.6));
}
.vertical-overlay-3d .cube__front.light-aqua {
  background: linear-gradient(#64d0e4, rgb(60, 124.8, 136.8));
}
.vertical-overlay-3d .cube__front.dark-aqua {
  background: linear-gradient(#1eadc1, rgb(18, 103.8, 115.8));
}
.vertical-overlay-3d .cube__front.light-green {
  background: linear-gradient(#c0da07, rgb(115.2, 130.8, 4.2));
}
.vertical-overlay-3d .cube__front.dark-green {
  background: linear-gradient(rgb(117, 188, 33), rgb(70.2, 112.8, 19.8));
}
.vertical-overlay-3d .cube__front.light-yellow {
  background: linear-gradient(#ffc32c, rgb(153, 117, 26.4));
}
.vertical-overlay-3d .cube__front.dark-yellow {
  background: linear-gradient(#ffb125, rgb(153, 106.2, 22.2));
}
.vertical-overlay-3d .cube__front.medium-grey {
  background: linear-gradient(#ccc, rgb(122.4, 122.4, 122.4));
}
.vertical-overlay-3d .cube__front.light-grey {
  background: linear-gradient(#f5f5f5, #939393);
}
.vertical-overlay-3d .cube__front.dark-grey {
  background: linear-gradient(#4e535a, rgb(46.8, 49.8, 54));
}
.vertical-overlay-3d .cube__front__progress {
  font-weight: 800;
  font-size: 2.9rem;
  color: #fff;
  position: absolute;
  top: 40%;
  text-align: center;
  width: 130px;
  transform: skew(0deg, 350deg);
  text-shadow: 0.2rem 0.2rem 0 #e79c10, -0.2rem -0.2rem 0 #333;
}
.vertical-overlay-3d .cube__front__progress__bg {
  font-size: 5.6102329749rem;
  line-height: 4.5rem;
  position: absolute;
  content: "";
  color: rgba(255, 255, 255, 0.09);
  z-index: -1;
  right: -30%;
  top: -5%;
  text-shadow: 0 0 0 rgba(51, 55, 69, 0);
}
.vertical-overlay-3d .cube__front__progress .bar__one {
  position: absolute;
  border-radius: 5px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  top: -20px;
  left: 5px;
  width: 30px;
  animation: barmove 2s linear infinite forwards;
}
.vertical-overlay-3d .cube__front__progress .bar__two {
  position: absolute;
  border-radius: 5px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  top: -30px;
  left: 20px;
  width: 60px;
  animation: barmove 3s ease-in-out infinite forwards;
}
.vertical-overlay-3d .cube__front__progress .bar__three {
  position: absolute;
  border-radius: 5px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  top: -20px;
  width: 20px;
  right: 10px;
  animation: barmove 3s ease-in-out infinite forwards;
}
.vertical-overlay-3d .cube__front__progress .bar__four {
  position: absolute;
  border-radius: 5px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  top: -20px;
  left: 40px;
  width: 10px;
  animation: barmove 2s linear infinite forwards;
}
.vertical-overlay-3d .cube__front__progress .bar__five {
  position: absolute;
  border-radius: 5px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: -20px;
  left: 10px;
  width: 50px;
  animation: barmove 3s linear infinite forwards;
}
.vertical-overlay-3d .cube__front__progress .bar__six {
  position: absolute;
  border-radius: 5px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: -20px;
  left: 63px;
  width: 5px;
  animation: barmove 3s linear infinite forwards;
}
.vertical-overlay-3d .cube__front__progress .bar__seven {
  position: absolute;
  border-radius: 5px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: -40px;
  left: 60px;
  width: 60px;
  animation: barmove 3s linear infinite forwards;
}
.vertical-overlay-3d .cube__front__progress .bar__eight {
  position: absolute;
  border-radius: 5px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: -30px;
  left: 84px;
  width: 40px;
  animation: barmove 6s linear infinite forwards;
}
@keyframes barmove {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0px);
  }
}
.vertical-overlay-3d .cube__front__completed {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 85%;
}
.vertical-overlay-3d .cube__front__goalmet {
  text-align: center;
  position: relative;
  width: 130px;
  z-index: 9999;
}
.vertical-overlay-3d .cube__front__goalmet span:nth-of-type(1) {
  font-weight: 800;
  font-size: 3.1573345183rem;
  line-height: 3.375rem;
  margin-bottom: 0.5rem;
  display: block;
  color: #fff;
  opacity: 0;
  animation: goalIn 0.5s ease-in-out 1.5s 1 forwards;
  transform: translateX(0px) skew(0deg, 350deg);
  text-shadow: 0.2rem 0.2rem 0 #e79c10, -0.2rem -0.2rem 0 #333;
}
.vertical-overlay-3d .cube__front__goalmet span:nth-of-type(2) {
  font-weight: 800;
  font-size: 3.1573345183rem;
  line-height: 3.375rem;
  margin-bottom: 0.5rem;
  display: block;
  color: #fff;
  opacity: 0;
  animation: goalIn 0.5s ease-in-out 1.55s 1 forwards;
  transform: translateX(0px) skew(0deg, 350deg);
  text-shadow: 0.2rem 0.2rem 0 #e79c10, -0.2rem -0.2rem 0 #333;
}
.vertical-overlay-3d .cube__front__goalmet span:nth-of-type(3) {
  font-weight: 800;
  font-size: 3.1573345183rem;
  line-height: 3.375rem;
  margin-bottom: 0.5rem;
  display: block;
  color: #fff;
  opacity: 0;
  animation: goalIn 0.5s ease-in-out 1.6s 1 forwards;
  transform: translateX(0px) skew(0deg, 350deg);
  text-shadow: 0.2rem 0.2rem 0 #e79c10, -0.2rem -0.2rem 0 #333;
}
.vertical-overlay-3d .cube__front__goalmet span:nth-of-type(4) {
  font-weight: 800;
  font-size: 3.1573345183rem;
  line-height: 3.375rem;
  margin-bottom: 0.5rem;
  display: block;
  color: #fff;
  opacity: 0;
  animation: goalIn 0.5s ease-in-out 1.65s 1 forwards;
  transform: translateX(0px) skew(0deg, 350deg);
  text-shadow: 0.2rem 0.2rem 0 #e79c10, -0.2rem -0.2rem 0 #333;
}
.vertical-overlay-3d .cube__front__goalmet span:nth-of-type(5) {
  font-weight: 800;
  font-size: 3.1573345183rem;
  line-height: 3.375rem;
  margin-bottom: 0.5rem;
  display: block;
  color: #fff;
  opacity: 0;
  animation: goalIn 0.5s ease-in-out 1.7s 1 forwards;
  transform: translateX(0px) skew(0deg, 350deg);
  text-shadow: 0.2rem 0.2rem 0 #e79c10, -0.2rem -0.2rem 0 #333;
}
.vertical-overlay-3d .cube__front__goalmet span:nth-of-type(6) {
  font-weight: 800;
  font-size: 3.1573345183rem;
  line-height: 3.375rem;
  margin-bottom: 0.5rem;
  display: block;
  color: #fff;
  opacity: 0;
  animation: goalIn 0.5s ease-in-out 1.75s 1 forwards;
  transform: translateX(0px) skew(0deg, 350deg);
  text-shadow: 0.2rem 0.2rem 0 #e79c10, -0.2rem -0.2rem 0 #333;
}
.vertical-overlay-3d .cube__front__goalmet span:nth-of-type(7) {
  font-weight: 800;
  font-size: 3.1573345183rem;
  line-height: 3.375rem;
  margin-bottom: 0.5rem;
  display: block;
  color: #fff;
  opacity: 0;
  animation: goalIn 0.5s ease-in-out 1.8s 1 forwards;
  transform: translateX(0px) skew(0deg, 350deg);
  text-shadow: 0.2rem 0.2rem 0 #e79c10, -0.2rem -0.2rem 0 #333;
}
@keyframes goalIn {
  0% {
    transform: translateX(70px) skew(0deg, 350deg);
    opacity: 0;
  }
  95% {
    transform: translateX(-4px) skew(0deg, 350deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0px) skew(0deg, 350deg);
    opacity: 1;
  }
}
.vertical-overlay-3d .cube__front__goalmet .completed_space {
  margin-top: 3rem;
}
.vertical-overlay-3d .cube__side {
  position: absolute;
  right: 0;
  bottom: 15px;
  transform: skew(0, 315deg);
  width: 30px;
  height: 100%;
}
.vertical-overlay-3d .cube__side.default-red {
  background-color: rgb(115.8, 9, 34.8);
}
.vertical-overlay-3d .cube__side.dark-red {
  background-color: rgb(87, 15, 33.6);
}
.vertical-overlay-3d .cube__side.light-purple {
  background-color: rgb(78.6, 30, 100.2);
}
.vertical-overlay-3d .cube__side.dark-purple {
  background-color: rgb(43.8, 8.4, 61.8);
}
.vertical-overlay-3d .cube__side.light-blue {
  background-color: rgb(11.4, 55.2, 105.6);
}
.vertical-overlay-3d .cube__side.dark-blue {
  background-color: rgb(0, 24, 51.6);
}
.vertical-overlay-3d .cube__side.light-aqua {
  background-color: rgb(60, 124.8, 136.8);
}
.vertical-overlay-3d .cube__side.dark-aqua {
  background-color: rgb(18, 103.8, 115.8);
}
.vertical-overlay-3d .cube__side.light-green {
  background-color: rgb(115.2, 130.8, 4.2);
}
.vertical-overlay-3d .cube__side.dark-green {
  background-color: rgb(70.2, 112.8, 19.8);
}
.vertical-overlay-3d .cube__side.light-yellow {
  background-color: rgb(153, 117, 26.4);
}
.vertical-overlay-3d .cube__side.dark-yellow {
  background-color: rgb(153, 106.2, 22.2);
}
.vertical-overlay-3d .cube__side.medium-grey {
  background-color: rgb(122.4, 122.4, 122.4);
}
.vertical-overlay-3d .cube__side.light-grey {
  background-color: #939393;
}
.vertical-overlay-3d .cube__side.dark-grey {
  background-color: rgb(46.8, 49.8, 54);
}
.vertical-overlay-3d .cube.new {
  position: relative;
  z-index: 9998;
}
.vertical-overlay-3d .cube.new .cube__front {
  background: linear-gradient(#ffc32c, rgb(153, 117, 26.4));
}
.vertical-overlay-3d .cube.new .cube__front .sparkle {
  position: absolute;
  left: -25px;
  top: -22px;
  width: 100px;
  height: 100px;
  animation: twinkle 3s infinite backwards;
  animation-timing-function: cubic-bezier(1, 1, 0.7, 1.5);
}
.vertical-overlay-3d .cube.new .cube__front .sparkle.small {
  top: 135px;
  left: 70px;
  width: 60px;
  height: 60px;
  animation-delay: 1.8s;
}
@keyframes twinkle {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  30% {
    transform: scale(0.1);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  60% {
    transform: scale(0.1);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  90% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.vertical-overlay-3d .cube.new .cube__front .sparkle:before {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(66.66deg) skewX(45deg);
}
.vertical-overlay-3d .cube.new .cube__front .sparkle:after {
  content: "";
  position: absolute;
  background: white;
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 25%;
  transform: rotate(156.66deg) skew(45deg);
}
.vertical-overlay-3d .cube.new .cube__side {
  background-color: rgb(153, 117, 26.4);
}
.vertical-overlay-3d .cube.new .cube__top {
  background-color: rgb(76.5, 58.5, 13.2);
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.gcx-overlay {
  margin-top: 40px;
  width: 1140px;
  height: 80px;
}
.gcx-overlay .text-sm {
  font-size: 12px !important;
}
.gcx-overlay .text-xs {
  font-size: 10px !important;
}
.gcx-overlay.normal {
  width: 1140px;
}
.gcx-overlay.small {
  width: 640px;
}
.gcx-overlay.small .gcx-overlay_progressBar_inner:after {
  width: 95%;
}
.gcx-overlay.small .goal {
  display: none !important;
}
.gcx-overlay.small .raised_therm_wrapper {
  width: 73% !important;
}
.gcx-overlay.small .raised_therm_wrapper:before {
  top: 33px !important;
  right: -28px !important;
  width: 600px !important;
  height: 80px !important;
  background-size: contain !important;
}
.gcx-overlay .logo {
  background: url("/assets/neon_logo-q79t-BPL.png") no-repeat;
  width: 125px;
  background-size: contain;
}
.gcx-overlay .logo.lupo {
  background: url("/assets/neon_logo_lupo-BKQfFFj8.png") no-repeat;
  width: 125px;
  background-size: contain;
}
.gcx-overlay_streamer {
  position: relative;
  background-size: 25%;
  background-position: 98% 57%;
  width: 245px;
  display: flex;
  flex-direction: column;
}
.gcx-overlay_streamer p {
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}
.gcx-overlay_streamer p.raised {
  font-size: 1.4rem;
  font-family: Forza-Medium, sans-serif;
}
.gcx-overlay_streamer p.username {
  font-size: 1rem;
  line-height: 1.3em;
  font-family: Forza-Light, sans-serif;
  display: block;
}
.gcx-overlay_progressBar {
  font-family: Forza-Medium, sans-serif;
  position: relative;
  width: 80%;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  background-color: #4e535a;
}
.gcx-overlay_progressBar_inner {
  height: 50px;
  background: linear-gradient(90deg, #9e1be2, #ff00ff);
  border-radius: 0.2rem;
  transition: ease-in-out 1s;
}
.gcx-overlay_progressBar_inner:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 98%;
  top: 3px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.2rem;
}
.gcx-overlay_progressBar .raised,
.gcx-overlay_progressBar .goal {
  font-weight: 800;
  color: #fff;
  font-size: 1.5em;
  text-shadow: 1px 1px 3px #333;
  position: absolute;
  z-index: 9998;
  top: 6px;
  line-height: 1.5em;
}
.gcx-overlay_progressBar .raised {
  left: 20px;
}
.gcx-overlay_progressBar .goal {
  right: 20px;
}
.gcx-overlay_twitch {
  position: absolute;
  background-color: #000;
  padding: 0.2rem 0.3rem;
  right: -2px;
  bottom: -30px;
  display: flex;
  justify-content: flex-end;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  border: 2px solid #d7b000;
  z-index: -1;
}
.gcx-overlay_twitch div {
  display: flex;
  align-items: center;
}
.gcx-overlay_twitch div span {
  font-family: Forza-Medium, sans-serif;
  color: #fff;
}
.gcx-overlay_twitch div.subs_wrapper {
  position: relative;
  border-right: 2px solid rgba(255, 255, 255, 0.1);
  padding: 0 0.7rem 0 0.5rem;
}
.gcx-overlay_twitch div.subs_wrapper:before {
  content: "";
  width: 25px;
  height: 18px;
  display: inline-block;
  background-image: url(/assets/glitch-1-_6k7jG.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.gcx-overlay_twitch div.bits_wrapper {
  position: relative;
  padding: 0 0.5rem 0 0.7rem;
}
.gcx-overlay_twitch div.bits_wrapper:before {
  content: "";
  width: 25px;
  height: 18px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADyCAMAAAA/Z3pnAAABFFBMVEX////u5f2zi/eug/bCovjSufr69/7m2PyAPvF4MfCTWvPw6P2JS/K9mvi7mPfWwfr17/6icvXHqvndy/vr4P24k/f38v6aZfTVvvrMsfnh0PzEpfirf/bMsvmRWPPbyfuHTfOmfva6m/iyiveER/Khf/enivi5ovrKufu8nvmQXvTDrPqwhvZ7N/GbdPbItvu1kfekhPiYbvaBQvKNWPS3lPi+ofnFr/rApfmzjfe5l/jHsvrBqPndzPuvk/jPvvz08P64oPnUxvz49v75+P/e0/38+//YzPzo4P3j2v2tkfjNvfvu6f718v69p/rbz/zOvfvh2P3e0/zr5f3Rwvzp4v3Dr/qymfnTxPvk3P3Xy/zy7f53VNdpAAAAAXRSTlMAQObYZgAABqhJREFUeAHs04VtBEEQBVHv/FnoY6b88zS32e45vpJcGTxJdfdfYVVSrhu+o+2sJ6U+HjKwJ4iGdMfIXiAawwfpHJImaMjUHKIZ2TG3d4gW7NPfIUv26e8QjdGnO4T8+9Q+QzQjn+4Q8O+D75Al8/TvEI25pzsE+/vUfoJohj3dIdTfB79BlrTTf4NoDD3dIczfp/Y7RDPm6Q4h/r4a/A1ZIk93CPD3yiKIGL+vY0gmODYWQ9RiTg8gy4Z2ukNwv1cWQCi/r0shGXN6AFHLOt0hsN9HVg7RGHW6Q1i/r/eDZMzpAUQt6HSHkH4fWQCB/F5ZAKH8vj4EkjGnBxC1lNMdgvl9ZAEE8ntrAYTy+zqCQH7f2uEQ7W7o9O4YSLqd35MdA1ENOL0Ioj7h9BJIJpxeAtHu9k93COD3ZMdDVN/86Q65/d/Xp4HkB+btArfRJYiDuML8hWN22G8e8/Le/1jLaGmk/Lw97vQNSqoS/WfySzcQ7z2/dADJ7311x0G89/zSBSS1914kyHp+6Q7iveeV7iBpva/uOIj3nl+6gyT13osHSel9tOMg3nt+6Q6S1Pt4pwXI2iT5SVYQSMJjrmkrkIOE0gEE7jK/dAeJ791Ld5D83r10B8npfdoW5CC/dAeJ791Ld5D83r10BUnoHUoHkITep8sAOcgv3UHie/fSHSS/dy/dQeJ799IdJLf36fJADvJLd5Do3qF0uKvrm9u1x9X78QIYd/ezn0r5Obf3gNJ/mc3eg5Rff3tEve8zxu9/zD6BlD//cpDzNhyda/X37AvIQnodNv4kCVp9AXG9Wn2+PFat/pnNgRTX6yS/9H/vZ/Mgi+h1ll36f58g5kDKr7fJvXeqVQWk/Pl/fO9cOmhVBSnlSWbvx6xVHaQ8vU3r/dS1qoOoXmfxpZtWdRDTK7D3zrWqg7heh/Glq1Z1ENErrPdj16oO4nqF9X4KWgkI6HUWUzpoJSCgV0jvHWiFIKU8+y2gdygdtDKQ8vT5sno/Fq0cpPz5Yjm9n4JWDgJ6nQV8nQKtAAT0Cui9A60MBPQK6H0FtXIQ0OtHeu+hVg4Ceq0vztFnrRwE9NoKKB20QhDQ63wzrHTQykHKy+feu5fOWjlIKTdNeu+BVkEg5dVv8b33XSsHUb22AkoHrRAE9Fqg9861chDX69BLd60cxPXi3nuulYO4Xtx7H7QKABG9trx018pBXC/qvQOtAITu54DeV1ireJD6Uge991yreJD6UrcOpYNWASCq15aX7loZiOsFvXeulYO4Xtz7lmvlIK6X995zrRzE9eLeB6BVGIjrNYQnWagVgLhe/phr1bVqCVKfUjagdNcqHqQ+pexB6aoVgPg9kd4HoFUwiOs1fHDprpWBuF4P7X0VtAoHcb2qvW+JVvEgrlet955oFQ/ieq1XSjet4kFcr2GldNAqHsT1qvS+2kQrBYEppdL7VhutFASmlErvPdeqFYgsdeuV0k2reBDXazhfumtlIK30mut91bVCkEZ6zfW+5VopSCO95nrvuVYK0kiv73sfuVYM0lCv4dfSXSsGaajXl97HrlVLEJ9SJh85Tl2rtiA+pZx9AJm6Vg7S9G4O3nOcuFatQVyv12+pn4sCBAIAioIvDddNsO7u/aPg7g5/GgxgTX4QeTcbcFz9iOczFxjqkTBiJdaOJGylmW4kL9hTuKoRr+RAUGlG6ohjjWKk5YxOLpL3nFVkWpGh5ILAVYp4EZcZOpGQq2KVSM8NY6YQyUtm1do3kURBEATRzybNBXFaOKcVfx4HoZ3szdhi0Fa9qJkxfjeygsQ515/+IT4S5/jdyBYS57w+7h9iIHHO85d7iI/EOX43sonEOSfzEB+Jc3xEso3Ec3Ujy0icIw0sbCNxjjOwsI/EOd/+IT4S5zgDC3tIPG83so/EOcbAgoBEJ6f2kJ9Dy2t4yNPzoUQYWNhGoo9I/5Df20OI1I0ISDRzJxziILHqRsIWVAcWXCR23UiBxI2BhQCJwsCiHPL0d9gRupEIiXo3kiFRRiQdEt1upEGiP7DQINEfWEiRKD4+0CDRH1iokWh1Iw0S/YGFHolON9Ij0elGGiT6Aws9Eh1E0iPR6UYaJPoDCz0SnW6kQaI/sNAg0R9YaJDoDyzoSIwGFvoWdLqRHolON9Ij0UEkPRKdbmT4dLUUf2DBQ2I7sNAj0elGhk9XS/EHFnokOt2Ig8R+YMH5dNV3Iz0SnW7EQWI/sNAj0UEkPRKdbsRBYj+w0CPR6UYcJPYDCz0SjXx88n4TIPFi8w/4IlWES6Er2QAAAABJRU5ErkJggg==);
  background-size: contain;
  background-repeat: no-repeat;
}
.gcx-overlay .overlay_wrapper {
  position: relative;
  margin: 0 auto;
  width: 85%;
  height: 60px;
  display: flex;
  justify-content: space-between;
}
.gcx-overlay .overlay_wrapper .raised_therm_wrapper {
  padding: 0 0.3rem;
  width: 85%;
  height: 60px;
  position: relative;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAz8AAABECAYAAACvWIvcAAAACXBIWXMAAAsTAAALEwEAmpwYAAALJ0lEQVR4nO3dX6ilVRnH8d8+Z599zhmtoQTLm2kq+oMoYibFSjONnCC6yZChuggiqotwIXYhxVJXRlgxLemiRLosROrKboyCRmUVmEkpUkQk3iRCgpYzZ/b5M12876vvnM7Z7xpd75+9z/cDD+udPc/sec8wB/ZznrWed6T7HtIsxoWd6O1SQ85m9HalIeel6O3hhpx/RG/f3ZBzMnp73awcoA/GhZGklTKWyxiXUb0+KWNV0lot1nfFoejt3R1/CQAAAAttnOl9zibkbCfkbCbknEnIAToXvT0raWpcmERvX56Va1z4UPT2kY5uDQAAAJJmdnTOQ5fFz0ZCDgAAAACcI1fxs5OQk1L8TBNyKH6wCHJ97wEAACBRygewlK5OSs5WQk7KljaKHwzdKFMOAAAAMuqy85NS/ND5wSKg+AEAABigXJ2flOIn1zCD0wk5wNCx7Q0AAKBjI/O2j+8uXM7usdavd2qv7ewT23vEVm3dHZuvc919fUbSPyX9IXr70hv4dwFeN+PC4ab/f8aF66K3J7u6JwAAAEjjhGf4TKO3k4acf0dvL2rI+XP09oqGnAejtzc35NwZvb1zVg7QM7a9AQAADFCubW9djrFm2xuGLqWwYdsbAABAx1Iecpqr+Mk1zICBB+iVcWFJRfEyKmOpFsuSRsaFi1V8f40lTSStlOtqGcvGhU9LWpO0visOSVqP3t7W4ZcFAACw8HIVP11OcqPzg94YF0bR2+ps2345F0VvX2h4n2PR24ey3yAAAAD2lbL1JtcY61zP8KHzgz6lfM/kygEAAEBGuc78UPwAr0k587Pc+l0AAADgHHR+gPOTa5gBxQ8AABiqyyT9StJ/9NojbhYiUs78DO0BphQ/GDo6PwAAYF5dKun3ki7s+0bakKvzk6v4SSlsUt4HaAudHwAAsMi+owUtfCRpbFyYqmgD7dTWemwbF55XMc56W8UWt3psSto0LjxaXk9raz02jAs/3OP1+p/ZMC58oXrPMrZq65akqXHhahVtuGejt3SCMDQphU1K1xUAAKBrN/R9A20aR28nsxKMC89Hb9/ekPNo9PbahpwT0dtbG3I+F739eUPOB6K3f5qVA7SIzg8AAFhkCz2RNuWLG9oDTFO22AHnzbiQUtjkKn7o/AAAgCE62fcNtCnlA1iu4iflrE6uHOC8VIVPuVYFTn19NYwLh1QUOEsqOjjLKr6Xqlg2LlwqaVLGai3WyhgbF75eXq/vijVJ69Hbm1v8kgEAAPZyu6TrJR3q+0ba0GXxk2uYQcpEOOC8RG/PGhdG0dtqFOKejAvr0dtTs97LuPD+6O0zDTlfjd7+6HXeLgAAQFueknSNpHskXavih7ILI6X4SXmGT67OT8r7vJKQA7Ql1xhrtr0BAIChelLSjX3fRBtynfnpcow1xQ/a0uUwg5WEHAAAAGSU8kGuy85PyjADBh6gT7mGGdD5AQAA6FjKB7lcDzDNte1t3/MYwBuUa9pbSmFD5wcAAKBjuTo/uYqfxkKrPJAO9CXXeR6KHwAAgI6NjQsvqDjXs1WLzVpMjQu/U9GVmaooYv4vjAt+j9entXVqXDhWXlfvvVVbtyRtGRfeUd7PtqSd2rol6ZXobcoZJGRWjYJe8OKzy2f4UPwAAIBBevzEHVdK+p6KaW+rPd9OVuPo7cWzEowLj0RvP9aQ8+3orWvIORa9fbgh50j09rlZOejHvBc9tTHWs+QqflIKG4ofAAAwOI+fuONySY9pQZ/zk+vMT8pZnZSclC12QFtyjbGm+AEAAPPqbi1o4SOlbc/JNfAgpfhhSxtaY1yoiv3RHutI0si4sF5eL9ViuR7GhaMqipdxuU7KdbW6Ni58tvz12j6xYly4v/br1do6kTSJ3l6V/R8BAABgtuv7voE25Sp+cnV+KH7QmujtzqzfNy6sR29PN+Qcjd4+25DzmejtLxpyfhK9/fKsHAAAgB6k7ISZW12Ouk7Z0kbxg1YknlnKNcxgkikHAACgayf7voE2pXzYy9XVSSmiZv5kHmhZl8/w4cwPAAAYotslner7JtrS5cADOj8YulzP8Enp6lD8AACAwbn61rueknSNpN8obXfXXMl15iclJ6X4metxyph7ucZYs+0NAADMratvvetJSZ/o+z7a0OW2t5Tip3HbW/WwTaAFuTo/KQ8Do/MDAADQsbFx4QkVxctURWtro7ZuSNowLny//utdcUbSGePCjbX32CyvN1UUPZuStowLl6jY2lbFTi3OStoxLkzK66oLtN8K5JZS/OTq6lD8AAAAdGzc9CwR48KJ6O03GnI+Gb39dUPOJdHbfzXkTKK3M7tIdH7QolzFD50fAACAAco18CAlJ2WYAV0d9KnLMdYUPwAAAB3rcuBByhjrxuIn8Xktg1R1reb5a5hnxoVlSReo+H+/pKLTU63LKraBvrf8/bGKAqVaV1QUNRPjwk3l9WptPSeMC/fu9Xr1HuXf9cfae6/U/t6xpOXo7cUt/nMAAADs6ekjx6+UdI+KqW/rPd9OVrmKnyzDDLTgnR+Knn5Fb7clvbzf7xsX3he9/dus9zAu3BS9/WVDToje3tKQ83j09oMzbxgAAKBjTx85frmkxyQd6vte2pBr2xvP8MGgJZ4VS9mKlnKeJyUn5QcPAAAAXbtbC1r4SN0WPyldDzojaEtK8ZNrmAEDDwAAwLy6oe8baFNK8ZNS2OTa9ga0JaXYyNX5SSmi6PwAAIAhWuhmRK7OT8qWtgN/5ge9uiAhJ6WwWcv0PiljtQEAALr2275voE25Oj+MscbQpRQ/uba90fkBAADz6puS/tv3TbRlbFx4UNJpSRvlWo8NSaeNC58vrzcknanFtIxN48JRFYVSFdtl7FRhXJioKIKq0O7VuDBiKhpakDKmMVfnJ6X4ofMDAAAG57LnHnjm6SPHPyLpu5I+KunCnm8pq3H09uZZCcaFL0Zvf9aQ867o7bMNOavR22lDDoUP2pJrUEGuzg/FDwAAGKTLnnvgL5I+1fd9tCHXtrcD/wBTDF7KMIOUrg6dHwAAgDmVcu6AYQaYS8aFNUlHJb1JxRbPa1T8nx+rKIaq9dUwLnylvJ7U1nPCuHD/Hq/X/8yKceGJ2t9Rj+UqjAsvqvgBRD1G1Rq9TSmiAAAAkCil+OEBpphL0dsNSX+VJOPCddHbk7PyjQtfi97+uCHnp9HbLzXkPBG9vaoh58Xo7Vtn5QAAACCvlG1vdH6wCLocY52yxS7lew8AAAAZ5Sp+KGwwdCmFTa6JcBQ/AAAAA0TnBwdFrmEGKcVPynZSih8AAICO0fnBQTG04meUkAMAAICMUoqflK5OrhygLUMrfuj8AAAAdGxsXPiBpNOSTpVrPTYkbRgXrpV0poyppM1y3arCuHBYRZdopxZny9iJ3lL8oE8p53lyPcOHzg8AAMAAjaO3t81KMC7cEL19tCHnLdHbl/LeGpDV0B5gSvEDAADQsVzb3jjzg6HL1flJmeRG8QMAADBAI9330MyExIdDHqbzg76UWy4/LOmdKs7kjMtY2eP6fNfdsVxbd8fSPjEqo7pW7TXtsUqSorecCwIAAMgo5WwCnR8MWll4Pzwrx7hwb/T2loach6O3xxpy/h69fU9DzsvR2zc35GxFb1O+/wAAAJBJrm1vwNAN7QGmbHsDAADoWMqHtJSuDp0fDF2Xk9zYrgYAADBAFD84KIb2AFM6PwAAAB1j2xsOii7HWNP5AQAAGCA+pOGgYIw1AADAATc2LnxL0ilJp3fFRhXGhSskTcvYLGOrjG1J28aFiaTN6C1b4DBEuYYZUPwAAADMqf8BPqW0/5j3YQcAAAAASUVORK5CYII=");
  background-color: #020104;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gcx-overlay .overlay_wrapper .raised_therm_wrapper:before {
  content: "";
  position: absolute;
  top: 16px;
  right: -90px;
  width: 1140px;
  height: 80px;
  background: url("/assets/grid2-CZf-L6DZ.png") no-repeat;
  background-size: cover;
  z-index: -2;
}
.gcx-overlay .overlay_wrapper .raised_therm_wrapper:after {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -1;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  background: linear-gradient(180deg, #0099b3, #ec3e4c, #d7b000);
}
.gcx-overlay .overlay_wrapper .raised_therm_wrapper .rainbow {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  filter: blur(15px);
  z-index: -2;
}
.gcx-overlay .overlay_wrapper .raised_therm_wrapper .rainbow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #0099b3, #ec3e4c, #d7b000);
}
.gcx-overlay .overlay_wrapper .raised_therm_wrapper .rainbow:after {
  animation: neon 1.5s linear infinite;
}
.gcx-overlay .overlay_wrapper .raised_therm_wrapper.lupo:before {
  content: "";
  position: absolute;
  top: 5px;
  right: -90px;
  width: 1140px;
  height: 80px;
  background: url("/assets/grid_lupo-CnzVVhyy.png") no-repeat;
  background-size: cover;
  z-index: -2;
}
.gcx-overlay .overlay_wrapper .raised_therm_wrapper.lupo .lupo-rainbow {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  filter: blur(15px);
  z-index: -2;
}
.gcx-overlay .overlay_wrapper .raised_therm_wrapper.lupo .lupo-rainbow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #6d30fd, #fd2156);
}
.gcx-overlay .overlay_wrapper .raised_therm_wrapper.lupo .lupo-rainbow:after {
  animation: neon 5s linear infinite;
}
.gcx-overlay .overlay_wrapper .progress_bar {
  position: relative;
  width: 80%;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  background-color: #4e535a;
}
.gcx-overlay .overlay_wrapper .progress_bar_inner {
  height: 50px;
  background: linear-gradient(90deg, #9e1be2, #ff00ff);
  border-radius: 0.2rem;
  transition: ease-in-out 1s;
}
.gcx-overlay .overlay_wrapper .progress_bar span {
  font-size: 2.8125rem;
  font-weight: 800;
  display: block;
  color: #fff;
  line-height: 0;
}@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);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes milestoneSlideIn {
  0% {
    transform: translateX(-100%);
  }
  10%, 85% {
    transform: translateX(0px);
    opacity: 1;
  }
  95%, 100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes activeOverflow {
  to {
    overflow: hidden;
  }
}
@keyframes hgoalAppear {
  0% {
    transform: translateY(-70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
  3% {
    transform: translateY(4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  5% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  95% {
    transform: translateY(-1px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  97% {
    transform: translateY(-4px) rotate(var(--hgoal-rotation));
    opacity: 1;
  }
  100% {
    transform: translateY(70px) rotate(var(--hgoal-rotation));
    opacity: 0;
  }
}
/* GCX */
@font-face {
  font-family: GCX;
  src: url("/assets/SEGA-Cf5MRITN.TTF");
}
@font-face {
  font-family: Forza-Bold;
  src: url("/assets/Forza-Bold-BAR0_xtN.otf");
}
@font-face {
  font-family: Forza-Medium;
  src: url("/assets/Forza-Medium-CeM2diRD.otf");
}
@font-face {
  font-family: Forza-Book;
  src: url("/assets/Forza-Book-DAUXjF_g.otf");
}
@font-face {
  font-family: Forza-Light;
  src: url("/assets/Forza-Light-DJIU_KYh.otf");
}
/* St Jude Sans Font */
@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;
}
.overlay-wrapper {
  padding-top: 0.5rem;
  overflow: hidden;
  width: 1350px;
  height: 500px;
}

.fakeprogress {
  width: 100%;
  height: 80px;
  background: #c231ff;
  z-index: 9999;
}

.bac-overlay {
  width: 1317px;
  height: 57px;
  margin: 1rem auto;
  z-index: 9999;
  position: relative;
  color: #fff;
  background-color: #333;
  font-family: ChicagoFLF, monospace;
  font-weight: 800;
  font-style: normal;
  box-shadow: 9px 0 rgba(51, 51, 51, 0.23), -9px 0 rgba(51, 51, 51, 0.23), 0 -8px rgba(51, 51, 51, 0.23), 0 8px rgba(51, 51, 51, 0.23), 16px 0 #c231ff, -16px 0 #c231ff, 0 -16px #c231ff, 0 16px #c231ff, 0 0 0 8px #c231ff;
}
.bac-overlay .therm-container {
  background-color: rgba(51, 51, 51, 0.23);
  height: 57px;
  position: relative;
}
.bac-overlay .therm-container__inner {
  background-color: #ff2c4b;
  transition: ease-in-out 0.5s;
  position: relative;
  height: 57px;
  min-width: 1%;
}
.bac-overlay .therm-container__inner:after {
  content: "";
  position: absolute;
  display: block;
  right: -118px;
  top: -17px;
  width: 119px;
  height: 91px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAACwCAYAAADwpmsXAAAACXBIWXMAABYlAAAWJQFJUiTwAAAByElEQVR4nO3dwQnDMBAAQSukovxTff5uSSniHoPwTgFGsNzHh+W1977ivPQBnq4AWAGwAmAFwAqAFQArAFYArABYAbACYAXACoAVACsAVgCsAFgBsAJgBcAKgBUAKwBWAKwAWAGwAmAFwAqAFQB7Tx/w+1yjDwy+97WmZzhZE4AVACsAVgCsAFgBsAJgBcAKgBUAKwBWAKwAWAGwAmDjfcDU0/cJTQBWAKwAWAGwAmAFwAqAFQArAFYArABYAbACYAXACoDxfcDU6fuEJgArAFYArABYAbACYAXACoAVACsAVgCsAFgBsAJgBcAKgBUAKwBWAKwAWAGwAmAFwAqAFQArAFYArABYAbACYAXACoAVACsAVgCsAFgBsAJgBcAKgBUAKwBWAKwAWAGwAmAFwI6/L0jf9zPVBGAFwAqAFQArAFYArABYAbACYAXACoAVACsAVgCsABjfB5z+Pn+qCcAKgBUAKwBWAKwAWAGwAmAFwAqAFQArAFYArABYAbC19+h3vBlqArACYAXACoAVACsAVgCsAFgBsAJgBcAKgBUAKwBWAKwAWAGwAmAFwAqAFQArAFYArABYAbACYAXACoAVACsAVgDsDzTgEntdS6u+AAAAAElFTkSuQmCC");
  background-size: contain;
  background-repeat: no-repeat;
}
.bac-overlay .therm-container__inner.over {
  background-image: linear-gradient(90deg, #ff2c4b, #7d48ff);
}
.bac-overlay .therm-container__inner {
  box-shadow: 8px 0 #ff2c4b, -8px 0 #ff2c4b, 0 -8px #ff2c4b, 0 8px #ff2c4b, 16px 0 #c231ff, -16px 0 #c231ff, 0 -16px #c231ff, 0 16px #c231ff, 0 0 0 8px #c231ff;
}
.bac-overlay .therm-container p {
  position: absolute;
  z-index: 9999;
  font-size: 1.5rem;
  text-shadow: 1px 1px 3px #333;
}
.bac-overlay .therm-container__raised {
  left: 20px;
  top: 10px;
}
.bac-overlay .therm-container__goal {
  right: 20px;
  top: 10px;
}