/* Transit raster/text icon sizing. */
.page-shell--transits:not(.transits-page-shell--calendar) .calendar-grid .calendar-event img.astro-icon,
.page-shell--transits .yourlog-event-chip img.astro-icon {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 auto;
}

.page-shell--transits:not(.transits-page-shell--calendar) .calendar-grid .calendar-event .astro-icon--text,
.page-shell--transits .yourlog-event-chip .astro-icon--text {
  --astro-text-icon-size: 20px !important;
  flex: 0 0 auto;
}

.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event img.astro-icon {
  display: block;
  width: var(--transit-calendar-chip-icon-size) !important;
  height: var(--transit-calendar-chip-icon-size) !important;
}

.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event .astro-icon--text {
  --astro-text-icon-size: var(--transit-calendar-chip-icon-size) !important;
  display: inline-flex;
}

.page-shell--transits:not(.transits-page-shell--calendar) .calendar-grid .calendar-event img.astro-icon,
.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event img.astro-icon,
.page-shell--transits .yourlog-event-chip img.astro-icon {
  filter: brightness(0) invert(1);
  opacity: 0.88;
  transform-origin: center;
}

.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event img.astro-icon {
  margin-inline: -0.12rem;
}

.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event img.astro-icon--planet {
  transform: scale(1.42);
}

.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event--eclipse img.astro-icon--planet {
  margin-inline: -0.04rem;
  width: var(--transit-calendar-eclipse-icon-size) !important;
  height: var(--transit-calendar-eclipse-icon-size) !important;
  transform: scale(1.12);
}

.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event img.astro-icon--mc {
  width: var(--transit-calendar-chip-icon-size) !important;
  height: var(--transit-calendar-chip-icon-size) !important;
  transform: none;
}

.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event .astro-icon--text.astro-icon--mc {
  --astro-text-icon-size: var(--transit-calendar-chip-icon-size) !important;
  transform: none;
}

.page-shell--transits:not(.transits-page-shell--calendar) .calendar-grid .calendar-event img.astro-icon--aspect,
.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event img.astro-icon--aspect,
.page-shell--transits .yourlog-event-chip img.astro-icon--aspect {
  opacity: 0.58;
  transform: none;
}

.page-shell--transits:not(.transits-page-shell--calendar) .calendar-grid .calendar-event img.astro-icon--aspect,
.page-shell--transits .yourlog-event-chip img.astro-icon--aspect {
  width: 16px !important;
  height: 16px !important;
}

.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event img.astro-icon--aspect {
  margin-inline: 0;
  width: var(--transit-calendar-chip-icon-size) !important;
  height: var(--transit-calendar-chip-icon-size) !important;
}

.page-shell--transits .yourlog-event-chip img.astro-icon--mc {
  width: 24px !important;
  height: 24px !important;
  transform: none;
}

.page-shell--transits .yourlog-event-chip .astro-icon--text.astro-icon--mc {
  --astro-text-icon-size: 24px !important;
  transform: none;
}

.page-shell--transits .yourlog-event-chip img.astro-icon--aspect {
  width: 16px !important;
  height: 16px !important;
}

.page-shell--transits:not(.transits-page-shell--calendar) .calendar-grid .calendar-event img.astro-icon--retrograde-marker,
.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event img.astro-icon--retrograde-marker,
.page-shell--transits .yourlog-event-chip img.astro-icon--retrograde-marker {
  opacity: 0.72;
}

.page-shell--transits.transits-page-shell--calendar .calendar-grid .calendar-event img.astro-icon--retrograde-marker {
  margin-inline: -0.05rem;
  transform: scale(1.12);
}

.page-shell--transits.transits-page-shell--calendar .calendar-upcoming-card__glyph img.astro-icon {
  width: 1.24rem;
  height: 1.24rem;
}

.page-shell--transits .active-now-card-glyph img.astro-icon,
.page-shell--transit-detail .active-now-card-glyph img.astro-icon {
  width: 1.22rem;
  height: 1.22rem;
}

.page-shell--transits .active-now-card-glyph .astro-icon--text,
.page-shell--transit-detail .active-now-card-glyph .astro-icon--text {
  --astro-text-icon-size: 1.22rem !important;
}

.page-shell--transits.transits-page-shell--active-now .active-now-card-glyph,
.page-shell--transits.transits-page-shell--day .active-now-card-glyph {
  width: 2.46rem;
  height: 2.46rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 1.36rem;
}

.page-shell--transits.transits-page-shell--active-now .active-now-card-glyph img.astro-icon,
.page-shell--transits.transits-page-shell--day .active-now-card-glyph img.astro-icon {
  width: 2.08rem !important;
  height: 2.08rem !important;
  opacity: 0.96;
}

.page-shell--transits.transits-page-shell--active-now .active-now-card-glyph .astro-icon--text,
.page-shell--transits.transits-page-shell--day .active-now-card-glyph .astro-icon--text {
  --astro-text-icon-size: 2.08rem !important;
  opacity: 0.96;
}

.page-shell--transits.transits-page-shell--active-now .active-now-eyebrow .inline-aspect-icon,
.page-shell--transits.transits-page-shell--day .active-now-eyebrow .inline-aspect-icon,
.page-shell--transits.transits-page-shell--active-now .active-now-eyebrow .active-now-eyebrow-aspect,
.page-shell--transits.transits-page-shell--day .active-now-eyebrow .active-now-eyebrow-aspect,
.page-shell--transit-detail .astro-card-detail__eyebrow .inline-aspect-icon,
.page-shell--transit-detail .astro-card-detail__eyebrow .active-now-eyebrow-aspect {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline: 0.02em;
  line-height: 1;
  vertical-align: -0.1em;
}

.page-shell--transits.transits-page-shell--active-now .active-now-eyebrow .inline-aspect-icon img.astro-icon,
.page-shell--transits.transits-page-shell--day .active-now-eyebrow .inline-aspect-icon img.astro-icon,
.page-shell--transits.transits-page-shell--active-now .active-now-eyebrow .active-now-eyebrow-aspect img.astro-icon,
.page-shell--transits.transits-page-shell--day .active-now-eyebrow .active-now-eyebrow-aspect img.astro-icon,
.page-shell--transit-detail .astro-card-detail__eyebrow .inline-aspect-icon img.astro-icon,
.page-shell--transit-detail .astro-card-detail__eyebrow .active-now-eyebrow-aspect img.astro-icon {
  width: 1.18em !important;
  height: 1.18em !important;
  opacity: 0.84;
}

@media (max-width: 560px) {
  .page-shell--transits.transits-page-shell--active-now .active-now-card-glyph,
  .page-shell--transits.transits-page-shell--day .active-now-card-glyph {
    width: 2.42rem;
    height: 2.42rem;
    font-size: 1.34rem;
  }

  .page-shell--transits.transits-page-shell--active-now .active-now-card-glyph img.astro-icon,
  .page-shell--transits.transits-page-shell--day .active-now-card-glyph img.astro-icon {
    width: 2.08rem !important;
    height: 2.08rem !important;
  }

  .page-shell--transits.transits-page-shell--active-now .active-now-card-glyph .astro-icon--text,
  .page-shell--transits.transits-page-shell--day .active-now-card-glyph .astro-icon--text {
    --astro-text-icon-size: 2.08rem !important;
  }
}

.transit-modal-title-lockup img.astro-icon {
  flex-shrink: 0;
}

@media (max-width: 760px) {
  .page-shell--transits:not(.transits-page-shell--calendar) .calendar-grid .calendar-event img.astro-icon {
    width: 14px !important;
    height: 14px !important;
  }

  .page-shell--transits:not(.transits-page-shell--calendar) .calendar-grid .calendar-event .astro-icon--text {
    --astro-text-icon-size: 14px !important;
  }
}