.svg-icon{display:inline-block;fill:#fff;height:1em;width:1em}
.svg-icon path,.svg-icon rect{fill:inherit}
.svg-icon--dark{fill:#888}
.svg-icon--inverse{fill:#00adef}
.svg-icon--medium{height:1.875em;width:1.875em}
.svg-icon--large{height:2em;width:2em}
.svg-icon--hover:hover,.svg-icon--hover:hover rect{fill:#00adef}
.svg-icon--hover.svg-icon--inverse:hover,.svg-icon--hover.svg-icon--inverse:hover rect{fill:#fff}
.svg-icon--spinning svg{-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite;vertical-align:bottom}
@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.svg-icon--spinning-background{-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.icon-svg{height:1em;fill:currentColor;width:1em}
.icon-svg--hover{color:#00adef}
.icon-svg--hover:hover{color:#fff}