@use '../../styles/mixin/mixin.scss' as *;

.up-waterfall {

  &__column {
    float: left;
  }

  &__item {
    width: 100%;
    margin-bottom: var(--up-spacing-extra-loose);
    border-radius: var(--up-radius-large);
    box-shadow: 0rpx 3rpx 6rpx rgba(0, 46, 37, 0.08);
    overflow: hidden;
    transition: transform 0.2s ease;

    &:active {
      transform: scale(0.98);
    }
  }

  &__image {
    width: 100%;
    display: block;
  }
}