.synchronized-video-modal .shared-modal-body {
  display: flex;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

.synchronized-video-modal.shared-modal--viewport-fixed {
  top: calc(var(--navbar-height) + 0.75rem);
  left: 50%;
  transform: translateX(-50%);
  max-height: calc(100vh - var(--navbar-height) - 1.5rem);
}

.synchronized-video-modal__content {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.synchronized-video-modal__player {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  border-radius: 0;
  object-fit: contain;
  background: #000;
  box-shadow: none;
}

.synchronized-video-modal .shared-modal-resize-handle {
  right: 0;
  bottom: 0;
  z-index: 5;
  width: 2rem;
  height: 2rem;
  border-radius: 0 0 14px;
  background:
    linear-gradient(
      135deg,
      transparent 0 48%,
      color-mix(in srgb, var(--modal-text) 48%, transparent) 49% 54%,
      transparent 55% 64%,
      color-mix(in srgb, var(--modal-text) 70%, transparent) 65% 70%,
      transparent 71%
    );
  cursor: se-resize;
}