/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root {
  --primaryColor: #be1e2d;
  --textBlack: #222222;
  --textYellow: #f9da10;
}

body[loading] amp-story-page:before {
  content: '';
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
}
body[loading] amp-story-page:after {
  content: '';
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  border-radius: 50%;
  border: 6px solid #000;
  border-top-color: #ccc;
  -webkit-animation: spinner .6s linear infinite;
          animation: spinner .6s linear infinite;
}

.container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

#top-5-supporter .content, #top-5-supporter-copy .content,  
#top-1-supporter .content, #top-1-supporter-copy .content, 
#historical-day .content, #historical-day-copy .content, 
#unique-information .content, #unique-information-copy .content {
  min-height: 650px;
}

#top-5-supporter .container > *, #top-5-supporter-copy .container > *, 
#top-1-supporter .container > *, #top-1-supporter-copy .container > *,
#historical-day .container > *, #historical-day-copy .container > *,
#unique-information .container > *, #unique-information-copy .container > * {
  max-width: 340px;
}

/* START */

#start .content {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 1rem;
  gap: .5rem;
}
.start__egis {
  width: 100%;
  text-align: center;
}
.start__egis .svg-group {
  max-height: 200px;
  position: relative;
}
.start__egis svg {
  max-width: 100%;
}
.start__egis svg:first-child {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: -15px;
  margin: 0 auto;
}
.start__egis svg:last-child {
  -webkit-filter: drop-shadow(3px 6px 0px #8E1722);
        filter: drop-shadow(3px 6px 0px #8E1722);
  margin-top: 80px;
}
.start__side-egis {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 10px;
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
}

.start__envelope {
  position: relative;
  font-family: "Caveat";
  font-weight: 700;
  font-size: 16px;
  margin-left: calc(-2rem - 70px);
  margin-right: calc(-2rem - 50px);
  color: var(--textBlack);
}
.start__envelope__wrapper {
  width: 100%;
  -webkit-transform: translatey(0px);
      -ms-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 6s ease-in-out infinite;
          animation: float 6s ease-in-out infinite;
}
.start__envelope__wrapper > svg {
  width: 100%;
}
.start__envelope .from-trakteer {
  position: absolute;
  left: 28%;
  top: 32%;
  -webkit-transform:  rotate(-6deg);
      -ms-transform:  rotate(-6deg);
          transform:  rotate(-6deg);
}
.start__envelope .to-creator {
  -webkit-transform:  rotate(-6deg);
  -ms-transform:  rotate(-6deg);
  transform:  rotate(-6deg);
  position: absolute;
  bottom: 30%;
  right: 32%;
  text-align: end;
}
.start__envelope .to-creator > .name {
  font-size: 24px; 
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: 145px;
  overflow: hidden;
}
.start__envelope .avatar {
  position: absolute;
  right: 8%;
  bottom: 32%;
  border-radius: 50%;
  overflow: hidden;
  width: 72px;
  height: 72px;
}
.start__envelope .avatar img {
  width: 100%;
  height: 100%;
}
.start__star--topleft {
  position: absolute;
  left: 30px;
  top: 0px;
  -webkit-animation: pulse 1s linear infinite;
          animation: pulse 1s linear infinite;
}
.start__star--bottomright {
  position: absolute;
  right: 0;
  bottom: 38px;
  -webkit-animation: pulse 1s linear infinite;
          animation: pulse 1s linear infinite;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}
.start__text, .thank-you__text {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
  max-width: 320px;
}
.start__text .name {
  color: var(--textYellow);
}
.start__text .ps {
  font-size: 12px;
}

/* TOP SUPPORTERS */

.first__text1, .first__text2 {
  margin-bottom: 32px;
}
.first__stats {
  padding: 0 8px;
  margin-bottom: 72px;
  font-family: "Quicksand";
  font-weight: 700;
  position: relative;
}
.first__pernik {
  position: absolute;
}
.first__pernik.left1 {
  left: -20%;
  top: 10%;
}
.first__pernik.left2 {
  left: -32%;
  top: 45%;
}
.first__pernik.left3 {
  left: -22%;
  bottom: -5%;
}
.first__pernik.right1 {
  right: -20%;
  top: 10%;
}
.first__pernik.right2 {
  right: -32%;
  top: 45%;
}
.first__pernik.right3 {
  right: -22%;
  bottom: -5%;
}
.first__stats__number {
  text-align: center;
  font-size: 86px;
  color: var(--primaryColor);
}
.first__stats__number.is-smaller {
  font-size: 75px;
}
.first__stats__number.is-small {
  font-size: 70px;
}
.first__stats__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  color: var(--textBlack);
}
.first__stats__unit .name {
  max-width: 220px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-break: break-word;
}
.first__stats__unit .image {
  margin-right: 12px;
  min-width: 36px;;
  width: 36px;
  min-height: 36px;;
  height: 36px;
}
.first__stats__unit .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
          transform: rotate(-6deg);
  -webkit-filter: drop-shadow(2px 4px 0px #F9DA10);
          filter: drop-shadow(2px 4px 0px #F9DA10);
}
.first__supporter__list{
  width: 100%;
}

/* TOP LOYAL SUPPORTER */

.second__text1 {
  margin-bottom: 50px;
}
.second__avatar__wrapper {
  position: relative;
  margin-bottom: 32px;
}
.second__avatar {
  width: 192px;
  height: 192px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-filter: drop-shadow(3px 6px 0px #F9DA10);
          filter: drop-shadow(3px 6px 0px #F9DA10);
}
.second__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.second__egis-nangkring {
  position: absolute;
  top: -17%;
  right: -19%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.second__pernik {
  position: absolute;
}
.second__pernik.left1 {
  left: -16%;
  top: -4%;
}
.second__pernik.left2 {
  left: -32%;
  top: 24%;
}
.second__pernik.left3 {
  left: -36%;
  bottom: 18%;
}
.second__pernik.right1 {
  right: -40%;
  top: 20%;
}
.second__pernik.right2 {
  right: -28%;
  top: 56%;
}
.second__pernik.right3 {
  right: -16%;
  bottom: 0%;
}
.second__supporter__name {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  color: var(--primaryColor);
  margin-bottom: 32px;
}

/* HISTORICAL DAY */

.third__text1 {
  margin-bottom: 40px;
}
.third__calendar__wrapper {
  width: 268px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  margin-bottom: 32px;

}
.third__calendar__box {
  position: relative;
  width: 200px;
  height: 200px;
  background: #FFFFFF;
  border: 2px solid #000000;
  -webkit-box-shadow: 3px 6px 0px #F9C610;
          box-shadow: 3px 6px 0px #F9C610;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.third__calendar__box .month {
  height: 50px;
  background-color: #be1e2d;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  color: #ffffff;
}
.third__calendar__box .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-size: 128px;
  color: var(--textBlack);
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.third__egis {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.third__star__topleft {
  position: absolute;
  left: 8%;
  top: 4%;
  -webkit-animation: pulse 2s linear infinite;
          animation: pulse 2s linear infinite;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}
.third__star__bottomright {
  position: absolute;
  right: -6%;
  bottom: 4%;
  -webkit-animation: pulse 2s linear infinite;
          animation: pulse 2s linear infinite;
}
.third__history__title {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  color: var(--primaryColor);
  margin-bottom: 32px;
}

/* UNIQUE INFORMATION */

.fourth__text1 {
  margin-bottom: 48px;
}
.fourth__egis__wrapper {
  position: relative;
  margin-bottom: 48px;
}
.fourth__pernik {
  position: absolute;
}
.fourth__pernik.left1 {
  left: 5%;
  top: 20%;
}
.fourth__pernik.left2 {
  left: -9%;
  top: 30%;
}
.fourth__pernik.left3 {
  left: -16%;
  top: 60%;
}

/* THANK YOU */

#thank-you .content {
  gap: 40px;
}
.terimakasih {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  color: #FFFFFF;
  text-shadow: 2px 4px 0px #8E1722;
}
.thank-you__egis {
  position: relative;
  max-height: 270px;
}
.thank-you__star__left {
  position: absolute;
  top: 10%;
  left: -10%;
  -webkit-animation: pulse 2s linear infinite;
          animation: pulse 2s linear infinite;
}
.thank-you__star__right {
  position: absolute;
  bottom: 32%;
  right: -20%;
  -webkit-animation: pulse 2s linear infinite;
          animation: pulse 2s linear infinite;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}
.thank-you__text .tag {
  color: var(--textYellow);
}

/* CTA LAYER */

amp-story-cta-layer {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cta-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 340px;
  margin-top: 20px;
}

/* REUSABLE */

.content-spacing {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-height: 42px;
  max-height: 72px;
}
.content-spacing__placeholder {
  height: 50px;
}
.supporter__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-family: "Quicksand";
  font-weight: 700;
  font-size: 18px;
  margin-bottom: .75rem;
}
.supporter__avatar {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: .5rem;
}
.supporter__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.supporter__name {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: var(--textBlack);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  margin-right: 7px;
}
.supporter__trakteerAmount {
  color: var(--primaryColor);
}

.info__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 18px;
}
.info__wrapper:not(:last-child) {
  margin-bottom: 24px;
}
.info__wrapper .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  width: 48px;
  margin-right: 16px;
}
.info__wrapper .image img {
  height: 100%;
  -webkit-filter: drop-shadow(2px 4px 0px #F9DA10);
          filter: drop-shadow(2px 4px 0px #F9DA10);
}
.info__wrapper .text {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 700;
  color: var(--textBlack);
}
.info__wrapper .highlight {
  background-color: #f9da10;
  color: var(--primaryColor);
  padding: 0 2px;
}

.share__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-family: "Quicksand";
}
.share__text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.share__text .tag {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #be1e2d;
}
.share__text .link {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #949494;
}
.share__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -o-linear-gradient(45deg, #BE1E2D 14.64%, #DB2935 85.36%);
  background: linear-gradient(45deg, #BE1E2D 14.64%, #DB2935 85.36%);
  -webkit-box-shadow: 0px 2px 5px rgba(190, 30, 45, 0.25);
          box-shadow: 0px 2px 5px rgba(190, 30, 45, 0.25);
  border-radius: 100px;
  padding: 8px 12px 8px 8px;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
.share__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
}
.restart__button {
  background-color: #ffffff;
  border-radius: 100px;
  padding: 8px 12px 8px 8px;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #737373;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.restart__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* UTILITIES */

.bg-red-pattern {
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='411' height='823' viewBox='0 0 411 823' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M237.183 791.69V782.793H235.279V791.69H237.183Z' fill='%23AE0721'/%3E%3Cpath d='M240.784 786.311H231.677V788.172H240.784V786.311Z' fill='%23AE0721'/%3E%3Cpath d='M208.463 791.69V782.793H206.558V791.69H208.463Z' fill='%23AE0721'/%3E%3Cpath d='M212.064 786.311H202.957V788.172H212.064V786.311Z' fill='%23AE0721'/%3E%3Cpath d='M179.742 791.69V782.793H177.838V791.69H179.742Z' fill='%23AE0721'/%3E%3Cpath d='M183.343 786.311H174.236V788.172H183.343V786.311Z' fill='%23AE0721'/%3E%3Cpath d='M151.022 791.69V782.793H149.118V791.69H151.022Z' fill='%23AE0721'/%3E%3Cpath d='M154.623 786.311H145.516V788.172H154.623V786.311Z' fill='%23AE0721'/%3E%3Cpath d='M222.823 806.621V797.724H220.919V806.621H222.823Z' fill='%23AE0721'/%3E%3Cpath d='M226.424 801.242H217.317V803.103H226.424V801.242Z' fill='%23AE0721'/%3E%3Cpath d='M194.103 806.621V797.724H192.198V806.621H194.103Z' fill='%23AE0721'/%3E%3Cpath d='M197.704 801.242H188.597V803.103H197.704V801.242Z' fill='%23AE0721'/%3E%3Cpath d='M165.382 806.621V797.724H163.478V806.621H165.382Z' fill='%23AE0721'/%3E%3Cpath d='M168.983 801.242H159.876V803.103H168.983V801.242Z' fill='%23AE0721'/%3E%3Cpath d='M237.183 823V814.103H235.279V823H237.183Z' fill='%23AE0721'/%3E%3Cpath d='M240.784 817.621H231.677V819.482H240.784V817.621Z' fill='%23AE0721'/%3E%3Cpath d='M208.463 823V814.103H206.558V823H208.463Z' fill='%23AE0721'/%3E%3Cpath d='M212.064 817.621H202.957V819.482H212.064V817.621Z' fill='%23AE0721'/%3E%3Cpath d='M179.742 823V814.103H177.838V823H179.742Z' fill='%23AE0721'/%3E%3Cpath d='M183.343 817.621H174.236V819.482H183.343V817.621Z' fill='%23AE0721'/%3E%3Cpath d='M151.022 823V814.103H149.117V823H151.022Z' fill='%23AE0721'/%3E%3Cpath d='M154.623 817.621H145.516V819.482H154.623V817.621Z' fill='%23AE0721'/%3E%3Cpath d='M359.246 20.9291V12.0318H357.342V20.9291H359.246Z' fill='%23AE0721'/%3E%3Cpath d='M362.847 15.5503H353.74V17.4106H362.847V15.5503Z' fill='%23AE0721'/%3E%3Cpath d='M330.526 20.9291V12.0318H328.622V20.9291H330.526Z' fill='%23AE0721'/%3E%3Cpath d='M334.127 15.5503H325.02V17.4106H334.127V15.5503Z' fill='%23AE0721'/%3E%3Cpath d='M301.805 20.9291V12.0318H299.901V20.9291H301.805Z' fill='%23AE0721'/%3E%3Cpath d='M305.407 15.5503H296.299V17.4106H305.407V15.5503Z' fill='%23AE0721'/%3E%3Cpath d='M273.085 20.929V12.0318H271.181V20.929H273.085Z' fill='%23AE0721'/%3E%3Cpath d='M276.686 15.5502H267.579V17.4106H276.686V15.5502Z' fill='%23AE0721'/%3E%3Cpath d='M344.886 35.8601V26.9629H342.982V35.8601H344.886Z' fill='%23AE0721'/%3E%3Cpath d='M348.487 30.4814H339.38V32.3416H348.487V30.4814Z' fill='%23AE0721'/%3E%3Cpath d='M316.166 35.8601V26.9629H314.261V35.8601H316.166Z' fill='%23AE0721'/%3E%3Cpath d='M319.767 30.4814H310.66V32.3416H319.767V30.4814Z' fill='%23AE0721'/%3E%3Cpath d='M287.445 35.8601V26.9629H285.541V35.8601H287.445Z' fill='%23AE0721'/%3E%3Cpath d='M291.046 30.4814H281.939V32.3416H291.046V30.4814Z' fill='%23AE0721'/%3E%3Cpath d='M359.246 52.239V43.3418H357.342V52.239H359.246Z' fill='%23AE0721'/%3E%3Cpath d='M362.847 46.8604H353.74V48.7208H362.847V46.8604Z' fill='%23AE0721'/%3E%3Cpath d='M330.526 52.239V43.3418H328.622V52.239H330.526Z' fill='%23AE0721'/%3E%3Cpath d='M334.127 46.8604H325.02V48.7208H334.127V46.8604Z' fill='%23AE0721'/%3E%3Cpath d='M301.805 52.239V43.3418H299.901V52.239H301.805Z' fill='%23AE0721'/%3E%3Cpath d='M305.407 46.8604H296.299V48.7208H305.407V46.8604Z' fill='%23AE0721'/%3E%3Cpath d='M273.085 52.239V43.3418H271.181V52.239H273.085Z' fill='%23AE0721'/%3E%3Cpath d='M276.686 46.8604H267.579V48.7208H276.686V46.8604Z' fill='%23AE0721'/%3E%3Cpath d='M46.8136 282.605L31.2281 271.499L48.8627 263.868L46.8136 282.605Z' fill='%23AE0721'/%3E%3Cpath d='M373.773 552.765L354.499 552.033L364.786 536.091L373.773 552.765Z' fill='%23AE0721'/%3E%3Cpath d='M321.497 782.793L320.748 801.622L304.43 791.573L321.497 782.793Z' fill='%23AE0721'/%3E%3Cpath d='M376.741 318.195L411 309.229L401.823 342.695L376.741 318.195ZM386.452 320.735L399.219 333.211L403.892 316.173L386.452 320.735Z' fill='%23AE0721'/%3E%3Cpath d='M268.011 552.615H178.518C176.631 552.544 174.85 551.748 173.562 550.399C172.274 549.051 171.584 547.26 171.642 545.416C171.584 543.573 172.274 541.781 173.562 540.433C174.85 539.084 176.631 538.288 178.518 538.217H268.028C269.915 538.288 271.697 539.084 272.985 540.433C274.274 541.781 274.965 543.572 274.908 545.416C274.965 547.263 274.272 549.056 272.979 550.405C271.687 551.754 269.901 552.548 268.011 552.615Z' fill='%23AE0721'/%3E%3Cpath d='M15.9903 803.62L26.6465 776.26L45.5939 798.97L15.9903 803.62ZM22.5781 798.375L37.6436 796.003L28.0049 784.442L22.5781 798.375Z' fill='%23AE0721'/%3E%3Cpath d='M5.35799 379.967L16.177 392.221L0 395.454L5.35799 379.967Z' fill='%23AE0721'/%3E%3Cpath d='M30.1133 495.862L3.30387 511.049L3.24795 480.77L30.1133 495.862ZM21.32 495.873L7.64208 488.191L7.66895 503.606L21.32 495.873Z' fill='%23AE0721'/%3E%3Cpath d='M13.815 27.3595L24.4712 0L43.4186 22.7092L13.815 27.3595ZM20.4028 22.1152L35.4682 19.7424L25.8296 8.1816L20.4028 22.1152Z' fill='%23AE0721'/%3E%3Cpath d='M225.639 301.086L238.981 310.647L223.885 317.217L225.639 301.086Z' fill='%23AE0721'/%3E%3Cpath d='M174.906 340.417L158.394 339.776L167.209 326.129L174.906 340.417Z' fill='%23AE0721'/%3E%3C/svg%3E%0A");
}
.bg-white-pattern {
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='411' height='823' viewBox='0 0 411 823' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M237.183 791.69V782.793H235.279V791.69H237.183Z' fill='%23F2F2F2'/%3E%3Cpath d='M240.784 786.311H231.677V788.172H240.784V786.311Z' fill='%23F2F2F2'/%3E%3Cpath d='M208.463 791.69V782.793H206.558V791.69H208.463Z' fill='%23F2F2F2'/%3E%3Cpath d='M212.064 786.311H202.957V788.172H212.064V786.311Z' fill='%23F2F2F2'/%3E%3Cpath d='M179.742 791.69V782.793H177.838V791.69H179.742Z' fill='%23F2F2F2'/%3E%3Cpath d='M183.343 786.311H174.236V788.172H183.343V786.311Z' fill='%23F2F2F2'/%3E%3Cpath d='M151.022 791.69V782.793H149.118V791.69H151.022Z' fill='%23F2F2F2'/%3E%3Cpath d='M154.623 786.311H145.516V788.172H154.623V786.311Z' fill='%23F2F2F2'/%3E%3Cpath d='M222.823 806.621V797.724H220.919V806.621H222.823Z' fill='%23F2F2F2'/%3E%3Cpath d='M226.424 801.242H217.317V803.103H226.424V801.242Z' fill='%23F2F2F2'/%3E%3Cpath d='M194.103 806.621V797.724H192.198V806.621H194.103Z' fill='%23F2F2F2'/%3E%3Cpath d='M197.704 801.242H188.597V803.103H197.704V801.242Z' fill='%23F2F2F2'/%3E%3Cpath d='M165.382 806.621V797.724H163.478V806.621H165.382Z' fill='%23F2F2F2'/%3E%3Cpath d='M168.983 801.242H159.876V803.103H168.983V801.242Z' fill='%23F2F2F2'/%3E%3Cpath d='M237.183 823V814.103H235.279V823H237.183Z' fill='%23F2F2F2'/%3E%3Cpath d='M240.784 817.621H231.677V819.482H240.784V817.621Z' fill='%23F2F2F2'/%3E%3Cpath d='M208.463 823V814.103H206.558V823H208.463Z' fill='%23F2F2F2'/%3E%3Cpath d='M212.064 817.621H202.957V819.482H212.064V817.621Z' fill='%23F2F2F2'/%3E%3Cpath d='M179.742 823V814.103H177.838V823H179.742Z' fill='%23F2F2F2'/%3E%3Cpath d='M183.343 817.621H174.236V819.482H183.343V817.621Z' fill='%23F2F2F2'/%3E%3Cpath d='M151.022 823V814.103H149.117V823H151.022Z' fill='%23F2F2F2'/%3E%3Cpath d='M154.623 817.621H145.516V819.482H154.623V817.621Z' fill='%23F2F2F2'/%3E%3Cpath d='M359.246 20.9291V12.0318H357.342V20.9291H359.246Z' fill='%23F2F2F2'/%3E%3Cpath d='M362.847 15.5503H353.74V17.4106H362.847V15.5503Z' fill='%23F2F2F2'/%3E%3Cpath d='M330.526 20.9291V12.0318H328.622V20.9291H330.526Z' fill='%23F2F2F2'/%3E%3Cpath d='M334.127 15.5503H325.02V17.4106H334.127V15.5503Z' fill='%23F2F2F2'/%3E%3Cpath d='M301.805 20.9291V12.0318H299.901V20.9291H301.805Z' fill='%23F2F2F2'/%3E%3Cpath d='M305.407 15.5503H296.299V17.4106H305.407V15.5503Z' fill='%23F2F2F2'/%3E%3Cpath d='M273.085 20.929V12.0318H271.181V20.929H273.085Z' fill='%23F2F2F2'/%3E%3Cpath d='M276.686 15.5502H267.579V17.4106H276.686V15.5502Z' fill='%23F2F2F2'/%3E%3Cpath d='M344.886 35.8601V26.9629H342.982V35.8601H344.886Z' fill='%23F2F2F2'/%3E%3Cpath d='M348.487 30.4814H339.38V32.3416H348.487V30.4814Z' fill='%23F2F2F2'/%3E%3Cpath d='M316.166 35.8601V26.9629H314.261V35.8601H316.166Z' fill='%23F2F2F2'/%3E%3Cpath d='M319.767 30.4814H310.66V32.3416H319.767V30.4814Z' fill='%23F2F2F2'/%3E%3Cpath d='M287.445 35.8601V26.9629H285.541V35.8601H287.445Z' fill='%23F2F2F2'/%3E%3Cpath d='M291.046 30.4814H281.939V32.3416H291.046V30.4814Z' fill='%23F2F2F2'/%3E%3Cpath d='M359.246 52.239V43.3418H357.342V52.239H359.246Z' fill='%23F2F2F2'/%3E%3Cpath d='M362.847 46.8604H353.74V48.7208H362.847V46.8604Z' fill='%23F2F2F2'/%3E%3Cpath d='M330.526 52.239V43.3418H328.622V52.239H330.526Z' fill='%23F2F2F2'/%3E%3Cpath d='M334.127 46.8604H325.02V48.7208H334.127V46.8604Z' fill='%23F2F2F2'/%3E%3Cpath d='M301.805 52.239V43.3418H299.901V52.239H301.805Z' fill='%23F2F2F2'/%3E%3Cpath d='M305.407 46.8604H296.299V48.7208H305.407V46.8604Z' fill='%23F2F2F2'/%3E%3Cpath d='M273.085 52.239V43.3418H271.181V52.239H273.085Z' fill='%23F2F2F2'/%3E%3Cpath d='M276.686 46.8604H267.579V48.7208H276.686V46.8604Z' fill='%23F2F2F2'/%3E%3Cpath d='M46.8136 282.605L31.2281 271.499L48.8627 263.868L46.8136 282.605Z' fill='%23F2F2F2'/%3E%3Cpath d='M373.773 552.765L354.499 552.033L364.786 536.091L373.773 552.765Z' fill='%23F2F2F2'/%3E%3Cpath d='M321.497 782.793L320.748 801.622L304.43 791.573L321.497 782.793Z' fill='%23F2F2F2'/%3E%3Cpath d='M376.741 318.195L411 309.229L401.823 342.695L376.741 318.195ZM386.452 320.735L399.219 333.211L403.892 316.173L386.452 320.735Z' fill='%23F2F2F2'/%3E%3Cpath d='M268.011 552.615H178.518C176.631 552.544 174.85 551.748 173.562 550.399C172.274 549.051 171.584 547.26 171.642 545.416C171.584 543.573 172.274 541.781 173.562 540.433C174.85 539.084 176.631 538.288 178.518 538.217H268.028C269.915 538.288 271.697 539.084 272.985 540.433C274.274 541.781 274.965 543.572 274.908 545.416C274.965 547.263 274.272 549.056 272.979 550.405C271.687 551.754 269.901 552.548 268.011 552.615Z' fill='%23F2F2F2'/%3E%3Cpath d='M15.9903 803.62L26.6465 776.26L45.5939 798.97L15.9903 803.62ZM22.5781 798.375L37.6435 796.003L28.0049 784.442L22.5781 798.375Z' fill='%23F2F2F2'/%3E%3Cpath d='M5.35799 379.967L16.177 392.221L0 395.454L5.35799 379.967Z' fill='%23F2F2F2'/%3E%3Cpath d='M30.1133 495.862L3.30387 511.049L3.24795 480.77L30.1133 495.862ZM21.32 495.873L7.64208 488.191L7.66895 503.606L21.32 495.873Z' fill='%23F2F2F2'/%3E%3Cpath d='M13.815 27.3595L24.4712 0L43.4186 22.7092L13.815 27.3595ZM20.4028 22.1152L35.4682 19.7424L25.8296 8.1816L20.4028 22.1152Z' fill='%23F2F2F2'/%3E%3Cpath d='M225.639 301.086L238.981 310.647L223.885 317.217L225.639 301.086Z' fill='%23F2F2F2'/%3E%3Cpath d='M174.906 340.417L158.394 339.776L167.209 326.129L174.906 340.417Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A");
}
.bg-red-primary {
  background-color: var(--primaryColor);
}
.bg-paper-white {
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url(paper.png);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0.75))), url(paper.png);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url(paper.png);
}
.narration {
  font-family: "Caveat";
  font-size: 24px;
  font-weight: 500;
  color: var(--textBlack);
}

/* SHARE */

#canvas-temp {
  opacity: 0;
  pointer-events: none;
}
#canvas-temp amp-story-page:before, #canvas-temp amp-story-page::after {
  display: none;
}
#canvas-temp .share__button {
  display: none;
}
#canvas-temp .share__text {
  text-align: center;
}

@-webkit-keyframes spinner {
  to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

@keyframes spinner {
  to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
  50% {
    -webkit-transform: translatey(-20px);
            transform: translatey(-20px);
  }
  100% {
    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
  50% {
    -webkit-transform: translatey(-20px);
            transform: translatey(-20px);
  }
  100% {
    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
}