/* Scoped layout and keyboard cues for detail pages and their image dialogs. */
.content:has(.block-video, .block-album) > .headline h1,
:is(.video-info, .album-info) .block-details .info,
:is(.video-info, .album-info) .block-details .username,
:is(.block-video, .block-album) ~ .box .comment-text {
  min-width: 0;
  overflow-wrap: anywhere;
}
:is(.video-info, .album-info) .tabs-menu a[href^="#tab_"]:focus-visible,
.block-album .images a.item:focus-visible {
  outline: 3px solid var(--mr-color-focus, #1267c5) !important;
  outline-offset: 3px !important;
  scroll-margin-top: var(--mr-ui-safe-top, 80px);
  scroll-margin-bottom: var(--mr-ui-safe-bottom, 140px);
}
.related-albums > h2 {
  margin: 0 0 16px;
}
.related-albums > .list-sort:not(:has(li)) {
  display: none !important;
}
#mg-lb[data-mr-details-gallery] {
  z-index: 2147482500 !important;
}
[data-mr-details-gallery].fancybox-overlay {
  z-index: 2147482500 !important;
}
[data-mr-details-gallery].fancybox-wrap {
  z-index: 2147482530 !important;
}
#fancybox-loading[data-mr-details-gallery] {
  z-index: 2147482560 !important;
}
.mr-details-gallery-cancel {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer;
}
[data-mr-details-gallery] :is(button, a[href], [role="button"]):focus-visible {
  outline: 3px solid var(--mr-color-focus-gap, #fff) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px var(--mr-color-focus, #082f5b) !important;
}
[data-mr-details-gallery] .fancybox-nav:focus-visible {
  outline-offset: -5px !important;
}
[data-mr-details-gallery] .fancybox-nav:focus-visible span {
  visibility: visible;
}
[data-mr-details-gallery] .mg-lb-close {
  min-width: 44px;
  min-height: 44px;
}
.mr-details-gallery-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (forced-colors: active) {
  :is(.video-info, .album-info) .tabs-menu a[href^="#tab_"]:focus-visible,
  .block-album .images a.item:focus-visible,
  [data-mr-details-gallery] :is(button, a[href], [role="button"]):focus-visible {
    outline-color: Highlight !important;
    box-shadow: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-mr-details-gallery].mg-lb,
  [data-mr-details-gallery] .mg-lb-thumb {
    transition: none !important;
  }
}
