@import url(https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400|Fira+Sans+Condensed:300,400|Fira+Mono:400);body{font-family:Barlow Condensed,sans-serif;font-variant-numeric:tabular-nums;margin:0}body .symbol{font-family:Fira Sans Condensed,sans-serif}.stream-chart .line{fill:none;stroke:#000;stroke-width:1.5px}.stream-chart .axis--y .domain,.stream-chart .tick line{display:none}.stream-chart .bar{fill:#000}.interval-navigation__item{-webkit-appearance:none;border:none;background-color:transparent;border-radius:0;outline:none}.interval-navigation__item.interval-navigation__item--active{box-shadow:0 1px 0 0 #000}.delta-value{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.delta-value .trend-arrow{display:inline-block;margin-left:8px;width:16px;height:16px;align-self:flex-end;font-size:0}.delta-value>*{text-align:right}.delta-value__label{font-size:1.4em;border-bottom:1px solid #000;margin-bottom:4px}.delta-value__percentage,.delta-value__value{font-weight:400;font-size:1.8em;white-space:nowrap;line-height:1em}.delta-value__unit{font-family:Fira Mono,sans-serif;display:inline-block;width:24px;text-align:right}.value-unit__value{display:inline-block;font-size:1em}.value-unit__unit{display:inline-block;margin-left:.1em}.currency-card{border-radius:0;border:1px solid #000;margin:8px;position:relative;height:240px}.currency-card__delta{position:absolute;top:22px;right:613px;display:flex;width:240px;justify-content:flex-end}.currency-card__delta .delta-value{flex:1 0 50%;padding:0 8px}.currency-card__title{font-size:2em;padding:8px;margin:0}.currency-card__from-symbol{position:absolute;top:0;left:0;font-size:4em;font-weight:700;padding:8px;margin:0;font-weight:300}.currency-card__price{position:absolute;top:50px;left:0;font-size:6em;font-weight:700;padding:8px;margin:0}.currency-card__to-symbol{font-size:.5em;padding-left:4px}.currency-card__time-ago{position:absolute;top:200px;left:8px;font-size:1.5em;padding-left:4px}.currency-card__trend{display:inline-block;width:48px;height:48px}.currency-card__chart{position:absolute;bottom:0;right:0;width:600px;height:240px}.currency-card__chart .interval-navigation{position:absolute;top:8px;left:20px;z-index:2}.currency-card__chart .stream-chart{position:absolute;right:0;bottom:8px;z-index:1}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease-out}.fade-enter,.fade-leave-to{opacity:0}.currency-tile{border-radius:0;border:1px solid #000;margin:8px;position:relative;height:115px}.currency-tile__body{position:absolute;top:0;right:0;bottom:0;left:0}.currency-tile__title{font-size:1em;padding:8px;margin:0}.currency-tile__from-symbol{position:absolute;top:0;left:0;font-size:2em;font-weight:700;padding:8px;margin:0;font-weight:300}.currency-tile__price{position:absolute;top:26px;left:0;font-size:3em;font-weight:700;padding:8px;margin:0}.currency-tile__to-symbol{font-size:.5em;padding-left:4px}.currency-tile__time-ago{position:absolute;top:90px;left:8px;font-size:1em;padding-left:4px}.currency-tile__trend{display:inline-block;width:24px;height:24px}.currency-tile__delta{font-size:1.25em;position:absolute;top:4px;right:4px}.grid-view{position:absolute;top:0;right:0;bottom:0;left:0;height:100vh;display:flex;justify-content:stretch;align-items:stretch}.grid-view__list{flex:0 0 240px;overflow-x:hidden;overflow-y:auto}.grid-view__cards{flex:1 1 auto;overflow-x:hidden;overflow-y:auto}.grid-view__cards-list{padding-bottom:100%}