.mx-list-item {
  display: flex;
  padding: 8px 16px 8px 16px;
  position: relative;

  &__prefix-block {
    line-height: 0;
  }

  &__main-block {
    flex: 1;
  }

  &__description {
    overflow: hidden;
  }

  &__prefix-block:not(.hide) + &__main-block,
  &__main-block + &__postfix-block:not(.hide) {
    margin-left: 16px;
  }

  .mx-list-item--ripple {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    pointer-events: none;
  }
}

.hide {
  display: none;
}