/* MixUp-only: one optical material for every directional control group. */
.qp-page .qp-read-page--mixup-seo :is(.qp-mixup-closer__steps,.qp-direction-controls,.qp-video-results__controls,.qp-format-gallery__navigation) {
  box-sizing: border-box; width: max-content; align-items: center; gap: 12px;
  padding: 6px; border: 1px solid rgba(40,48,68,.16); border-radius: 999px;
  background: rgba(238,240,243,.9); box-shadow: var(--qp-soft-edge);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.qp-page .qp-read-page--mixup-seo .qp-direction-controls { display: flex; min-height: 58px; }
.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__tablets { grid-template-rows: minmax(0,1fr) 58px; }
.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__tablet-controls { align-items: center; }
.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__steps { margin-inline: -7px; }
.qp-page .qp-read-page--mixup-seo .qp-video-results__controls { margin-inline: auto; }
.qp-page .qp-read-page--mixup-seo :is(.qp-mixup-closer__steps,.qp-direction-controls,.qp-video-results__controls,.qp-format-gallery__navigation) button {
  flex: none; width: 44px; height: 44px; padding: 0;
  background: rgba(255,255,255,.55); color: #283044;
  border: 1px solid rgba(40,48,68,.12); border-radius: 50%;
  touch-action: manipulation;
}
.qp-page .qp-read-page--mixup-seo :is(.qp-mixup-closer__steps,.qp-direction-controls,.qp-video-results__controls,.qp-format-gallery__navigation) button:hover:not(:disabled) { background: #fff; }
.qp-page .qp-read-page--mixup-seo :is(.qp-mixup-closer__steps,.qp-direction-controls,.qp-video-results__controls,.qp-format-gallery__navigation) svg { width: 20px; height: 20px; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (min-width: 941px) {
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__slider .qp-mini-carousel__controls {
    position: relative; justify-content: center; min-height: 56px;
  }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__slider .qp-mini-carousel__autoplay {
    position: absolute; right: 0; width: 56px; height: 56px; flex-basis: 56px;
    background: rgba(238,240,243,.9); border: 1px solid rgba(40,48,68,.16);
    box-shadow: var(--qp-soft-edge); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__slider .qp-mini-carousel__autoplay svg { width: 26px; height: 26px; }
}
@media (prefers-contrast: more), (forced-colors: active) {
  .qp-page .qp-read-page--mixup-seo :is(.qp-mixup-closer__steps,.qp-direction-controls,.qp-video-results__controls,.qp-format-gallery__navigation) { background: Canvas; border-color: CanvasText; backdrop-filter: none; }
}