@font-face {
  font-family: PP Supply Mono;
  src: url('../fonts/PPSupplyMono-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP Pangram Sans;
  src: url('../fonts/PPPangramSans-NarrowExtraboldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ticketing;
  src: url('../fonts/Ticketing.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --lime-green: #03d100;
  --deep-pink: #ff27b3;
  --black: black;
  --red: red;
  --tomato: #fe6b4a;
  --white: white;
  --yellow: #ffff02;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.lp24-bg-video-wrapper {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.lp-image-wrapper {
  position: absolute;
  inset: 0% auto auto 0%;
}

.lp-image-wrapper._1 {
  z-index: 3;
}

.lp-image-wrapper._3 {
  z-index: 1;
}

.lp-image-wrapper._2 {
  z-index: 2;
}

._24lp-content-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 90vw;
  max-width: 660px;
  height: 74vw;
  max-height: 550px;
  display: flex;
  position: relative;
  overflow: visible;
}

._24lp-background-video {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: relative;
}

.lp-image {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: static;
  inset: 0%;
}

.section-wrapper {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-wrapper.hero {
  background-color: #03d202;
  background-image: url('../images/Quavo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 100vw;
  min-height: 93vh;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section-wrapper.date-strip {
  background-color: var(--lime-green);
  width: 100vw;
  position: relative;
  overflow: hidden;
}

.section-wrapper.date-strip.alt {
  background-color: var(--deep-pink);
}

.section-wrapper.bar-code-date-strip {
  object-fit: fill;
  align-items: flex-start;
  width: 100vw;
  height: 10vh;
  display: flex;
  position: static;
  overflow: hidden;
}

.section-wrapper.lineup {
  width: 100vw;
}

.section-wrapper.artist-cards {
  background-color: var(--lime-green);
  padding-top: 5vh;
  padding-bottom: 5vh;
}

.section._24-holding-page {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.nav-container {
  width: 100vw;
}

.header-bar {
  z-index: 99;
  width: 100vw;
  height: 10vh;
  position: static;
  overflow: visible;
}

.navbar {
  z-index: 99;
  background-color: var(--lime-green);
  width: 100vw;
  height: 7vh;
  position: static;
}

.navbar.hide {
  display: none;
}

.header-image-wrapper {
  justify-content: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.image {
  object-fit: fill;
  width: 100%;
  height: 100%;
}

.image.contain {
  object-fit: contain;
}

.image.chip {
  width: 117vw;
  max-width: none;
  height: auto;
}

.sky-background-fixed {
  z-index: -10;
  object-fit: fill;
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow: hidden;
}

.content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90vw;
  max-width: 1300px;
  display: flex;
}

.content-wrapper.full-width {
  width: 100vw;
  max-width: none;
}

.content-wrapper.full-width.overflow-hidden {
  overflow: hidden;
}

.content-wrapper.full-width.display-horizontal {
  flex-direction: row;
  display: flex;
}

.content-wrapper.full-width.display-horizontal.overflow-hidden {
  z-index: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.content-wrapper.chip-hero {
  flex-direction: row;
}

.content-wrapper.lineup-cw {
  width: 100vw;
  max-width: none;
}

.content-wrapper.artist-cards {
  max-width: none;
}

.content-wrapper.footer {
  flex-direction: row;
  width: 100vw;
  max-width: none;
}

.chip-image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.chip-images-wrapper {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 9vw;
  display: flex;
  overflow: visible;
}

.date-text {
  color: var(--black);
  font-family: PP Pangram Sans, sans-serif;
  font-size: 1.6em;
  line-height: 1em;
}

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

.bar-code-image-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.lineup-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.lineup-grid-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.333vw;
  height: 58.67vw;
  display: flex;
}

.lineup-grid-content-wrapper.reciept {
  background-color: var(--tomato);
  width: 33.333vw;
  height: 58.67vw;
}

.lineup-grid-content-wrapper.text {
  background-color: var(--lime-green);
  width: 33.333vw;
  height: 58.67vw;
}

.lineup-video-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.lineup-receipt-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 48vw;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.reciept-block {
  max-width: 16vw;
}

.reciept-block.hide {
  display: none;
}

.tear.bottom {
  transform: rotate(180deg);
}

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

.reciept-lineup-image-wrapper {
  padding: 15px;
}

.receipt-block-image-wrapper {
  width: 100%;
  height: 100%;
}

.video {
  object-fit: fill;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.strip-image {
  object-fit: fill;
  max-width: none;
  height: 100%;
}

.strip-image.contain {
  object-fit: contain;
}

.strip-image.hide {
  display: block;
}

.tri-text-block-wrapper {
  width: 100%;
  height: 100%;
}

.tri-text-image-wrapper {
  height: 85%;
}

.date-strip-content-wrapper {
  width: 130vw;
  margin-top: 7px;
  margin-bottom: 7px;
}

.video-button-wrapper {
  z-index: 2;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 10px;
  padding-right: 10px;
  display: none;
  position: absolute;
  inset: 0%;
}

.video-button-holder {
  color: #fff;
  cursor: pointer;
  justify-content: flex-end;
  align-items: flex-end;
  width: 2.5vw;
  font-family: PP Pangram Sans, sans-serif;
  display: flex;
  position: relative;
}

.video-button {
  opacity: .65;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.lightbox-link {
  z-index: 3;
  position: absolute;
  inset: 0%;
}

.overlay-video {
  z-index: 3;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.video-pop-up {
  z-index: 1000;
  background-color: #000000f5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-video-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50.63vh;
  height: 90vh;
  display: flex;
}

.wb-video-styles-controller {
  display: block;
}

.hide {
  display: none;
}

.html-embed {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.wraptest {
  width: 100vw;
  height: 100vh;
}

.html-embed-2 {
  width: 100%;
  height: 100%;
}

.embed-wrapper {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.embed-wrapper-2 {
  height: 100%;
  margin: 67px;
  overflow: hidden;
}

.pop-up-close {
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 80px;
  height: 80px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.pop-up-close-icon-wrapper {
  width: 45px;
}

.artist-card-wrapper {
  width: 100%;
  position: relative;
}

.artist-card-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 80vw;
}

.artist-card-image-wrapper {
  width: 100%;
  height: 100%;
}

.artist-card-border-wrapper {
  position: absolute;
  inset: 0%;
}

.artist-card-border {
  background-color: #fff;
  overflow: hidden;
}

.artist-card-border.top {
  align-items: center;
  width: 100%;
  height: 4vh;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.artist-card-border.top.hide {
  display: none;
}

.artist-card-border.bottom {
  width: 100%;
  height: 4vh;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.artist-card-border.left {
  width: 4vh;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.artist-card-border.right {
  width: 4vh;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.artist-card-boder-image-wrapper {
  width: 120%;
}

.artist-card-boder-image-wrapper.veritcal {
  width: auto;
  height: 100%;
}

.artist-card-name-wrapper {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.artist-card-name-text {
  color: var(--yellow);
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: Ticketing, sans-serif;
  font-size: 2.1em;
  line-height: 1.2em;
}

.cta-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
}

.cta-grid-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100%;
  min-height: 100vh;
  padding-top: 5vh;
  padding-bottom: 5vh;
  display: flex;
}

.cta-grid-content-wrapper.signup {
  background-color: var(--deep-pink);
}

.cta-content-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.cta-content-block.vertical-align {
  flex-direction: column;
  justify-content: center;
}

.cta-content-block.right {
  max-width: 800px;
}

.atm-image-wrapper {
  width: 48%;
  margin-right: 25px;
}

.social-image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.social-image-wrapper.fb {
  width: 100%;
  margin-bottom: 30px;
}

.cta2-content-block {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.candy-bar-image-wrapper {
  width: 100%;
  max-width: 60%;
  margin-top: 20px;
  margin-right: 25px;
}

.form-bursts-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.form-burt-image-wrapper {
  width: 25%;
  margin-right: 0%;
}

.form-burt-image-wrapper.left {
  margin-right: 3%;
}

.cta-content-block-1 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-wrapper {
  width: 66%;
  margin-top: 3vh;
  margin-bottom: 3vh;
}

.form-bottom-info-wrapper {
  width: 66%;
  margin-top: 3vh;
}

.form-info-text {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  font-family: Ticketing, sans-serif;
  font-size: 2.1em;
  font-style: normal;
  line-height: 1em;
}

.form-info-image-wrapper {
  margin-top: 3vh;
}

.footer-block {
  height: 10vh;
}

.footer-block.left {
  background-color: var(--lime-green);
  width: 65%;
  padding-left: 2vw;
}

.footer-block.right {
  background-color: var(--white);
  justify-content: flex-end;
  width: 35%;
  padding-right: 2vw;
  display: flex;
}

.footer-bar-code-image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.footer-bar-code-image-wrapper.left {
  align-items: flex-start;
}

.bar-code-footer-image {
  object-fit: fill;
  height: 100%;
}

.bar-code-footer-image.contain {
  object-fit: contain;
}

.bar-code-footer-image.chip {
  width: 117vw;
  max-width: none;
  height: auto;
}

.social-icons-image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 23%;
  display: flex;
}

.social-icons-image-wrapper.fb {
  width: 100%;
  margin-bottom: 30px;
}

.field-label {
  color: #000;
  letter-spacing: 4px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 7px;
  font-family: Ticketing, sans-serif;
  font-size: 1.3em;
  line-height: 1em;
}

.form-button-wrapper {
  width: 100%;
  position: relative;
}

.form-button {
  opacity: 0;
  width: 9.7vw;
  max-width: 131px;
  height: 5.2vw;
  max-height: 73px;
  position: relative;
}

.form-button-overlay {
  justify-content: flex-start;
  width: 9.7vw;
  max-width: 131px;
  height: 5.2vw;
  max-height: 73px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.form-button-image {
  object-fit: fill;
  height: 100%;
  display: block;
}

.form-button-image.contain {
  object-fit: contain;
}

.form-button-image.chip {
  width: 117vw;
  max-width: none;
  height: auto;
}

.text-field {
  color: #000;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px #000;
  width: 100%;
  height: 45px;
  margin-bottom: 0;
  padding: 0;
  font-family: Ticketing, sans-serif;
  font-size: 1.7em;
  font-weight: 400;
  line-height: 1em;
}

.form-field-underline {
  width: 100%;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 5px;
  overflow: hidden;
}

.form-field-underline-text {
  color: #000;
  font-family: Ticketing, sans-serif;
  font-size: 2.3em;
}

.form-block, .form {
  width: 100%;
}

.tri-text {
  object-fit: fill;
  width: 100%;
  height: 100%;
}

.tri-text.contain {
  object-fit: contain;
}

.tri-text.chip {
  width: 117vw;
  max-width: none;
  height: auto;
}

.register-buttons-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -2vh;
  display: flex;
  position: relative;
}

.register-buttons-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.register-buttons-wrapper._3vh {
  margin-bottom: 3vh;
}

.button {
  background-color: var(--white);
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 190px;
  min-height: 67px;
  font-family: Ticketing, sans-serif;
  font-size: 1.3em;
  line-height: 1em;
  display: flex;
}

.button:hover {
  background-color: var(--yellow);
  color: var(--red);
}

.button.right {
  cursor: pointer;
  mix-blend-mode: normal;
  margin-right: 20px;
}

.button.right:hover, .button.right.spark {
  background-color: var(--yellow);
  color: var(--red);
}

.button.right.spark:hover {
  background-color: var(--red);
  color: var(--yellow);
}

.button.spark {
  background-color: var(--yellow);
  color: var(--red);
}

.button.spark:hover {
  background-color: var(--red);
  color: var(--yellow);
}

.quavo-image-wrapper {
  width: 45vw;
}

.bursts-wrapper {
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.burst-image-wrapper {
  width: 20vw;
  padding-top: 9px;
  padding-left: 7px;
}

@media screen and (max-width: 991px) {
  .section-wrapper.date-strip {
    justify-content: center;
    align-items: center;
  }

  .section-wrapper.bar-code-date-strip, .header-bar {
    height: 7vh;
  }

  .image.chip {
    width: 127vw;
  }

  .tri-text-image-wrapper {
    max-width: 79%;
  }

  .date-strip-content-wrapper {
    width: 146vw;
  }

  .artist-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .artist-card-name-text {
    font-size: 1.8em;
  }

  .cta-grid {
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .cta-grid-content-wrapper {
    width: 100vw;
  }

  .cta-content-block {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .form-wrapper {
    width: 71%;
  }

  .form-bottom-info-wrapper {
    width: 80%;
  }

  .form-button, .form-button-overlay {
    width: 18vw;
    height: 10vw;
  }

  .tri-text.chip {
    width: 127vw;
  }

  .quavo-image-wrapper {
    width: 70vw;
  }

  .burst-image-wrapper {
    width: 24vw;
  }
}

@media screen and (max-width: 767px) {
  .artist-card-name-text {
    font-size: 1.6em;
  }

  .quavo-image-wrapper {
    width: 90vw;
  }
}

@media screen and (max-width: 479px) {
  .section-wrapper.hero {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }

  .section-wrapper.bar-code-date-strip {
    height: 6vh;
  }

  .section-wrapper.artist-cards {
    background-color: var(--deep-pink);
  }

  .image.chip {
    width: 210vw;
  }

  .bar-code-image-wrapper {
    justify-content: center;
  }

  .lineup-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .lineup-grid-content-wrapper {
    width: 56.25vw;
    height: 60vh;
  }

  .lineup-grid-content-wrapper.reciept {
    width: 100vw;
    height: 60vh;
  }

  .lineup-grid-content-wrapper.text {
    width: 100vw;
    height: 70vh;
  }

  .lineup-video-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 13px;
    padding-bottom: 13px;
    display: flex;
    overflow: hidden;
  }

  .lineup-receipt-content-wrapper {
    height: 90%;
  }

  .video {
    width: 100%;
  }

  .strip-image.hide {
    display: none;
  }

  .tri-text-image-wrapper {
    max-width: 100%;
    height: 80%;
  }

  .date-strip-content-wrapper {
    width: 287vw;
  }

  .pop-video-wrapper {
    width: 32vh;
    height: 57vh;
  }

  .artist-card-grid {
    grid-template-columns: 1fr;
  }

  .artist-card-name-text {
    text-transform: uppercase;
    font-family: Ticketing, sans-serif;
    font-size: 1.5em;
    font-weight: 700;
  }

  .cta-grid-content-wrapper {
    min-height: 80vh;
  }

  .cta-grid-content-wrapper.signup {
    min-height: 120vh;
  }

  .form-burt-image-wrapper, .form-burt-image-wrapper.left {
    width: 43%;
  }

  .form-bottom-info-wrapper {
    margin-top: 2vh;
  }

  .form-info-text {
    font-size: 1.7em;
  }

  .footer-block.left {
    width: 100%;
  }

  .footer-block.right {
    display: none;
  }

  .field-label {
    margin-bottom: 3px;
    font-size: 1em;
  }

  .form-button, .form-button-overlay {
    width: 34vw;
    height: 20vw;
  }

  .text-field {
    height: 32px;
  }

  .form-field-underline-text {
    font-size: 1.7em;
  }

  .tri-text.chip {
    width: 210vw;
  }

  .register-buttons-wrapper {
    flex-direction: column;
    width: 85%;
  }

  .button {
    width: 100%;
    min-height: 56px;
    font-size: 1.1em;
  }

  .button.right {
    width: 100%;
    margin-bottom: 12px;
    margin-right: 0;
    font-size: 1.1em;
  }

  .success-form-text {
    color: var(--red);
    font-family: Ticketing, sans-serif;
    font-size: 1em;
    line-height: 1.4em;
  }

  .success-message {
    background-color: var(--yellow);
  }

  .quavo-image-wrapper {
    width: 100vw;
  }

  .burst-image-wrapper {
    width: 41vw;
  }
}

#w-node-_089b6f0e-4992-df49-7214-f81a95fc7ab7-a7f265f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_3c18e285-8db5-a801-642b-4d33da5ee893-a7f265f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-b63fad92-310f-b794-1fd7-38b2bcc729b3-a7f265f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_42de1441-67e5-9135-f8f8-6450724f38f4-a7f265f5, #w-node-_8e9cace8-5394-c568-e718-b6ed4cec5349-a7f265f5, #w-node-_5db5204e-9a5d-bf17-0359-c9708952cbe3-a7f265f5, #w-node-_1ed31ab4-9c29-0cdc-1722-ab485be1d616-a7f265f5, #w-node-_8a44c679-2aaa-26e0-bdc0-c7e677b84c3a-a7f265f5, #w-node-_4efafe85-582d-a9e1-8ad1-24a5a641e761-a7f265f5, #w-node-e0c39883-4afa-a49b-5354-38d3db2cdff4-a7f265f5, #w-node-_935ac31f-e0be-9ad7-1e79-94ecb29af96a-a7f265f5, #w-node-_1ff6ac6e-f628-6b23-c45c-15e444661aa4-a7f265f5, #w-node-a4ce22a9-f44f-e85f-4cef-d8f728d9fc7a-a7f265f5, #w-node-_81966150-3a6a-af97-5790-f2f863e3ea7d-a7f265f5, #w-node-_1d8b8914-53bb-ce67-69ea-8207dd633333-a7f265f5, #w-node-_29e1715a-d776-3954-8e25-19a35e998553-a7f265f5, #w-node-d1778d26-7586-7e50-3e58-4f5633e32f96-a7f265f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3330f0c8-9e31-1e12-6f53-b08260eda638-a7f265f5, #w-node-_487c88dd-162c-2de3-ab01-23253a0a8095-a7f265f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}


@font-face {
  font-family: 'PP Supply Mono';
  src: url('../fonts/PPSupplyMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Pangram Sans';
  src: url('../fonts/PPPangramSans-NarrowExtraboldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ticketing';
  src: url('../fonts/Ticketing.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}