#preview-container {
  position: relative;
  width: 100%;
  max-width: 400px;  /* عرض محدود */
  height: 500px;  /* ارتفاع محدود */
  margin: auto;
  border: 2px solid #000;
  overflow: hidden;
  background-color: black;
}

#preview-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover; /* برش تصویر برای تناسب با باکس */
  clip-path: inset(0 0 0 0); /* از بیرون زدن تصویر جلوگیری می‌کند */
}

#scanner-container{
  display: none;
  width: 100%;
  max-width: 400px;  /* عرض محدود */
  height: 500px;  /* ارتفاع محدود */
  margin: auto;
  border: 2px solid #000;
  overflow: hidden;
  background-color: black;
}

.camera-container {
  width: 100%;
  max-width: 400px;  /* عرض محدود */
  height: 500px;  /* ارتفاع محدود */
  margin: auto;
  border: 2px solid #000;
  overflow: hidden;
  background-color: black;
}

video, canvas {
  width: 100%;
  height: 100%;
  object-fit: cover; /* این باعث می‌شود تصویر داخل کادر باقی بماند */
}

.select2-selection__choice__display {
  color: black !important;
}

.modal-popup-xl {
  width: 85dvw;
}