/* *-----------------------------------------------------------------------------------------* */
/* Sub Section ( 2 / 2 ) for FILE UPLOAD DESIGN
/* *-----------------------------------------------------------------------------------------* */
.drag-hover {
  opacity: 0.2;
  background: var(--color-white);
  z-index: 100;
}

.file_upload_area {
  font-size: var(--font-base);
  color: #95a1a9;
  font-weight: 800;
  background-color: var(--color-bg);
  position: relative;
  height: 180px;
  border: 2px dashed var(--color-border);
  -webkit-transition: outline-offset 0.15s ease-in-out,
	background-color 0.15s linear;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  display: flex;
justify-content: center;
align-items: center;
}
.file_upload_area.disabled{
  opacity: 0.5;
}

.file_upload_area .file_upload_icon {
  width: 40px;
  display: block;
}

.browse_file {
  color: var(--color-info-light);
  cursor: pointer;
  border: solid;
  padding: var(--space-sm) var(--space-2xl);
  width: fit-content;
  border-radius: var(--font-2xl);
}
.browse_file.disabled {
  color: var(--color-text-lighter);
  cursor: auto;
}

.browse_file:not(.disabled):hover {
  color: var(--color-info);
}

/* *-----------------------------------------------------------------------------------------* */
/* Sub Section ( 7 / 10 ) for CUSTOM FORM SELF INTRODUCTION
/* *-----------------------------------------------------------------------------------------* */
.uvideo_div_input {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: var(--space-lg) auto;
    max-width: 35rem;
    height: 250px;
    gap: var(--space-base);
}
.uvideo_div_input.file_upload_area .file_upload_icon{
  width: 60px !important;
}