.Attach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: var(--space-2xs) var(--space-xs);
  background: var(--color-control-bg-clear);
  border-radius: var(--control-radius);
  text-decoration: none;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

  .Attach-File {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: var(--space-2xs) var(--space-xs) var(--space-2xs) 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }

  .Attach-File_error {
      opacity: 0.4;
    }

  .Attach-Button {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }

  .Attach-Content {
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: var(--space-3xs);
    word-wrap: break-word;
  }

  .Attach-Content:not(:last-child) {
      margin-right: var(--space-xs);
    }

  .Attach_withAction {
    cursor: pointer;
  }

  .Attach_withAction:hover {
      background: var(--color-control-bg-clear-hover);
    }

  .Attach_withOnButtonAction {
    padding: var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-xs);
  }

  .Attach_withOnButtonAction:hover {
      background: var(--color-control-bg-clear-hover);
    }

  .Attach_withOnButtonAction:hover .Attach-Button {
        opacity: 1;
      }