.uif-gallery-container
  width 100%
  overflow hidden
  position relative
.uif-gallery
  width 100%
  min-height 100px
  overflow visible
  position relative
  transition-property transform
  transition-timing-function ease

.uif-gallery-item
  position absolute
  left 0
  top 0
  height 100%
  width 100%
  background-position center
  background-size cover
  background-repeat no-repeat

.uif-gallery-container
  .uif-gallery-direction
    cursor pointer
    position absolute
    width 64px
    height @width
    top 50%
    margin-top -32px
    border-radius 50%
    padding 20px 8px
    transition color 0.2s ease,background-color 0.2s ease
    color #384048
    &.left
      left -32px
      text-align right
    &.right
      right -32px
      text-align left
    .uif-i
      font-size 24px
      width 24px
      display inline-block
      text-align center
    &:hover
      background-color rgba(24,33,41, 0.5)
      color #FFF

.uif-gallery-control
  text-align center
  position absolute
  left 0
  right 0
  bottom 16px
  span
    display inline-block
    width 8px
    height @width
    border-radius 50%
    margin 0 6px
    background-color rgba(255,255,255,0.5)
    cursor pointer
  .active
    background-color #2878CA