.composer .attach {
  position: static;
  display: grid;
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  overflow: visible;
  clip: auto;
  place-items: center;
  border-radius: 50%;
  background: #ece9e2;
  color: #625f58;
  font-size: 20px;
}

.visually-hidden-file {
  position: fixed;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.composer .attach.is-disabled {
  opacity: .45;
  pointer-events: none;
}

.attachment-status {
  grid-column: 1 / -1;
  margin: 0 5px;
  color: #8d887f;
  cursor: pointer;
  font-size: 10px;
}

.attachment-status:not(:empty) { display: flex; align-items: center; gap: 8px; }
.attachment-status img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; }
.attachment-status span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attachment-status button { margin-left: auto; border: 0; background: transparent; color: #9a6250; font: inherit; }

.attachment-chip,
.attachment-reference {
  display: block;
  width: fit-content;
  margin: 0 0 7px;
  padding: 5px 7px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .62);
  color: #77736b;
  font-size: 11px;
  line-height: 1.35;
}