.box(@position: absolute) {
  position: @position;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.modal-mask() {
  pointer-events: none;

  &.@{acud-prefix}-zoom-enter,
  &.@{acud-prefix}-zoom-appear {
    transform: none;
    opacity: 0;
    animation-duration: @animation-duration-slow;
    user-select: none;
  }

  &-mask {
    .box(fixed);
    z-index: @zindex-range-0;
    height: 100%;
    background-color: @image-modal-mask-bg;

    &-hidden {
      display: none;
    }
  }

  &-wrap {
    .box(fixed);
    overflow: auto;
    outline: 0;
  }
}

.reset-component() {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: @image-text-color;
  font-size: @image-font-size-base;
  font-variant: @image-font-variant-base;
  line-height: @image-line-height-base;
  list-style: none;
  font-feature-settings: @image-font-feature-settings-base;
}