/* Shared video/short-drama desktop theme: Figma 45734:217538 / 45744:218233. */
@media (min-width: 769px) and (hover: hover),
       (min-width: 769px) and (pointer: fine),
       (min-width: 769px) and (min-height: 769px) {
  body.pc-long-detail-page.has-video-unlock-dialog {
    overflow: hidden;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__backdrop {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__title {
    margin: 0;
    font: 500 20px/28px "PingFang SC", sans-serif;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__divider {
    position: relative;
    height: 0;
    margin: 0;
    background: none;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__divider::after {
    position: absolute;
    top: -0.25px;
    left: 0;
    width: 352px;
    height: 0.5px;
    background: url("/static/images/video-unlock-desktop/divider.svg") center no-repeat;
    content: "";
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__condition strong {
    color: #fd3666;
    font-weight: 400;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__button {
    min-width: 0;
    padding: 11px 24px;
    border-radius: 999px;
    font: 500 16px/22px "PingFang SC", sans-serif;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__button--secondary {
    color: #989898;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__button--primary {
    background: linear-gradient(165.48894deg, #fd3666 47.596%, #c60030 100%);
    color: #fff;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__button:focus-visible,
  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__close {
    background: url("/static/images/video-unlock-desktop/close.svg") center no-repeat;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__close img {
    display: none;
  }
}