/* src/lib/upload.module.css */
.upload_box {
}
.upload_fullScreenDropInfo {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: hsl(180, 100%, 50%, 50%);
  backdrop-filter: blur(1em);
}

/* src/lib/filetree.module.css */
.filetree_filetree {
  text-align: left;
  list-style-type: none;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
}
.filetree_filetree > li {
}
.filetree_directoryname {
}
.filetree_directoryname::after {
  content: "/";
}
.filetree_filename.filetree_ready {
}
.filetree_filename.filetree_inqueue {
}
.filetree_filename.filetree_inqueue::before {
  content: " \1f551";
  padding-right: .7em;
}
.filetree_filename.filetree_done {
  color: green;
}
.filetree_filename.filetree_done::before {
  content: " \2705";
  padding-right: .7em;
}
.filetree_filename.filetree_warning {
  color: orange;
  .filetree_force_queue {
    display: inline;
  }
}
.filetree_filename.filetree_warning::before {
  content: " \26a0";
  padding-right: .7em;
}
.filetree_filename.filetree_warning::after {
  content: " \2013  warning: " var(--warning-message);
}
.filetree_filename.filetree_converting {
  --convert-time-text: "";
  width: 100%;
}
.filetree_filename.filetree_converting::before {
  display: inline-block;
  text-align: center;
  content: var(--convert-progress-text) " " var(--convert-time-text);
  font-variant: tabular-nums;
  margin-right: 1em;
  width: 15em;
  box-sizing: border-box;
  border: 1px solid black;
  background-image:
    linear-gradient(
      to right,
      hsl(240, 70%, 50%, 20%) 50%,
      transparent 50%);
  background-size: 200%;
  background-position-x: calc(100% - 100% * var(--convert-progress));
}
.filetree_filename.filetree_error {
  color: red;
}
.filetree_filename.filetree_error::before {
  content: " \274c";
  padding-right: .7em;
}
.filetree_filename.filetree_error::after {
  content: " \2013  error: " var(--error-message);
}
.filetree_leaf {
  display: grid;
  grid: 1fr / 1fr auto;
  margin-right: 1em;
  align-items: center;
  &:hover {
    background-color: hsl(240, 100%, 50%, 10%);
  }
  .filetree_buttons {
    display: flex;
    gap: .3em;
  }
}

/* src/convert/convertor.module.css */
h1 {
}
.convertor_explanation {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 2em;
}
.convertor_files {
  border: .2em solid hsl(240, 100%, 50%);
  position: relative;
  left: 0;
}
.convertor_select_files_message {
  display: block;
  padding: .7em;
}
/*# sourceMappingURL=App.css.map */