:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;margin:0;padding:1em;min-width:320px}header{background:#222;color:#fff;padding:1em;text-align:center;border-radius:1em;box-shadow:0 0 1em #0000001a}header h3{margin:0}.loading{text-align:center}.top-crypto{width:100%;max-width:50em;margin:2em auto;border-radius:.5em;overflow:hidden;box-shadow:0 0 3em #0000000d}.top-crypto th button{background:#222;padding:1em;color:#fff;font-weight:700;width:100%;font-size:.9em;cursor:pointer;border:none}.top-crypto th button span{padding-left:.5em}.top-crypto th{width:16.7%;white-space:nowrap}.top-crypto th button{text-align:left}.top-crypto th.price{width:33%}.top-crypto th.price button,.top-crypto th.change button{text-align:center}.top-crypto th button .icon{padding-left:.5em}.top-crypto th button:hover{background:#555}.top-crypto a{font-weight:700;text-decoration:none;color:#0072af}.top-crypto a:hover{text-decoration:underline;color:#0892dc}.top-crypto .usd-price{text-align:center;margin:0 0 .25em}.top-crypto tr:nth-child(2n){background-color:#0000000d}.top-crypto td{padding:.5em;vertical-align:middle}.top-crypto .converted-currencies{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;border-style:none;padding:0;margin:0;font-size:.75em}.top-crypto .converted-currencies li{display:flex;flex-direction:column;align-items:center;border:1px solid rgba(0,0,0,.1);padding:0 .25em}.top-crypto td.change{text-align:right}.top-crypto td.change--pos{color:#090}.top-crypto td.change--neg{color:#c00}.fade-in{animation:fadeIn .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}