/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
.FilePicker {
  /* Set color on root of component. It can be overridden after the @include */
  color: var(--colorsTextDefault, #141414);
  /* Make sure font-family goes across entire component */
  font-family: "Nunito Sans", sans-serif;
}

.FilePicker__Input {
  display: none;
}

.FilePicker__File {
  /* Set color on root of component. It can be overridden after the @include */
  color: var(--colorsTextDefault, #141414);
  /* Make sure font-family goes across entire component */
  font-family: "Nunito Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-items: center;
  border-radius: 3px;
  border: 1px solid var(--colorsBorderGrey, #dfe0e1);
  box-sizing: border-box;
  display: flex;
  margin-bottom: 16px;
  padding: 16px;
  position: relative;
  word-break: break-all;
}

.FilePicker__File__Name {
  flex-grow: 1;
  padding-left: 4px;
  padding-right: 8px;
}

.a-Icon.FilePicker__File__Icon {
  margin-right: 8px;
  color: var(--colorsTextPrimary, #0265dc);
}

.FilePicker__File__ActionIcon {
  margin-left: 8px;
}
.FilePicker__File__ActionIcon .a-Icon {
  color: var(--colorsTextOnGreySubdued, #949596);
  cursor: pointer;
}

.FilePicker--disabled * {
  pointer-events: none;
}
.FilePicker--disabled .FilePicker__File,
.FilePicker--disabled .FilePicker__Note {
  opacity: 0.6;
}

.FilePicker--grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
}
.FilePicker--grid .FilePicker__File {
  flex: 0 0 calc(33.33% - 16px);
  margin-right: 16px;
  max-width: 395px;
  min-width: 300px;
}
.FilePicker--grid .FilePicker__File__ActionContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.FilePicker--align-center {
  justify-content: center;
}
.FilePicker--align-center .FilePicker__File__ActionContainer {
  align-items: center;
  text-align: center;
}

/*# sourceMappingURL=index.css.map */