body {
  background: #E6F2FC;
}

#head {
  text-align: center;
  margin-bottom: 60px;
}
#head svg {
  margin-bottom: 40px;
}
#head h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  margin-bottom: 20px;
}
#head .info {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 40px;
}
#head .btn-big {
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  padding: 0 50px;
  line-height: 60px;
  border-radius: 12px;
  background: #FF8C00;
  text-decoration: none;
  display: inline-block;
  transition: 0.4s all;
  margin-bottom: 60px;
}
#head .btn-big:hover {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  #head h1 {
    font-size: 32px;
    line-height: 40px;
  }
  #head svg {
    margin-bottom: 20px;
  }
  #head .btn-big {
    padding: 0 20px;
    margin-bottom: 40px;
    font-size: 18px;
    width: 100%;
  }
}

.address {
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  color: #4B5159;
  padding: 20px;
  text-align: center;
}

#logo {
  padding: 14px 0 60px 0;
}

.main-v0 .subtitle,
.main-v1 .subtitle,
.main-v2 .subtitle {
  margin-top: 64px;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 30px;
  text-align: center;
}
.main-v0 .title,
.main-v1 .title,
.main-v2 .title {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 70px;
  text-align: center;
  max-width: 843px;
  margin-left: auto;
  margin-right: auto;
}
.main-v0 .main,
.main-v1 .main,
.main-v2 .main {
  margin-left: auto;
  margin-right: auto;
  padding: 31px 15px 15px 15px;
  max-width: 600px;
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 60px;
}
.main-v0 .main .add-to-calendar,
.main-v1 .main .add-to-calendar,
.main-v2 .main .add-to-calendar {
  text-align: center;
  display: block;
  margin-top: 10px;
}
.main-v0 .main-title-wrapper,
.main-v1 .main-title-wrapper,
.main-v2 .main-title-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.main-v0 .main-manager-wrapper,
.main-v1 .main-manager-wrapper,
.main-v2 .main-manager-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.main-v0 .main-meeting,
.main-v1 .main-meeting,
.main-v2 .main-meeting {
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 28px;
  margin-left: 15px;
}
.main-v0 .main-meeting br,
.main-v1 .main-meeting br,
.main-v2 .main-meeting br {
  display: none;
}
.main-v0 .main .avatar,
.main-v1 .main .avatar,
.main-v2 .main .avatar {
  border-radius: 50%;
  margin-right: 15px;
}
.main-v0 .main .mobile-inline,
.main-v1 .main .mobile-inline,
.main-v2 .main .mobile-inline {
  display: none;
}
.main-v0 .main .who,
.main-v1 .main .who,
.main-v2 .main .who {
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 26px;
}
.main-v0 .main .blue-wrapper,
.main-v1 .main .blue-wrapper,
.main-v2 .main .blue-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1971C2;
  border-radius: 10px;
  padding: 35px 49px;
}
.main-v0 .main-subtitle,
.main-v1 .main-subtitle,
.main-v2 .main-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #C9E2F0;
}
.main-v0 .main-timedate,
.main-v1 .main-timedate,
.main-v2 .main-timedate {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  color: #FFFFFF;
}
.main-v0 .main-inblue:first-child,
.main-v1 .main-inblue:first-child,
.main-v2 .main-inblue:first-child {
  margin-right: 30px;
}
.main-v0 .col-center,
.main-v1 .col-center,
.main-v2 .col-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main-v0 .blue,
.main-v1 .blue,
.main-v2 .blue {
  color: #1971C2;
}
.main-v0 .back,
.main-v1 .back,
.main-v2 .back {
  margin-bottom: 96px;
  max-width: 109px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 0 15px 0;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  text-decoration-thickness: 2px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  background: url("../../img/pages/thank-you-sellvia-pro/arrow-right-grey.svg") no-repeat right center;
}
.main-v0 .upsell,
.main-v1 .upsell,
.main-v2 .upsell {
  margin-bottom: 96px;
  max-width: 180px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 0 15px 0;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  text-decoration-thickness: 2px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  background: url("../../img/pages/thank-you-sellvia-pro/arrow-right-grey.svg") no-repeat right center;
  cursor: pointer;
}
.main-v0 .upsell span,
.main-v1 .upsell span,
.main-v2 .upsell span {
  content: url(../../img/pages/thank-you-sellvia-pro/offer.svg);
  margin-right: 15px;
}
@media (max-width: 767px) {
  .main-v0 .pc,
.main-v1 .pc,
.main-v2 .pc {
    display: none;
  }
  .main-v0 .mobile-inline,
.main-v1 .mobile-inline,
.main-v2 .mobile-inline {
    display: inline;
  }
  .main-v0 .subtitle,
.main-v1 .subtitle,
.main-v2 .subtitle {
    margin-top: 60px;
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 30px;
  }
  .main-v0 .title,
.main-v1 .title,
.main-v2 .title {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 40px;
  }
  .main-v0 .main,
.main-v1 .main,
.main-v2 .main {
    margin-bottom: 40px;
  }
  .main-v0 .main-meeting,
.main-v1 .main-meeting,
.main-v2 .main-meeting {
    font-size: 17px;
    line-height: 28px;
    text-align: center;
    margin-left: unset;
    background: url("../../img/pages/thank-you-sellvia-pro/ring.svg") no-repeat left 1px;
    padding-left: 35px;
    max-width: 198px;
  }
  .main-v0 .main-meeting br,
.main-v1 .main-meeting br,
.main-v2 .main-meeting br {
    display: block;
  }
  .main-v0 .main .scheduled,
.main-v1 .main .scheduled,
.main-v2 .main .scheduled {
    font-size: 15px;
    line-height: 28px;
  }
  .main-v0 .main .who,
.main-v1 .main .who,
.main-v2 .main .who {
    font-size: 19px;
    line-height: 26px;
  }
  .main-v0 .main .mobmb15,
.main-v1 .main .mobmb15,
.main-v2 .main .mobmb15 {
    margin-bottom: 15px !important;
  }
  .main-v0 .main-subtitle,
.main-v1 .main-subtitle,
.main-v2 .main-subtitle {
    font-size: 17px;
    line-height: 24px;
  }
  .main-v0 .main-timedate,
.main-v1 .main-timedate,
.main-v2 .main-timedate {
    font-size: 23px;
    line-height: 32px;
  }
  .main-v0 .main .blue-wrapper,
.main-v1 .main .blue-wrapper,
.main-v2 .main .blue-wrapper {
    padding: 35px 32px;
    display: block;
    margin-bottom: 0;
  }
  .main-v0 .back,
.main-v1 .back,
.main-v2 .back {
    margin-bottom: 60px;
  }
}

.main-v1 {
  padding: 1px 0;
}
.main-v1 h2 {
  text-align: center;
  margin-bottom: 40px;
}
.main-v1 .title {
  max-width: 740px;
  margin-bottom: 60px;
  font-size: 36px;
  line-height: 1.3;
}
.main-v1 .main-inblue:first-child {
  margin: 0;
}
.main-v1 .main {
  border-radius: 20px;
}
.main-v1 .main .blue-wrapper {
  padding: 30px;
  justify-content: center;
  gap: 30px 50px;
}
.main-v1 .main .add-to-calendar {
  padding: 10px 20px;
  margin: 5px 0 0;
  border-radius: 10px;
  background: #1971C2;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.85;
}
.main-v1 .main .add-to-calendar span {
  display: inline-block;
  padding-left: 40px;
  background: no-repeat center left/auto;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.5' width='2' height='12' fill='white'/%3E%3Crect x='12.5' y='5' width='2' height='12' transform='rotate(90 12.5 5)' fill='white'/%3E%3C/svg%3E%0A");
}
.main-v1 .notice {
  border-radius: 20px;
  background: #F1F8FE;
  padding: 30px;
  max-width: 860px;
  margin-bottom: 10px;
  color: #4B5159;
}
.main-v1 .notice h3 span {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.35525 1.81535L1.57826 16.3088C1.3167 16.7963 1.66982 17.3865 2.22301 17.3865H17.777C18.3302 17.3865 18.6833 16.7963 18.4217 16.3088L10.6448 1.81535C10.3688 1.30103 9.63123 1.30103 9.35525 1.81535Z' stroke='%23DC3B2F'/%3E%3Crect x='9.18237' y='6.34131' width='1.46341' height='6.58537' rx='0.731707' fill='%23DC3B2F'/%3E%3Crect x='9.18237' y='13.6582' width='1.46341' height='1.46341' rx='0.731707' fill='%23DC3B2F'/%3E%3C/svg%3E%0A");
  box-shadow: none;
  font-size: 15px;
}
.main-v1 .notice b {
  color: #4B5159;
}
.main-v1 .steps {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  max-width: 880px;
  margin: 90px auto 55px;
}
.main-v1 .steps .step {
  position: relative;
  text-align: center;
  max-width: 160px;
  margin: 0 auto;
  color: #000;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
}
.main-v1 .steps .step h3 {
  max-width: 105px;
  margin: 15px auto 15px;
  padding: 5px 0 4px;
  border-radius: 12px;
  color: #44945B;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
}
.main-v1 .steps .step h3 span {
  display: inline-block;
  padding-left: 25px;
  background: no-repeat center left/auto;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2736_19132)'%3E%3Cpath d='M5.9624 7.27344L8.9999 10.3109L17.0999 2.21094' stroke='%2344945B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0999 9.23281V15.3078C17.0999 15.8449 16.8866 16.3599 16.5068 16.7397C16.127 17.1195 15.612 17.3328 15.0749 17.3328H2.9249C2.38784 17.3328 1.87277 17.1195 1.49301 16.7397C1.11325 16.3599 0.899902 15.8449 0.899902 15.3078V3.15781C0.899902 2.62075 1.11325 2.10568 1.49301 1.72592C1.87277 1.34616 2.38784 1.13281 2.9249 1.13281H12.0374' stroke='%2344945B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2736_19132'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.main-v1 .steps .step .label {
  color: #44945B;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.85;
}
.main-v1 .steps .step.primary {
  color: #1971C2;
}
.main-v1 .steps .step.primary h3 {
  background: #1971C2;
  color: #fff;
}
.main-v1 .steps .step.disabled {
  color: #000;
  font-size: 22px;
  line-height: 1.1;
}
.main-v1 .steps .step.disabled h3 {
  color: #657188;
}
.main-v1 .steps .step.disabled h3 span {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4585 8.79183C1.4585 8.3719 1.62531 7.96918 1.92224 7.67224C2.21918 7.37531 2.6219 7.2085 3.04183 7.2085H10.9585C11.3784 7.2085 11.7811 7.37531 12.0781 7.67224C12.375 7.96918 12.5418 8.3719 12.5418 8.79183V13.5418C12.5418 13.9618 12.375 14.3645 12.0781 14.6614C11.7811 14.9583 11.3784 15.1252 10.9585 15.1252H3.04183C2.6219 15.1252 2.21918 14.9583 1.92224 14.6614C1.62531 14.3645 1.4585 13.9618 1.4585 13.5418V8.79183Z' stroke='%23657188' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.2085 11.1667C6.2085 11.3766 6.2919 11.578 6.44037 11.7265C6.58884 11.8749 6.7902 11.9583 7.00016 11.9583C7.21013 11.9583 7.41149 11.8749 7.55996 11.7265C7.70842 11.578 7.79183 11.3766 7.79183 11.1667C7.79183 10.9567 7.70842 10.7553 7.55996 10.6069C7.41149 10.4584 7.21013 10.375 7.00016 10.375C6.7902 10.375 6.58884 10.4584 6.44037 10.6069C6.2919 10.7553 6.2085 10.9567 6.2085 11.1667Z' stroke='%23657188' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.8335 7.20833V4.04167C3.8335 3.20181 4.16713 2.39636 4.76099 1.8025C5.35486 1.20863 6.16031 0.875 7.00016 0.875C7.84002 0.875 8.64547 1.20863 9.23933 1.8025C9.8332 2.39636 10.1668 3.20181 10.1668 4.04167V7.20833' stroke='%23657188' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
  .main-v1 .steps .step .label {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
  .main-v1 .steps .step:nth-child(1) {
    padding: 0 10px;
  }
  .main-v1 .steps .step:not(:last-child)::before {
    position: absolute;
    top: 13px;
    left: calc(100% + 55px);
    content: url("data:image/svg+xml,%3Csvg width='40' height='1' viewBox='0 0 40 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='0.5' x2='39.5' y2='0.5' stroke='%23657188' stroke-linecap='round' stroke-dasharray='2 5'/%3E%3C/svg%3E%0A");
  }
}
@media (max-width: 991px) {
  .main-v1 .steps {
    margin: 40px 0;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .main-v1 .steps .step {
    text-align: left;
    width: 310px;
    max-width: 100%;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    gap: 20px;
  }
  .main-v1 .steps .step .head {
    flex: 0 0 110px;
    text-align: center;
  }
  .main-v1 .steps .step .label {
    font-style: italic;
  }
  .main-v1 .steps .step h3 {
    margin: 0;
    background-color: #F3F4F8;
  }
  .main-v1 .steps .step p {
    flex: 1;
    margin: 5px 0;
  }
}
.main-v1 .arrow {
  text-align: center;
}
.main-v1 .arrow::after {
  content: url("data:image/svg+xml,%3Csvg width='71' height='71' viewBox='0 0 71 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_2943_5268)'%3E%3Ccircle cx='35.5' cy='35.5' r='35.25' transform='rotate(-90 35.5 35.5)' fill='url(%23paint0_linear_2943_5268)'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d_2943_5268)'%3E%3Ccircle cx='35.5' cy='35.5' r='23.5' transform='rotate(-90 35.5 35.5)' fill='white'/%3E%3C/g%3E%3Cpath d='M37 28C37 27.4477 36.5523 27 36 27C35.4477 27 35 27.4477 35 28L37 28ZM35.2929 44.7071C35.6834 45.0976 36.3166 45.0976 36.7071 44.7071L43.0711 38.3431C43.4616 37.9526 43.4616 37.3195 43.0711 36.9289C42.6805 36.5384 42.0474 36.5384 41.6569 36.9289L36 42.5858L30.3431 36.9289C29.9526 36.5384 29.3195 36.5384 28.9289 36.9289C28.5384 37.3195 28.5384 37.9526 28.9289 38.3431L35.2929 44.7071ZM35 28L35 44L37 44L37 28L35 28Z' fill='%231971C2'/%3E%3Cdefs%3E%3Cfilter id='filter0_b_2943_5268' x='-6.14249' y='-6.14249' width='83.285' height='83.285' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='3.19624'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_2943_5268'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_2943_5268' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_2943_5268' x='7.3' y='12' width='56.4' height='56.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4.7'/%3E%3CfeGaussianBlur stdDeviation='2.35'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2943_5268'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2943_5268' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_2943_5268' x1='0.25' y1='0.25' x2='35.6885' y2='35.6885' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0001' stop-color='white' stop-opacity='0.3'/%3E%3Cstop offset='0.989583' stop-color='white' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  display: block;
}
.main-v1 #hero-video {
  max-width: 860px;
  margin: 55px auto 70px;
}
@media (max-width: 991px) {
  .main-v1 .subtitle {
    margin: 50px 0 20px;
  }
  .main-v1 .title {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 40px;
  }
  .main-v1 .main {
    display: flex;
    flex-flow: column;
    padding: 30px 15px;
  }
  .main-v1 .main .main-title-wrapper {
    order: 0;
    margin: 0 0 30px;
  }
  .main-v1 .main .main-manager-wrapper {
    order: 4;
    margin: 0;
  }
  .main-v1 .main .blue-wrapper {
    order: 2;
    margin: 0;
    padding: 30px 40px;
  }
  .main-v1 .main .add-to-calendar {
    order: 3;
    margin: 5px 0 30px;
  }
  .main-v1 .notice {
    margin: 60px auto 10px;
  }
  .main-v1 #hero-video {
    margin: 45px auto 60px;
  }
}

.video {
  position: relative;
  max-width: 1090px;
  margin: 0 auto;
}
.video span::after {
  display: block;
  content: url("../../img/common/how-button.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.video iframe, .video img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1090/613;
  border-radius: 25px;
}
.video img {
  cursor: pointer;
  -o-object-fit: cover;
     object-fit: cover;
}
.video picture + iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .video {
    margin: 0px auto 0;
  }
  .video iframe, .video img {
    aspect-ratio: 290/165;
    border-radius: 10px;
  }
}
@media (max-width: 991px) {
  .video span::after {
    transform: scale(0.5) translate(-50%, -50%);
    transform-origin: 0 0;
  }
}

#next {
  background: #FFF;
}
#next h2 {
  text-align: center;
  margin-bottom: 40px;
}
#next .wrapper {
  display: flex;
  gap: 30px;
}
#next .container {
  padding-bottom: 60px;
  padding-top: 60px;
}
#next h3 {
  margin-bottom: 20px;
}
#next img {
  margin-bottom: 20px;
}
#next .info {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px;
}
#next .btn {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  padding: 0 50px;
  line-height: 60px;
  margin-top: 10px;
  border-radius: 12px;
  background: #FF8C00;
  text-decoration: none;
  display: inline-block;
  transition: 0.4s all;
}
#next .btn:hover {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  #next .wrapper {
    flex-direction: column;
  }
  #next .container {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  #next .btn {
    padding: 0 20px;
  }
}

.pyro {
  position: fixed;
  top: 220px;
  left: 54vw;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
}
.pyro.in {
  -webkit-animation: 1s bang ease-out 1 backwards, 1s gravity ease-in 1 backwards;
          animation: 1s bang ease-out 1 backwards, 1s gravity ease-in 1 backwards;
  -webkit-animation-delay: 1.25s, 1.25s;
          animation-delay: 1.25s, 1.25s;
  -webkit-animation-duration: 1.25s, 1.25s;
          animation-duration: 1.25s, 1.25s;
}

@-webkit-keyframes bang {
  to {
    box-shadow: -21.3333333333px -310.6666666667px #00ffea, -185.3333333333px -64.6666666667px #ffe100, 126.6666666667px -257.6666666667px #ff002b, -327.3333333333px -122.6666666667px #ff1100, -228.3333333333px 26.3333333333px #6a00ff, -242.3333333333px -21.6666666667px #95ff00, -250.3333333333px -359.6666666667px #ff0900, -265.3333333333px -54.6666666667px #ff00b7, 43.6666666667px -291.6666666667px #9dff00, -213.3333333333px 44.3333333333px #000dff, 129.6666666667px -309.6666666667px #00ffee, -140.3333333333px -379.6666666667px #ea00ff, -304.3333333333px 23.3333333333px #0066ff, -258.3333333333px -300.6666666667px #f2ff00, 140.6666666667px -278.6666666667px #ff0044, -290.3333333333px -93.6666666667px #ff00c8, -114.3333333333px -390.6666666667px #a600ff, -51.3333333333px -125.6666666667px #00ff09, -150.3333333333px -103.6666666667px #0048ff, 63.6666666667px -347.6666666667px #ff00b7, 113.6666666667px -35.6666666667px #ff3300, -217.3333333333px -284.6666666667px #00ffa6, -85.3333333333px -165.6666666667px #ffd900, -240.3333333333px -292.6666666667px #00ff48, -8.3333333333px -299.6666666667px #ff9d00, -230.3333333333px -136.6666666667px #ff0059, -325.3333333333px -246.6666666667px #0400ff, -306.3333333333px -67.6666666667px #a600ff, 130.6666666667px -73.6666666667px #ff5100, -281.3333333333px -283.6666666667px lime, -28.3333333333px 7.3333333333px #00ffa6, -54.3333333333px -304.6666666667px #eaff00, 77.6666666667px 79.3333333333px #8cff00, -77.3333333333px -170.6666666667px #aaff00, 29.6666666667px -160.6666666667px yellow, -107.3333333333px -299.6666666667px #ff8000, -217.3333333333px 56.3333333333px #b300ff, -267.3333333333px -103.6666666667px #7700ff, -176.3333333333px -299.6666666667px #00ff55, -132.3333333333px -56.6666666667px #ff00b3, 24.6666666667px -261.6666666667px #5100ff, -74.3333333333px -13.6666666667px #ff0048, -307.3333333333px 2.3333333333px #1e00ff, -222.3333333333px 77.3333333333px #c400ff, -103.3333333333px -4.6666666667px #ff0066, -238.3333333333px -325.6666666667px #00ff6f, 75.6666666667px -392.6666666667px #00ff04, 109.6666666667px -64.6666666667px #ff00c4, 146.6666666667px -108.6666666667px #c8ff00, -53.3333333333px -139.6666666667px #91ff00, -327.3333333333px -399.6666666667px #ff00f2;
  }
}

@keyframes bang {
  to {
    box-shadow: -21.3333333333px -310.6666666667px #00ffea, -185.3333333333px -64.6666666667px #ffe100, 126.6666666667px -257.6666666667px #ff002b, -327.3333333333px -122.6666666667px #ff1100, -228.3333333333px 26.3333333333px #6a00ff, -242.3333333333px -21.6666666667px #95ff00, -250.3333333333px -359.6666666667px #ff0900, -265.3333333333px -54.6666666667px #ff00b7, 43.6666666667px -291.6666666667px #9dff00, -213.3333333333px 44.3333333333px #000dff, 129.6666666667px -309.6666666667px #00ffee, -140.3333333333px -379.6666666667px #ea00ff, -304.3333333333px 23.3333333333px #0066ff, -258.3333333333px -300.6666666667px #f2ff00, 140.6666666667px -278.6666666667px #ff0044, -290.3333333333px -93.6666666667px #ff00c8, -114.3333333333px -390.6666666667px #a600ff, -51.3333333333px -125.6666666667px #00ff09, -150.3333333333px -103.6666666667px #0048ff, 63.6666666667px -347.6666666667px #ff00b7, 113.6666666667px -35.6666666667px #ff3300, -217.3333333333px -284.6666666667px #00ffa6, -85.3333333333px -165.6666666667px #ffd900, -240.3333333333px -292.6666666667px #00ff48, -8.3333333333px -299.6666666667px #ff9d00, -230.3333333333px -136.6666666667px #ff0059, -325.3333333333px -246.6666666667px #0400ff, -306.3333333333px -67.6666666667px #a600ff, 130.6666666667px -73.6666666667px #ff5100, -281.3333333333px -283.6666666667px lime, -28.3333333333px 7.3333333333px #00ffa6, -54.3333333333px -304.6666666667px #eaff00, 77.6666666667px 79.3333333333px #8cff00, -77.3333333333px -170.6666666667px #aaff00, 29.6666666667px -160.6666666667px yellow, -107.3333333333px -299.6666666667px #ff8000, -217.3333333333px 56.3333333333px #b300ff, -267.3333333333px -103.6666666667px #7700ff, -176.3333333333px -299.6666666667px #00ff55, -132.3333333333px -56.6666666667px #ff00b3, 24.6666666667px -261.6666666667px #5100ff, -74.3333333333px -13.6666666667px #ff0048, -307.3333333333px 2.3333333333px #1e00ff, -222.3333333333px 77.3333333333px #c400ff, -103.3333333333px -4.6666666667px #ff0066, -238.3333333333px -325.6666666667px #00ff6f, 75.6666666667px -392.6666666667px #00ff04, 109.6666666667px -64.6666666667px #ff00c4, 146.6666666667px -108.6666666667px #c8ff00, -53.3333333333px -139.6666666667px #91ff00, -327.3333333333px -399.6666666667px #ff00f2;
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    opacity: 0;
  }
}