.clearance__action {
  &:focus,
  &:focus-within {
    outline: none;
    box-shadow: 0 0 0 2px var(--color-focus-ring);
  }
  &::-moz-focus-inner { border: 0; }
}

.clearance-more__btn {
  width: 2.5rem !important;
  min-width: 0 !important;
  height: 2.5rem !important;
}

.clearance__avatar {
  @media (min-width: 40em) {
    margin-top: 0.2em;
  }
}

.clearance__body {
  &::before {
    display: none !important;
  }

  @media (min-width: 40em) {
    &::before {
      display: block !important;
      top: 4.25rem !important;
      left: -1rem !important;
    }
  }

  @media (min-width: 60em) {
    &::before {
      left: 0 !important;
    }
  }
}

.clearance__purpose {
  .posting:focus-within &::before,
  .posting--focus-within &::before {
    filter: var(--colorize-ink);
  }
}