/*
  SASS variables are information about icon's compiled state, stored under its original file name

  .icon-home
    width: $icon-home-width

  The large array-like variables contain all information about a single icon
  $icon-home: x y offset_x offset_y width height total_width total_height image_path

  At the bottom of this section, we provide information about the spritesheet itself
  $spritesheet: width height image $spritesheet-sprites
  */
$icon-account-name: 'icon-account'
$icon-account-x: 75px
$icon-account-y: 0px
$icon-account-offset-x: -75px
$icon-account-offset-y: 0px
$icon-account-width: 26px
$icon-account-height: 26px
$icon-account-total-width: 117px
$icon-account-total-height: 100px
$icon-account-image: '../images/icons_sprite.png'
$icon-account: (75px, 0px, -75px, 0px, 26px, 26px, 117px, 100px, '../images/icons_sprite.png', 'icon-account', )
$icon-account-red-name: 'icon-accountRed'
$icon-account-red-x: 75px
$icon-account-red-y: 26px
$icon-account-red-offset-x: -75px
$icon-account-red-offset-y: -26px
$icon-account-red-width: 26px
$icon-account-red-height: 26px
$icon-account-red-total-width: 117px
$icon-account-red-total-height: 100px
$icon-account-red-image: '../images/icons_sprite.png'
$icon-account-red: (75px, 26px, -75px, -26px, 26px, 26px, 117px, 100px, '../images/icons_sprite.png', 'icon-accountRed', )
$icon-arrow-right-name: 'icon-arrowRight'
$icon-arrow-right-x: 101px
$icon-arrow-right-y: 74px
$icon-arrow-right-offset-x: -101px
$icon-arrow-right-offset-y: -74px
$icon-arrow-right-width: 5px
$icon-arrow-right-height: 8px
$icon-arrow-right-total-width: 117px
$icon-arrow-right-total-height: 100px
$icon-arrow-right-image: '../images/icons_sprite.png'
$icon-arrow-right: (101px, 74px, -101px, -74px, 5px, 8px, 117px, 100px, '../images/icons_sprite.png', 'icon-arrowRight', )
$icon-cart-name: 'icon-cart'
$icon-cart-x: 41px
$icon-cart-y: 79px
$icon-cart-offset-x: -41px
$icon-cart-offset-y: -79px
$icon-cart-width: 20px
$icon-cart-height: 21px
$icon-cart-total-width: 117px
$icon-cart-total-height: 100px
$icon-cart-image: '../images/icons_sprite.png'
$icon-cart: (41px, 79px, -41px, -79px, 20px, 21px, 117px, 100px, '../images/icons_sprite.png', 'icon-cart', )
$icon-cart-red-name: 'icon-cartRed'
$icon-cart-red-x: 21px
$icon-cart-red-y: 79px
$icon-cart-red-offset-x: -21px
$icon-cart-red-offset-y: -79px
$icon-cart-red-width: 20px
$icon-cart-red-height: 21px
$icon-cart-red-total-width: 117px
$icon-cart-red-total-height: 100px
$icon-cart-red-image: '../images/icons_sprite.png'
$icon-cart-red: (21px, 79px, -21px, -79px, 20px, 21px, 117px, 100px, '../images/icons_sprite.png', 'icon-cartRed', )
$icon-delete-name: 'icon-delete'
$icon-delete-x: 29px
$icon-delete-y: 38px
$icon-delete-offset-x: -29px
$icon-delete-offset-y: -38px
$icon-delete-width: 24px
$icon-delete-height: 24px
$icon-delete-total-width: 117px
$icon-delete-total-height: 100px
$icon-delete-image: '../images/icons_sprite.png'
$icon-delete: (29px, 38px, -29px, -38px, 24px, 24px, 117px, 100px, '../images/icons_sprite.png', 'icon-delete', )
$icon-estonia-name: 'icon-estonia'
$icon-estonia-x: 81px
$icon-estonia-y: 79px
$icon-estonia-offset-x: -81px
$icon-estonia-offset-y: -79px
$icon-estonia-width: 20px
$icon-estonia-height: 13px
$icon-estonia-total-width: 117px
$icon-estonia-total-height: 100px
$icon-estonia-image: '../images/icons_sprite.png'
$icon-estonia: (81px, 79px, -81px, -79px, 20px, 13px, 117px, 100px, '../images/icons_sprite.png', 'icon-estonia', )
$icon-finland-name: 'icon-finland'
$icon-finland-x: 54px
$icon-finland-y: 62px
$icon-finland-offset-x: -54px
$icon-finland-offset-y: -62px
$icon-finland-width: 20px
$icon-finland-height: 14px
$icon-finland-total-width: 117px
$icon-finland-total-height: 100px
$icon-finland-image: '../images/icons_sprite.png'
$icon-finland: (54px, 62px, -54px, -62px, 20px, 14px, 117px, 100px, '../images/icons_sprite.png', 'icon-finland', )
$icon-geo-name: 'icon-geo'
$icon-geo-x: 101px
$icon-geo-y: 33px
$icon-geo-offset-x: -101px
$icon-geo-offset-y: -33px
$icon-geo-width: 15px
$icon-geo-height: 15px
$icon-geo-total-width: 117px
$icon-geo-total-height: 100px
$icon-geo-image: '../images/icons_sprite.png'
$icon-geo: (101px, 33px, -101px, -33px, 15px, 15px, 117px, 100px, '../images/icons_sprite.png', 'icon-geo', )
$icon-latvia-name: 'icon-latvia'
$icon-latvia-x: 46px
$icon-latvia-y: 24px
$icon-latvia-offset-x: -46px
$icon-latvia-offset-y: -24px
$icon-latvia-width: 20px
$icon-latvia-height: 14px
$icon-latvia-total-width: 117px
$icon-latvia-total-height: 100px
$icon-latvia-image: '../images/icons_sprite.png'
$icon-latvia: (46px, 24px, -46px, -24px, 20px, 14px, 117px, 100px, '../images/icons_sprite.png', 'icon-latvia', )
$icon-less-info-name: 'icon-lessInfo'
$icon-less-info-x: 23px
$icon-less-info-y: 0px
$icon-less-info-offset-x: -23px
$icon-less-info-offset-y: 0px
$icon-less-info-width: 23px
$icon-less-info-height: 38px
$icon-less-info-total-width: 117px
$icon-less-info-total-height: 100px
$icon-less-info-image: '../images/icons_sprite.png'
$icon-less-info: (23px, 0px, -23px, 0px, 23px, 38px, 117px, 100px, '../images/icons_sprite.png', 'icon-lessInfo', )
$icon-mail-name: 'icon-mail'
$icon-mail-x: 101px
$icon-mail-y: 62px
$icon-mail-offset-x: -101px
$icon-mail-offset-y: -62px
$icon-mail-width: 16px
$icon-mail-height: 12px
$icon-mail-total-width: 117px
$icon-mail-total-height: 100px
$icon-mail-image: '../images/icons_sprite.png'
$icon-mail: (101px, 62px, -101px, -62px, 16px, 12px, 117px, 100px, '../images/icons_sprite.png', 'icon-mail', )
$icon-menu-icon-name: 'icon-menuIcon'
$icon-menu-icon-x: 0px
$icon-menu-icon-y: 62px
$icon-menu-icon-offset-x: 0px
$icon-menu-icon-offset-y: -62px
$icon-menu-icon-width: 27px
$icon-menu-icon-height: 17px
$icon-menu-icon-total-width: 117px
$icon-menu-icon-total-height: 100px
$icon-menu-icon-image: '../images/icons_sprite.png'
$icon-menu-icon: (0px, 62px, 0px, -62px, 27px, 17px, 117px, 100px, '../images/icons_sprite.png', 'icon-menuIcon', )
$icon-menu-icon-red-name: 'icon-menuIconRed'
$icon-menu-icon-red-x: 27px
$icon-menu-icon-red-y: 62px
$icon-menu-icon-red-offset-x: -27px
$icon-menu-icon-red-offset-y: -62px
$icon-menu-icon-red-width: 27px
$icon-menu-icon-red-height: 17px
$icon-menu-icon-red-total-width: 117px
$icon-menu-icon-red-total-height: 100px
$icon-menu-icon-red-image: '../images/icons_sprite.png'
$icon-menu-icon-red: (27px, 62px, -27px, -62px, 27px, 17px, 117px, 100px, '../images/icons_sprite.png', 'icon-menuIconRed', )
$icon-minus-name: 'icon-minus'
$icon-minus-x: 0px
$icon-minus-y: 38px
$icon-minus-offset-x: 0px
$icon-minus-offset-y: -38px
$icon-minus-width: 29px
$icon-minus-height: 24px
$icon-minus-total-width: 117px
$icon-minus-total-height: 100px
$icon-minus-image: '../images/icons_sprite.png'
$icon-minus: (0px, 38px, 0px, -38px, 29px, 24px, 117px, 100px, '../images/icons_sprite.png', 'icon-minus', )
$icon-more-info-name: 'icon-moreInfo'
$icon-more-info-x: 0px
$icon-more-info-y: 0px
$icon-more-info-offset-x: 0px
$icon-more-info-offset-y: 0px
$icon-more-info-width: 23px
$icon-more-info-height: 38px
$icon-more-info-total-width: 117px
$icon-more-info-total-height: 100px
$icon-more-info-image: '../images/icons_sprite.png'
$icon-more-info: (0px, 0px, 0px, 0px, 23px, 38px, 117px, 100px, '../images/icons_sprite.png', 'icon-moreInfo', )
$icon-new-window-name: 'icon-new_window'
$icon-new-window-x: 101px
$icon-new-window-y: 48px
$icon-new-window-offset-x: -101px
$icon-new-window-offset-y: -48px
$icon-new-window-width: 16px
$icon-new-window-height: 14px
$icon-new-window-total-width: 117px
$icon-new-window-total-height: 100px
$icon-new-window-image: '../images/icons_sprite.png'
$icon-new-window: (101px, 48px, -101px, -48px, 16px, 14px, 117px, 100px, '../images/icons_sprite.png', 'icon-new_window', )
$icon-phone-name: 'icon-phone'
$icon-phone-x: 101px
$icon-phone-y: 0px
$icon-phone-offset-x: -101px
$icon-phone-offset-y: 0px
$icon-phone-width: 16px
$icon-phone-height: 17px
$icon-phone-total-width: 117px
$icon-phone-total-height: 100px
$icon-phone-image: '../images/icons_sprite.png'
$icon-phone: (101px, 0px, -101px, 0px, 16px, 17px, 117px, 100px, '../images/icons_sprite.png', 'icon-phone', )
$icon-plus-name: 'icon-plus'
$icon-plus-x: 46px
$icon-plus-y: 0px
$icon-plus-offset-x: -46px
$icon-plus-offset-y: 0px
$icon-plus-width: 29px
$icon-plus-height: 24px
$icon-plus-total-width: 117px
$icon-plus-total-height: 100px
$icon-plus-image: '../images/icons_sprite.png'
$icon-plus: (46px, 0px, -46px, 0px, 29px, 24px, 117px, 100px, '../images/icons_sprite.png', 'icon-plus', )
$icon-russia-name: 'icon-russia'
$icon-russia-x: 61px
$icon-russia-y: 79px
$icon-russia-offset-x: -61px
$icon-russia-offset-y: -79px
$icon-russia-width: 20px
$icon-russia-height: 14px
$icon-russia-total-width: 117px
$icon-russia-total-height: 100px
$icon-russia-image: '../images/icons_sprite.png'
$icon-russia: (61px, 79px, -61px, -79px, 20px, 14px, 117px, 100px, '../images/icons_sprite.png', 'icon-russia', )
$icon-search-icon-name: 'icon-search_icon'
$icon-search-icon-x: 0px
$icon-search-icon-y: 79px
$icon-search-icon-offset-x: 0px
$icon-search-icon-offset-y: -79px
$icon-search-icon-width: 21px
$icon-search-icon-height: 21px
$icon-search-icon-total-width: 117px
$icon-search-icon-total-height: 100px
$icon-search-icon-image: '../images/icons_sprite.png'
$icon-search-icon: (0px, 79px, 0px, -79px, 21px, 21px, 117px, 100px, '../images/icons_sprite.png', 'icon-search_icon', )
$icon-search-icon-red-name: 'icon-search_iconRed'
$icon-search-icon-red-x: 53px
$icon-search-icon-red-y: 38px
$icon-search-icon-red-offset-x: -53px
$icon-search-icon-red-offset-y: -38px
$icon-search-icon-red-width: 21px
$icon-search-icon-red-height: 21px
$icon-search-icon-red-total-width: 117px
$icon-search-icon-red-total-height: 100px
$icon-search-icon-red-image: '../images/icons_sprite.png'
$icon-search-icon-red: (53px, 38px, -53px, -38px, 21px, 21px, 117px, 100px, '../images/icons_sprite.png', 'icon-search_iconRed', )
$icon-time-name: 'icon-time'
$icon-time-x: 101px
$icon-time-y: 17px
$icon-time-offset-x: -101px
$icon-time-offset-y: -17px
$icon-time-width: 16px
$icon-time-height: 16px
$icon-time-total-width: 117px
$icon-time-total-height: 100px
$icon-time-image: '../images/icons_sprite.png'
$icon-time: (101px, 17px, -101px, -17px, 16px, 16px, 117px, 100px, '../images/icons_sprite.png', 'icon-time', )
$icon-uk-name: 'icon-uk'
$icon-uk-x: 74px
$icon-uk-y: 62px
$icon-uk-offset-x: -74px
$icon-uk-offset-y: -62px
$icon-uk-width: 20px
$icon-uk-height: 14px
$icon-uk-total-width: 117px
$icon-uk-total-height: 100px
$icon-uk-image: '../images/icons_sprite.png'
$icon-uk: (74px, 62px, -74px, -62px, 20px, 14px, 117px, 100px, '../images/icons_sprite.png', 'icon-uk', )
$spritesheet-width: 117px
$spritesheet-height: 100px
$spritesheet-image: '../images/icons_sprite.png'
$spritesheet-sprites: ($icon-account, $icon-account-red, $icon-arrow-right, $icon-cart, $icon-cart-red, $icon-delete, $icon-estonia, $icon-finland, $icon-geo, $icon-latvia, $icon-less-info, $icon-mail, $icon-menu-icon, $icon-menu-icon-red, $icon-minus, $icon-more-info, $icon-new-window, $icon-phone, $icon-plus, $icon-russia, $icon-search-icon, $icon-search-icon-red, $icon-time, $icon-uk, )
$spritesheet: (117px, 100px, '../images/icons_sprite.png', $spritesheet-sprites, )

/*
  The provided mixins are intended to be used with the array-like variables

  .icon-home
    @include sprite-width($icon-home)

  .icon-email
    @include sprite($icon-email)
  */
@mixin sprite-width($sprite)
  width: nth($sprite, 5)

@mixin sprite-height($sprite)
  height: nth($sprite, 6)

@mixin sprite-position($sprite)
  $sprite-offset-x: nth($sprite, 3)
  $sprite-offset-y: nth($sprite, 4)
  background-position: $sprite-offset-x  $sprite-offset-y

@mixin sprite-image($sprite)
  $sprite-image: nth($sprite, 9)
  background-image: url(#{$sprite-image})

@mixin sprite($sprite)
  @include sprite-image($sprite)
  @include sprite-position($sprite)
  @include sprite-width($sprite)
  @include sprite-height($sprite)

/*
  The `sprites` mixin generates identical output to the CSS template
    but can be overridden inside of SASS

  @include sprites($spritesheet-sprites)
  */
@mixin sprites($sprites)
  @each $sprite in $sprites
    $sprite-name: nth($sprite, 10)
    .#{$sprite-name}
      @include sprite($sprite)