#editQuestionHandmadeWithFileOverlay {
  animation: fadeInOverlay 0.3s ease forwards;
}

#screenshotOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Nền tối mờ */
    z-index: 9999; /* Đảm bảo lớp phủ trên cùng */
    display: none; /* Ẩn ban đầu */
    cursor: crosshair; /* Con trỏ chuột cho biết chọn vùng */
}

#selectionRectangle {
    position: fixed;
    border: 2px dashed blue;
    background-color: rgba(0, 0, 255, 0.1); /* Màu nền mờ cho vùng chọn */
    display: none; /* Ẩn ban đầu */
    z-index: 10000; /* Đảm bảo vùng chọn trên lớp phủ */
}

/* Overlay mờ dần */
@keyframes fadeInOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}