*,:after,:before{box-sizing:border-box;outline:none}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}footer,header,main,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{width:100%;font-family:"Arial",sans-serif;min-width:320px}body,html{height:100%}body{position:relative}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.Loader{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:hsla(0,0%,83.1%,.65);z-index:1}.Loader img{width:70px;height:70px;-webkit-animation:rotation 3.5s linear infinite;animation:rotation 3.5s linear infinite}.Header{font-size:20px;background-color:#0e6eb8;color:#fff}@media only screen and (min-width:600px){.Header{font-size:40px}}.Header .title{margin-left:20px}.Button{display:flex;padding:5px;cursor:pointer;background-color:hsla(0,0%,61.2%,.2)}.Button .text{display:none;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Button:hover{background-color:hsla(0,0%,61.2%,.5)}.Button.rotate>svg{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@media only screen and (min-width:600px){.Button .text{display:block}}.ControlBar{position:absolute;display:flex;align-items:center;width:inherit;max-width:inherit;top:0;background-color:gold}.ControlBar .searchInput{height:24px;margin-left:10px;padding:5px;border:1px solid #0e6eb8}.ControlBar .useRequest{margin-left:auto;font-size:16px;font-weight:700}.ControlBar .Button{margin-left:10px}.CurrencyItem{display:flex;flex-wrap:wrap;padding:10px 0;color:#585858;border-bottom:1px solid #0e6eb8}.CurrencyItem:last-of-type{border-bottom:0}.CurrencyItem--flag{width:45px;height:30px;margin-right:10px}.CurrencyItem--texts{margin-right:10px;overflow:hidden}.CurrencyItem--texts--countryName{margin-bottom:3px;font-size:14px;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.CurrencyItem--texts--currency{font-size:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.CurrencyItem--exchangeRates{display:flex;align-items:center;margin-left:auto}.CurrencyItem--exchangeRates--exchangeRate{display:flex;flex-direction:column;justify-content:center;min-width:100px;font-size:14px}.CurrencyItem--exchangeRates--exchangeRate--title{margin-bottom:4px;font-weight:700}.CurrencyItem--exchangeRates--exchangeRate--value{display:flex;align-items:center}.CurrencyItem--exchangeRates--exchangeRate--value--number{margin-left:10px}@media only screen and (min-width:600px){.CurrencyItem{flex-wrap:nowrap}.CurrencyItem--flag{width:70px;height:47px;margin-right:10px}.CurrencyItem--texts--countryName{margin-bottom:5px;font-size:20px}.CurrencyItem--texts--currency{font-size:16px}.CurrencyItem--exchangeRates--exchangeRate{min-width:130px;font-size:18px}.CurrencyItem--exchangeRates--exchangeRate--title{margin-bottom:4px}.CurrencyItem--exchangeRates--exchangeRate--value--number{margin-left:10px}}.App{min-height:100%;background-color:rgba(82,42,39,.1)}.App,.App--frame{position:relative;width:100%}.App--frame{max-width:900px;margin:0 auto}.App--frame .Header{padding:10px}.App--frame .ControlBar{padding:5px 10px}.App--frame .List{padding:0 10px}@media only screen and (min-width:600px){.App--frame .Header{padding:20px}.App--frame .ControlBar,.App--frame .List{padding:10px 20px}}#root{width:100%;height:100%}
/*# sourceMappingURL=main.f4dcbdd1.chunk.css.map */