/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<!-- `display: block` sprite -->
<div class="icon-home"></div>

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
.icon-media-arrow_down {
  background-image: url(../images/sprite_controls_mobile.png);
  background-position: -132px 0px;
  width: 16px;
  height: 16px;
}
.icon-media-arrow_down_white {
  background-image: url(../images/sprite_controls_mobile.png);
  background-position: 0px -82px;
  width: 16px;
  height: 16px;
}
.icon-media-arrow_up {
  background-image: url(../images/sprite_controls_mobile.png);
  background-position: -86px -52px;
  width: 16px;
  height: 16px;
}
.icon-media-arrow_up_white {
  background-image: url(../images/sprite_controls_mobile.png);
  background-position: -60px -52px;
  width: 16px;
  height: 16px;
}
.icon-media-cross {
  background-image: url(../images/sprite_controls_mobile.png);
  background-position: -30px -52px;
  width: 20px;
  height: 20px;
}
.icon-media-cross_white {
  background-image: url(../images/sprite_controls_mobile.png);
  background-position: 0px -52px;
  width: 20px;
  height: 20px;
}
.icon-media-external_link {
  background-image: url(../images/sprite_controls_mobile.png);
  background-position: -26px -82px;
  width: 16px;
  height: 16px;
}
.icon-media-external_link_white {
  background-image: url(../images/sprite_controls_mobile.png);
  background-position: -52px -82px;
  width: 16px;
  height: 16px;
}
.icon-media-info_icon {
  background-image: url(../images/sprite_controls_mobile.png);
  background-position: -78px -82px;
  width: 16px;
  height: 16px;
}
.icon-media-info_icon_white {
  background-image: url(../images/sprite_controls_mobile.png);
  background-position: -104px -82px;
  width: 16px;
  height: 16px;
}
.icon-media-signin_vic_emergency {
  background-image: url(../images/sprite_controls_mobile.png);
  background-position: 0px 0px;
  width: 122px;
  height: 42px;
}

.icon-media-arrow_down { background: url(svg/sprite.media-mobile.svg) 0 0 no-repeat; } .icon-media-arrow_down-dims { width: 16px; height: 16px; } .icon-media-arrow_down_white { background: url(svg/sprite.media-mobile.svg) 0 8.24742268041237% no-repeat;
} .icon-media-arrow_down_white-dims { width: 16px; height: 16px; } .icon-media-arrow_up { background: url(svg/sprite.media-mobile.svg) 0 16.49484536082474% no-repeat; } .icon-media-arrow_up-dims { width: 16px; height: 16px; } .icon-media-arrow_up_white
{ background: url(svg/sprite.media-mobile.svg) 0 24.742268041237114% no-repeat; } .icon-media-arrow_up_white-dims { width: 16px; height: 16px; } .icon-media-cross { background: url(svg/sprite.media-mobile.svg) 0 33.68421052631579% no-repeat; } .icon-media-cross-dims
{ width: 20px; height: 20px; } .icon-media-cross_white { background: url(svg/sprite.media-mobile.svg) 0 44.21052631578947% no-repeat; } .icon-media-cross_white-dims { width: 20px; height: 20px; } .icon-media-external_link { background: url(svg/sprite.media-mobile.svg)
0 53.608247422680414% no-repeat; } .icon-media-external_link-dims { width: 16px; height: 16px; } .icon-media-external_link_white { background: url(svg/sprite.media-mobile.svg) 0 61.855670103092784% no-repeat; } .icon-media-external_link_white-dims { width:
16px; height: 16px; } .icon-media-info_icon { background: url(svg/sprite.media-mobile.svg) 0 70.10309278350516% no-repeat; } .icon-media-info_icon-dims { width: 16px; height: 16px; } .icon-media-info_icon_white { background: url(svg/sprite.media-mobile.svg)
0 78.35051546391753% no-repeat; } .icon-media-info_icon_white-dims { width: 16px; height: 16px; } .icon-media-signin_vic_emergency { background: url(svg/sprite.media-mobile.svg) 0 99.78913605179532% no-repeat; } .icon-media-signin_vic_emergency-dims {
width: 121.543px; height: 41.645px; }