.base-rate-container{padding:12px 18px}.base-rate-container > h2{margin-top:0;padding-top:0}.rate-block{display:flex;justify-content:space-between;align-items:center;padding:11px 0}.rate-block > *:not(:last-child){margin-right:16px}.rate-block .icon{max-width:74px;min-width:64px;width:100%}.rate-block .base-currency{font-size:10px;color:#a7a7a7;margin-left:3px}.rate-block .rate-value{font-size:30px;font-weight:bold;white-space:nowrap;color:#333}.rate-block .item-title{font-size:13px;color:#616161;white-space:nowrap;margin:0;padding:0}.rate-block .item-title,.rate-block .rate-value{text-align:right}.base-rate-container .left-side,.base-rate-container .right-side{display:flex;align-items:center}.base-rate-container .right-side{justify-content:space-between;flex:1 0 auto;max-width:360px}.left-side > :first-child,.right-side > :first-child{padding-right:5%}.show-xs{display:none}.hide-xs{display:block}.full-currency-name{white-space:nowrap}@media only screen and (max-width: 300px){.show-xs{display:block}.hide-xs{display:none}.rate-block .rate-value{font-size:25px}.rate-block .item-title{font-size:12px}}@media only screen and (max-width: 480px){.show-xs{display:block}.hide-xs{display:none}.rate-block .rate-value{font-size:25px}.rate-block .item-title{font-size:12px}}@media only screen and (min-width: 480px) and (max-width: 768px){.show-xs{display:block}.hide-xs{display:none}.rate-block .rate-value{font-size:25px}.rate-block .item-title{font-size:12px}}