[data-closer-desktop-autoplay] { display: none; }

@media (min-width: 941px) {
  .qp-page .qp-read-page--mixup-seo #closer-panel-wiring .qp-mixup-closer__accessory-stage {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: minmax(0,1fr);
    isolation: isolate;
  }

  .qp-page .qp-read-page--mixup-seo #closer-panel-wiring [data-detail-slide] {
    grid-area: 1 / 1;
    width: 100%;
    min-width: 0;
    animation: none;
  }

  .qp-page .qp-read-page--mixup-seo #closer-panel-wiring [data-closer-desktop-autoplay-controls] {
    display: grid;
    grid-template-columns: minmax(0,1fr) 44px;
    align-items: center;
    gap: 8px;
  }

  .qp-page .qp-read-page--mixup-seo #closer-panel-wiring [data-closer-desktop-autoplay] {
    display: grid;
    position: relative;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(40,48,68,.18);
    border-radius: 50%;
    background: rgba(255,255,255,.62);
    color: #283044;
    cursor: pointer;
    transition: background-color 180ms ease-out;
  }

  .qp-page .qp-read-page--mixup-seo [data-closer-desktop-autoplay]:hover { background: #fff; }
  .qp-page .qp-read-page--mixup-seo [data-closer-desktop-autoplay]:focus-visible { outline: 2px solid #283044; outline-offset: 3px; }
  .qp-page .qp-read-page--mixup-seo [data-closer-desktop-autoplay] svg { position: absolute; width: 19px; height: 19px; fill: currentColor; }
  .qp-page .qp-read-page--mixup-seo [data-closer-desktop-autoplay][data-playing="true"] .qp-closer-autoplay__play,
  .qp-page .qp-read-page--mixup-seo [data-closer-desktop-autoplay][data-playing="false"] .qp-closer-autoplay__pause { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .qp-page .qp-read-page--mixup-seo [data-closer-desktop-autoplay] { transition: none; }
}

@media (forced-colors: active) {
  .qp-page .qp-read-page--mixup-seo [data-closer-desktop-autoplay] { background: ButtonFace; border-color: ButtonText; color: ButtonText; }
}
