@-o-viewport{width:device-width}@viewport{width:device-width}html{font-size:62.5%}#iframeContent{margin:0}.grid--exchange{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-bottom:3rem;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-areas:'tl tl'
 'dt dt'
 'rt rt'
 'ex ex';-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;grid-gap:1.5rem;font-family:"Roboto",sans-serif;font-size:1.8rem}.grid--exchange>div{justify-self:center}.grid--exchange .exchange__title{grid-area:tl}.grid--exchange .exchange__date{grid-area:dt}@media (max-width: 767px){.grid--exchange .exchange__date{text-align:center}.grid--exchange .exchange__date .exchange__date-inner{display:block}}.grid--exchange .exchange__rate{grid-area:rt}.grid--exchange .exchange__fromto{grid-area:ex;width:100%;display:grid;grid-gap:3rem;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center}@media (min-width: 1024px){.grid--exchange .exchange__fromto{grid-template-columns:1fr 10rem 1fr;grid-template-areas:'fr ar to'}}@media (max-width: 1023px){.grid--exchange .exchange__fromto{grid-template-columns:1fr;grid-template-areas:'fr'
 'ar'
 'to'}}.grid--exchange .exchange__to{grid-area:to}.grid--exchange .exchange__rate{display:grid;-webkit-justify-content:center;justify-content:center;grid-auto-flow:column;grid-gap:0.5rem}.grid--exchange input{width:calc(100% - 3rem);border-width:0;background-color:#eee;outline:0;padding:1rem;text-align:right}.grid--exchange .exchange__from{grid-area:fr;max-width:30rem;display:grid;grid-template-columns:auto auto;border-bottom-width:0.1rem;border-bottom-style:solid;border-bottom-color:#bbb;background-color:#eee}@media (min-width: 1024px){.grid--exchange .exchange__from{justify-self:end}}@media (max-width: 1023px){.grid--exchange .exchange__from{justify-self:center}}.grid--exchange .exchange__to{grid-area:to;max-width:30rem;display:grid;grid-template-columns:auto auto;border-bottom-width:0.1rem;border-bottom-style:solid;border-bottom-color:#bbb;background-color:#eee}@media (min-width: 1024px){.grid--exchange .exchange__to{justify-self:start}}@media (max-width: 1023px){.grid--exchange .exchange__to{justify-self:center}}.grid--exchange .exchange__arrows{grid-area:ar;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center}.grid--exchange .exchange__arrows svg path{transition:0.3s all ease-in-out}.grid--exchange .exchange__arrows:hover,.grid--exchange .exchange__arrows:active{cursor:pointer}.grid--exchange select{padding:1rem;height:100%;border-width:0;background-color:#d5d5d5;outline:0;color:#000;opacity:1}.grid--exchange--euro .exchange__from,.grid--exchange--euro .exchange__to{position:relative}.grid--exchange--euro .exchange__from::after,.grid--exchange--euro .exchange__to::after{content:'';position:absolute;top:0;right:0;height:100%;width:1.5rem;background-color:#d5d5d5;z-index:1}.grid--exchange .exchange__title{text-transform:uppercase}.grid--exchange .exchange__date{font-size:1.2rem;line-height:1.8rem}.grid--exchange input{font-size:2rem}.grid--exchange select{font-size:1.6rem}.grid--exchange .exchange__arrows{font-size:3.6rem}.grid--exchange .exchange__arrows svg path{fill:#aaa}.grid--exchange .exchange__arrows:hover svg path,.grid--exchange .exchange__arrows:active svg path{fill:#777}@media (max-width: 1023px){.grid--exchange .exchange__arrows--desk{display:none}}@media (min-width: 1024px){.grid--exchange .exchange__arrows--mob{display:none}}