/* module/health/components/horizontal-scrollable/horizontal-scrollable.wxss */
.scheme {
  &__card-list {
    margin-left: -8px;
    overflow: hidden;
  }

  &__card {
    flex: none;
    padding: 0 8px;

    image {
      height: 90px;
    }
  }

  image+&__title {
    margin-top: 4px;
  }

  &__title {
    font-size: 14px;
    color: #34A76B;
  }

  &__media {
    position: relative;
    min-height: 90px;

    .icon {
      position: absolute;
      right: 4px;
      bottom: 4px;
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 50%;
    }
  }
}

.scrollable {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}