@include digitalmarketplace-exports("digitalmarketplace/component/attachment") {
  $thumbnail-width: 99px;
  $thumbnail-small-width: 30px;
  $thumbnail-height: 140px;
  $thumbnail-small-height: 43px;
  $thumbnail-border-width: 5px;
  $thumbnail-background: govuk-colour("white");
  $thumbnail-border-colour: rgba(11, 12, 12, .1);
  $thumbnail-shadow-colour: rgba(11, 12, 12, .4);
  $thumbnail-shadow-width: 0 2px 2px;
  $thumbnail-icon-border-colour: $govuk-border-colour;

  .dm-attachment {
    @include govuk-font(19);
    @include govuk-clearfix;
    position: relative;

    .govuk-details__summary {
      @include govuk-font($size: 16);
    }

    .govuk-details__text {
      @include govuk-font($size: 16);
    }
  }

  .dm-attachment__thumbnail {
    position: relative;
    width: auto;
    margin-right: govuk-spacing(5);
    margin-bottom: govuk-spacing(3);
    padding: $thumbnail-border-width;
    float: left;
  }

  .dm-attachment__thumbnail--small {
    margin-right: govuk-spacing(2);
    margin-bottom: govuk-spacing(0);

    + .dm-attachment__details {
      padding-left: 60px;

      .dm-attachment__title {
        @include govuk-font($size: 19);
        margin-bottom: govuk-spacing(1);
      }
    }
  }

  .dm-attachment__thumbnail-image {
    display: block;
    width: auto; // for IE8
    max-width: $thumbnail-width;
    height: $thumbnail-height;
    border: $thumbnail-border-colour; // for IE9 & IE10
    outline: $thumbnail-border-width solid $thumbnail-border-colour;
    background: $thumbnail-background;
    box-shadow: $thumbnail-shadow-width $thumbnail-shadow-colour;
    fill: $thumbnail-icon-border-colour;
    stroke: $thumbnail-icon-border-colour;
  }

  .dm-attachment__thumbnail-image--small {
    max-width: $thumbnail-small-width;
    height: $thumbnail-small-height;
  }

  .dm-attachment__details {
    padding-left: $thumbnail-width + $thumbnail-border-width * 2 + govuk-spacing(5);

    .dm-details {
      word-wrap: break-word;
      word-break: break-word;
    }
  }

  .dm-attachment__title {
    @include govuk-font($size: 27);
    margin: 0 0 govuk-spacing(3);
  }

  .dm-attachment__link {
    line-height: 1.29;
  }

  .dm-attachment__metadata {
    @include govuk-font($size: 16);
    margin: 0 0 govuk-spacing(3);

    &:last-of-type {
      margin-bottom: 0;
    }
  }

  .dm-attachment__metadata--compact {
    margin-bottom: 0;
  }

  .dm-attachment__abbr {
    text-decoration: none;
    cursor: help;
  }
}

/*# sourceMappingURL=_index.scss.map */