:root{--limegreen:#1db489;--brightred:#dc414c;--facebook:#198ff5;--twitter:#1ca0f2;--instagram-start:#fdc468;--instagram-middle:#ee867c;--instagram-end:#df4996;--youtube:#c4032a;--toggle-bg-start:#378fe6;--toggle-bg-end:#3eda82;--toggle-light:#868cac;--dark-bg:#1e202a;--dark-top-bg:#1f212e;--dark-card:#252a41;--dark-card-hover:#343b56;--dark-text1:#8b97c6;--dark-text2:#fff;--light-bg:#fff;--light-top-bg:#f5f7ff;--light-card:#f0f2fa;--light-card-hover:#e0e4f0;--light-text1:#63677e;--light-text2:#1e202a}@media (prefers-color-scheme:dark){:root{--background:var(--dark-bg);--text-color:var(--dark-text2);--text-color2:var(--dark-text1);--card-bg:var(--dark-card);--card-hover:var(--dark-card-hover);--toggle:var(--light-bg);--toggle-bg:linear-gradient(225deg,var(--toggle-bg-start) 0%,var(--toggle-bg-end) 98.02%);--toggle-button:var(--dark-bg)}}body.light{--background:var(--light-bg);--text-color:var(--light-text2);--text-color2:var(--light-text1);--card-bg:var(--light-card);--card-hover:var(--light-card-hover);--toggle:var(--toggle-light);--toggle-bg:var(--dark-text1);--toggle-button:var(--light-bg)}body.dark{--background:var(--dark-bg);--text-color:var(--dark-text2);--text-color2:var(--dark-text1);--card-bg:var(--dark-card);--card-hover:var(--dark-card-hover);--toggle:var(--light-bg);--toggle-bg:linear-gradient(225deg,var(--toggle-bg-start) 0%,var(--toggle-bg-end) 98.02%);--toggle-button:var(--dark-bg)}:root{--font-inter:"Inter",sans-serif}html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background:var(--background);color:var(--text-color);font-family:var(--font-inter);margin:0;padding:0}h1,h2,h3{line-height:1.1;margin-top:0}h1{font-size:1.5rem;margin-bottom:.1875rem}@media (min-width:71.875em){h1{font-size:1.75rem}}h2{font-size:1.5rem;margin-bottom:1.5rem}a,a:active,a:visited{text-decoration:none}.container{margin:0 auto 2.875rem;max-width:69.375rem;padding:0 1.5625rem}@media (min-width:71.875em){.container{padding:0}}.attribution{margin-bottom:.9375rem;padding:.3125rem}.header{display:flex;flex-wrap:wrap;margin-top:2.25rem}@media (min-width:40em){.header{align-items:center;display:flex;justify-content:space-between}}.header__title{width:100%}@media (min-width:40em){.header__title{width:auto}}.header__subtitle{color:var(--text-color2);font-size:.875rem;font-weight:700}.toggle{align-items:center;border:none;display:grid;gap:.3rem .5rem;grid-template-columns:90px -webkit-max-content;grid-template-columns:90px max-content;margin:0;position:relative}.toggle legend{color:var(--toggle);font-weight:700;grid-column:1/2;left:0;margin:0;padding:0;position:absolute;top:1}.toggle__wrapper{grid-column:2/3;height:1.5rem;position:relative;width:3.75rem}.toggle input[type=radio]{height:1.5rem;margin:0 -.125rem;opacity:0;position:relative;top:.03125rem;width:1.25rem;width:50%;z-index:1}.toggle input[type=radio]:focus~.toggle__button{border:2px solid #fff}.toggle__background{background:var(--toggle-bg);border-radius:.75rem;border-radius:12px;display:block;height:100%;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.toggle__button{background-color:var(--toggle-button);border-radius:50%;height:1.125rem;left:.1875rem;position:absolute;top:.1875rem;transition:all .15s ease-in-out;width:1.125rem}.toggle #light:checked~.toggle__button{left:calc(100% - 21px);right:.1875rem}.cards{grid-gap:1.875rem;display:grid}@media (min-width:40em){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:71.875em){.cards{grid-template-columns:repeat(4,1fr)}}.card{background-color:var(--card-bg);border-radius:.3125rem;color:var(--text-color2);cursor:pointer;flex:1;overflow:hidden;padding:1.5625rem;position:relative;text-align:center;transition:background-color .15s ease-in-out}.card:hover{background-color:var(--card-hover)}.card--facebook{border-top:.3125rem solid var(--facebook)}.card--twitter{border-top:.3125rem solid var(--twitter)}.card--instagram{border-top:none;padding-top:1.875rem}.card--instagram:before{background:red;background:linear-gradient(225deg,var(--instagram-end) 0,var(--instagram-middle) 50.91%,var(--instagram-start) 100%);content:"";height:.3125rem;left:0;position:absolute;top:0;width:100%}.card--youtube{border-top:.3125rem solid var(--youtube)}.card__icon{margin-right:.5rem}.card__subtitle{font-size:.875rem;font-weight:700;text-transform:capitalize}.card__platform{align-items:center;display:flex;height:1.25rem;justify-content:center;margin-bottom:1.75rem}.card__username{color:var(--dark-text1);font-size:.75rem;font-weight:700}.card__followers{margin-bottom:1.5625rem}.card__count{color:var(--text-color);font-weight:700;letter-spacing:-.125rem;line-height:1;margin-bottom:.25rem}.card__count--big{font-size:3.5rem}.card__count--small{font-size:2rem}.card__label{color:var(--text-color2);font-size:.75rem;letter-spacing:.3125rem;text-transform:uppercase}.card__change{align-items:center;display:flex;font-size:.75rem;font-weight:700;justify-content:center}.card__change--up{color:var(--limegreen)}.card__change--down{color:var(--brightred)}.card__change img{margin-right:.25rem}.card-grid{align-items:center;display:grid;gap:1.4375rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,-webkit-min-content);grid-template-rows:repeat(2,min-content);justify-items:start}.card-grid .card__change,.card-grid img{justify-self:end}.card-grid .card__count{margin-bottom:0}.card-grid .card__change,.card-grid .card__count{align-self:flex-end}
/*# sourceMappingURL=style.css.map */