//Sprite
$spriteWidth: 437px
$spriteHeight: 200px

=sprite($position, $width: auto, $height: auto)
  background: url("/images/structure/sportivo_sprite.svg") $position no-repeat
  background-size: $spriteWidth $spriteHeight
  width: $width
  height: $height

=arrowBottomOrange()
  +sprite(0px -50px)
  display: block
  width: 8px
  height: 8px

=arrowBottomOrangeLarge()
  +sprite(0px -80px)
  display: block
  width: 14px
  height: 12px


=arrowBottomWhite()
  +sprite(0px -60px)
  display: block
  width: 8px
  height: 8px

=arrowBottomWhiteLarge()
  +sprite(0px -95px)
  display: block
  width: 13px
  height: 13px

=arrowRightBlue()
  +sprite(-10px -50px)
  display: block
  width: 9px
  height: 8px
  margin-left: 5px

=arrowRightWhite()
  +sprite(-10px -60px)
  display: block
  width: 9px
  height: 8px
  margin-left: 5px

=arrowRightOrange()
  +sprite(-10px -70px)
  display: block
  width: 9px
  height: 8px
  margin-left: 5px

=arrowRightOrangeLarge()
  +sprite(-15px -80px)
  display: block
  width: 13px
  height: 13px

=arrowRightWhiteLarge()
  +sprite(-15px -95px)
  display: block
  width: 13px
  height: 13px