/* Stage 8: reserve the top slider's geometry before Slick initializes. */
.nightshift-icon {
  display: inline-block;
  height: 1.25em;
  vertical-align: -0.2em;
  width: 1.25em;
}

.nightshift-icon--small {
  height: 0.8em;
  width: 0.8em;
}

.nightshift-icon--large {
  height: 3em;
  stroke-width: 1.6;
  width: 3em;
}

.center-item:not(.slick-initialized) {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.center-item:not(.slick-initialized) > .img-fill:not(:first-child) {
  display: none;
}

.center-item .img-fill {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
}

.center-item .img-fill > img.tpsd {
  bottom: auto !important;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 767px) {
  .center-item:not(.slick-initialized),
  .center-item .img-fill {
    aspect-ratio: 4 / 3;
  }
}