.filename[data-v-2da7cf30] {
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-subheader[data-v-2da7cf30] {
  font-size: 14px;
  letter-spacing: 0.9px;
  color: #383A3D;
  opacity: 0.46;
}
.file-header[data-v-2da7cf30] {
  font-weight: 500;
  letter-spacing: 0.9px;
}
.no-files[data-v-2da7cf30] {
  color: #480048;
  font-size: 14px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  font-style: italic;
}
.files-container[data-v-2da7cf30] {
  gap: 15px;
  max-height: 160px;
  overflow-y: auto;
}
.files[data-v-2da7cf30] {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 1px 2px #00000029;
          box-shadow: 0px 1px 2px #00000029;
  border: 2px solid #60184870;
  border-radius: 12px;
  width: 165px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.files img[data-v-2da7cf30] {
  width: 130px;
  height: 100px;
  border-radius: 8px;
  cursor: pointer;
}
.files span[data-v-2da7cf30] {
  font-size: 12px;
  letter-spacing: 0.19px;
  color: #515265;
}
.subject-color[data-v-2da7cf30] {
  color: #480048
}
.close-btn[data-v-2da7cf30] {
  all: unset;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  background-color: white;
  border-radius: 50%;
  top: -25px;
  right: -25px;
  font-size: 14px;
  -webkit-box-shadow: 0px 3px 6px #0000001A;
          box-shadow: 0px 3px 6px #0000001A;
  cursor: pointer;
}