/* The ready outline must survive page/theme focus resets, without moving its hit area. */
html body .file-paste-target {
  transform: none !important;
}

html body .file-paste-target.is-file-paste-hover,
html body .file-paste-target:focus-visible,
html body .video-file-picker.file-paste-target:focus-within,
html body .ui-file-picker.file-paste-target:focus-within {
  outline: 2px dashed var(--accent-text) !important;
  outline-offset: 2px !important;
  /* No fade: the outline means this is the current paste destination. */
  transition: none !important;
}

html body .file-paste-target.is-file-pasted {
  outline: 2px solid var(--success-text, var(--accent-text)) !important;
}

html body .file-paste-target.is-file-paste-error {
  outline: 2px solid var(--danger) !important;
}

html body .file-paste-target:disabled,
html body .ui-file-picker.file-paste-target:has(input:disabled) {
  outline: none !important;
}

@media (forced-colors: active) {
  html body .file-paste-target.is-file-paste-hover,
  html body .file-paste-target:focus-visible,
  html body .video-file-picker.file-paste-target:focus-within,
  html body .ui-file-picker.file-paste-target:focus-within {
    outline-color: Highlight !important;
  }
}