@slider-arrow-background: @global-background;
@slider-arrow-width: 50px;
@slider-arrow-margin: 5px;

.hook-slider-misc() {
  .uk-slider-arrow {
    height: 100%;
    width: @slider-arrow-width;
    display: flex;
    align-items: center;
    justify-content: center;
    background: @slider-arrow-background;

    &.uk-slider-left {
      padding-right: @slider-arrow-margin;
    }

    &.uk-slider-right {
      padding-left: @slider-arrow-margin;
    }
  }

  .uk-slider-container-tabs:extend(.uk-slider-container) {
    position: relative;

    & .uk-tab {
      margin-left: -@tab-margin-horizontal;
    }

    & .uk-subnav {
      margin-left: -@subnav-margin-horizontal;
    }
  }
}