@import '~@cainiaofe/cn-ui-m-theme/token.px.scss';

.#{$hashClassName}.cn-ui-m-image-viewer {
  display: flex;
  flex-wrap: wrap;

  .cn-ui-m-image-viewer {
    &-item {
      width: $m-s-69;
      height: $m-s-69;
      cursor: pointer;
      border-radius: $m-radius;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }
}

.cn-ui-m-form-item-control {
  .cn-ui-m-image-viewer {
    padding: $m-s-6 0;
  }
}

.#{$hashClassName}.cn-ui-m-image-single-viewer {
  width: 100%;

  img {
    display: block;
    width: 100%;
  }
}