/**
 * @file
 * Kinescope dialog chrome. Size is applied in kinescope-dialog-contain.js.
 */
.kinescope-popup-dialog.ui-dialog {
  box-sizing: border-box;
}

.kinescope-popup-dialog .ui-dialog-titlebar {
  padding: 0.5rem 1rem;
}

.kinescope-popup-dialog .ui-dialog-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.kinescope-popup-dialog .ui-dialog-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.kinescope-popup-dialog .kinescope-popup,
.kinescope-popup-dialog .kinescope-container {
  width: 100%;
  height: 100%;
}

.kinescope-popup-dialog .kinescope-container.responsive-player {
  position: relative;
  height: 100%;
  padding-bottom: 0;
  max-width: none;
  overflow: hidden;
}

.kinescope-popup-dialog .kinescope-container.responsive-player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}