.composer__menu {
  display: inline-block;
  padding-right: 1.5em;
  margin-right: -1.5em;
  position: relative;

  &::after {
    content: '';
    position: absolute;
    top: 60%;
    right: 0.5em;
    width: 0.5em;
    height: 0.5em;
    margin-top: -0.4em;
    background: url("/assets/icons/arrow-down-c4e19f3d.svg") right 70% / 100% no-repeat;
  }
}

.composer__actions {
  position: absolute;
  top: -0.5rem;
  right: 0;

  @media (min-width: 40em) {
    top: 0;
  }
}

.composer__minimize-button {
  transition: filter opacity 300ms;

  .entry-composer--new & {
    filter: var(--colorize-disabled);
    pointer-events: none;
    opacity: 0.5;
  }
}

.composer--leaving {
  animation: fade-out-down 0.3s ease-in both;
}