@font-face {
  font-family: SourceHanHeavy;
  src: url('./fonts/SourceHanSansSC-Heavy-subset.woff2?v=3') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: SourceHanNormal;
  src: url('./fonts/SourceHanSansSC-Normal-subset.woff2?v=3') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: SourceHanLight;
  src: url('./fonts/SourceHanSansCN-Light-subset.woff2?v=3') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: SourceHanRegular;
  src: url('./fonts/SourceHanSansCN-Regular-subset.woff2?v=3') format('woff2');
  font-display: swap;
}

.topbar {
  background-image: url('./assets/optimized/topbar.webp');
}

.bottombar {
  background-image: url('./assets/optimized/bottombar.webp');
}

.home-shell,
.home-shell .home-main,
.past-main,
.video-main,
.manage-main,
.manage-note,
.manage-link,
.application-card,
.member-main,
.participant-tool {
  background-image: url('./assets/optimized/ticket-paper-cream.webp');
}

html[data-preview-role="guest"] .manage-shell {
  background-image: url('./assets/optimized/ticket-paper-black.webp');
}

html[data-preview-role="guest"] .guest-ticket {
  background-image: url('./assets/optimized/ticket-paper-blue.webp');
}

html[data-preview-role="guest"] .apply-form input,
html[data-preview-role="guest"] .apply-form select,
html[data-preview-role="guest"] .apply-form textarea,
html[data-preview-role="guest"] .apply-form .consent {
  background-image: url('./assets/optimized/ticket-paper-cream.webp');
}

html[data-preview-role="guest"] .apply-form {
  background-image: none;
}

.trip-sections .trip-section:nth-child(1) {
  --section-paper: url('./assets/optimized/ticket-paper-yellow.webp');
}

.trip-sections .trip-section:nth-child(2) {
  --section-paper: url('./assets/optimized/ticket-paper-gray.webp');
}

.trip-sections .trip-section:nth-child(3) {
  --section-paper: url('./assets/optimized/ticket-paper-pink.webp');
}

.trip-sections .trip-section:nth-child(4) {
  --section-paper: url('./assets/optimized/ticket-paper-blue.webp');
}

.travel-titlebar {
  background-image: linear-gradient(#0000000d, #0000000d), url('./assets/optimized/ticket-paper-black.webp');
}

.travel-block.flight {
  --paper: url('./assets/optimized/ticket-paper-yellow.webp');
}

.travel-block.route {
  --paper: url('./assets/optimized/ticket-paper-gray.webp');
}

.travel-block.highlights {
  --paper: url('./assets/optimized/ticket-paper-pink.webp');
}

.travel-block.reminder {
  --paper: url('./assets/optimized/ticket-paper-blue.webp');
}

.travel-accordion:not(.has-open):not(.is-lifting) .travel-block.route {
  background-image: url('./assets/optimized/ticket-paper-yellow.webp');
}

.travel-accordion:not(.has-open):not(.is-lifting) .travel-block.highlights {
  background-image: url('./assets/optimized/ticket-paper-gray.webp');
}

.travel-accordion:not(.has-open):not(.is-lifting) .travel-block.reminder {
  background-image: url('./assets/optimized/ticket-paper-pink.webp');
}