:root{--clr-primary-100:#f2f2f2;--clr-primary-200:#e6e6e6;--clr-primary-300:#757575;--clr-primary-400:#303740;--clr-primary-700:#1c242b;--clr-fail:#eb4542;--clr-success:#309c6a;--clr-accent:#0073e6;--ff-primary:"Open Sans",sans-serif}*,:after,:before{box-sizing:border-box}body{background-color:#1c242b;background-color:var(--clr-primary-700);color:#f2f2f2;color:var(--clr-primary-100);font-family:"Open Sans",sans-serif;font-family:var(--ff-primary)}body,ul{margin:0}ul{list-style:none;padding:0}.area{background-color:#e6e6e6;background-color:var(--clr-primary-200);border-radius:.5em;color:#1c242b;color:var(--clr-primary-700);padding:1em}.area:not(:last-of-type){margin-bottom:1em}.btn{background-color:#757575;background-color:var(--clr-primary-300);border:none;border-radius:.25em;color:#fff;cursor:pointer;font-weight:700;padding:.5em}.btn.active,.btn:focus-visible,.btn:hover{background-color:#0073e6;background-color:var(--clr-accent)}.text--fail{color:#eb4542;color:var(--clr-fail)}.text--success{color:#309c6a;color:var(--clr-success)}h1{color:gold;margin-block:.5rem;text-align:center}.container{margin-bottom:1em;margin-inline:auto;width:95%}@media screen and (min-width:40.01em){h1{margin-block:revert}.container{width:min(80%,72em)}}.arrow{margin-right:.25em}.buttons{display:-webkit-flex;display:flex;grid-gap:.5em;gap:.5em;margin-bottom:.5em;position:relative}.dropdown__toggle{padding-right:1em}.dropdown__toggle:after{border-top:.375em solid #fff;border-right:.375em solid transparent;border-left:.375em solid transparent;content:"";position:relative;left:.5em;top:.75em;width:0;height:0}.dropdown__menu{background-color:#f2f2f2;background-color:var(--clr-primary-100);border:1px solid rgba(0,0,0,.2);display:none;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(12,auto);grid-auto-flow:column;position:absolute;top:1.75em}.dropdown__menu.show{display:grid}.dropdown__item{color:var(--clr-primary-900);padding:.5em 1em;text-decoration:none;text-decoration:initial}.dropdown__item:focus,.dropdown__item:hover{background-color:rgba(0,0,0,.2)}.coin-list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:.5em;gap:.5em}.coin-list__link{-webkit-align-items:center;align-items:center;background-color:#f2f2f2;background-color:var(--clr-primary-100);border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2);color:#000;color:initial;display:grid;grid-gap:0 .5em;gap:0 .5em;grid-template-areas:"image price percentage close" "name  price percentage close";grid-template-rows:auto auto;grid-template-columns:3em 1fr auto auto;justify-items:center;padding:1em;text-decoration:none;text-decoration:initial}@media screen and (min-width:40.01em){.coin-list__link{grid-gap:1em;gap:1em;grid-template-areas:"image name price percentage close";grid-template-rows:auto;grid-template-columns:auto 1fr 1fr auto auto;justify-items:start}}.coin-list__link:focus,.coin-list__link:hover{background-color:rgba(0,0,0,.2)}.coin-list__image{grid-area:image;width:3em;height:auto}.coin-list__name{grid-area:name;font-size:.75rem;text-align:center}@media screen and (min-width:40.01em){.coin-list__name{font-size:1rem;text-align:left}}@media screen and (max-width:40em){.coin-list__symbol{display:none}}.coin-list__price{grid-area:price}.coin-list__percentage{grid-area:percentage}.coin-list__delete{color:#303740;color:var(--clr-primary-400);grid-area:close;padding:.5em;visibility:hidden}@media screen and (max-width:40em){.coin-list__delete{visibility:visible}}.coin-list__link:focus .coin-list__delete,.coin-list__link:hover .coin-list__delete{visibility:visible}.coin-list__delete:focus,.coin-list__delete:hover{color:#eb4542;color:var(--clr-fail)}#myChart{height:420px}@media screen and (min-width:40.01em){#myChart{height:600px}}.chart__footer{display:grid;grid-template-columns:1fr 1fr;margin-top:1em}.chart__data{grid-gap:1em;gap:1em}.chart__button-group,.chart__data{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.chart__button-group{grid-gap:.5em;gap:.5em;-webkit-justify-content:flex-end;justify-content:flex-end}.data{display:grid;grid-template-columns:1fr;grid-gap:0 1em;gap:0 1em}.data__item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:.5em;gap:.5em;padding:1em}.data__title{font-size:.75rem;font-weight:700}@media screen and (max-width:40em){.data__item:nth-child(-n+5){border-bottom:1px solid rgba(0,0,0,.3)}}@media screen and (min-width:40.01em){.data{grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.data__item:nth-child(odd){border-bottom:1px solid rgba(0,0,0,.3)}}
/*# sourceMappingURL=main.dd12f409.chunk.css.map */