@import '../settings/variables';
@import '../tools/mixins/breakpoints';

.c-documents-list-item {
  background-color: $color-background-alternative;
  margin-bottom: 0.75em;

  &__separator {
    border: 1px solid $color-separator;
    display: initial;

    @include media-breakpoint-up(lg) {
      display: none;
    }
  }

  &__icon {
    width: 17px;
    height: 22px;
  }

  &__icon-wrapper {
    border-radius: 0.25em;
    width: 2.5em;
    height: 2.5em;
    background-color: $color-background;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);

    @include media-breakpoint-up(lg) {
      min-width: 2.5em;
    }
  }

  &__description {
    @extend .o-text__paragraph;
    font-size: $font-size-caption;
    color: $color-dark-grey;

    & p {
      margin: 0;
    }
  }
}