:root{--limegreen:#1db489;--brightred:#dc414c;--facebook:#198ff5;--twitter:#1ca0f2;--instagram-start:#fdc468;--instagram-middle:#ee867c;--instagram-end:#df4996;--youtube:#c4032a;--toggle-bg-light:#aeb3cb;--toggle-bg-start:#378fe6;--toggle-bg-end:#3eda82;--toggle-light:#868cac;--toggle-button-light:#f0f2f9;--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;--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(--toggle-bg-light);--toggle-button:var(--toggle-button-light);--background-top:var(--light-top-bg)}@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-end) 0%,var(--toggle-bg-start) 98.02%);--toggle-button:var(--dark-bg);--background-top:var(--dark-top-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(--toggle-bg-light);--toggle-button:var(--toggle-button-light);--background-top:var(--light-top-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-end) 0%,var(--toggle-bg-start) 98.02%);--toggle-button:var(--dark-bg);--background-top:var(--dark-top-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;min-width:20rem;padding:0}.container{margin:0 auto;max-width:69.375rem;padding:0 .9375rem}main{position:relative}main:before{background:var(--background-top);border-radius:0 0 1.25rem 1.25rem;content:"";height:12.5rem;left:0;position:absolute;right:0;top:0;z-index:-1}h1,h2,h3{line-height:1.1;margin-top:0}h1{font-size:1.5rem;margin-bottom:.625rem}@media (min-width:1024px){h1{font-size:1.75rem}}h2{font-size:1.5rem;margin-bottom:1.5rem}a,a:active,a:visited{text-decoration:none}.header{display:flex;flex-wrap:wrap;padding:1.25rem 0 1.875rem}@media (min-width:768px){.header{align-items:center;justify-content:space-between}}.header__title{width:100%}@media (min-width:768px){.header__title{width:auto}}.header__subtitle{color:var(--text-color2);display:block;font-size:.875rem;font-weight:700;line-height:1.28}.toggle{grid-gap:.1875rem .5rem;border:0;display:grid;grid-template-columns:auto 2.75rem;margin:0 0 0 auto;padding:0}@media (min-width:768px){.toggle{margin-left:0}}.toggle__mode{align-self:center;color:var(--toggle);font-size:.875rem;font-weight:700;grid-column:1/2}.toggle__wrapper{grid-column:2/3;height:1.5rem;overflow:hidden;position:relative}.toggle__wrapper input[type=radio]{cursor:pointer;height:1.5rem;margin:0 -.125rem;opacity:0;width:50%}.toggle__wrapper input[type=radio]#light:checked~.toggle__button{left:calc(100% - 1.3125rem);right:.1875rem}.toggle__wrapper input[type=radio]:focus~.toggle__button{border:.125rem solid #fff}.toggle__background{background:var(--toggle-bg);border-radius:.75rem;display:block;height:100%;pointer-events:none;position:absolute;top:0;transition:background .25s ease-in-out;width:100%}.toggle__button{background:var(--toggle-button);border-radius:50%;cursor:pointer;height:1.125rem;left:.1875rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .25s ease-in-out;width:1.125rem}.cards{display:grid;gap:1.875rem;grid-template-columns:1fr;margin-bottom:2.5rem}@media (min-width:768px){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cards{grid-template-columns:repeat(4,1fr)}}.card{background:var(--card-bg);border-radius:.3125rem;color:var(--text-color2);cursor:pointer;overflow:hidden;padding:1.5625rem;position:relative;transition:background .3s ease-in-out}.card:before{content:"";height:.3125rem;left:0;position:absolute;right:0;top:0}.card:hover{background:var(--card-hover)}.card--facebook:before{background:var(--facebook)}.card--twitter:before{background:var(--twitter)}.card--instagram:before{background:linear-gradient(225deg,var(--instagram-end) 0,var(--instagram-middle) 50%,var(--instagram-start) 98.02%)}.card--youtube:before{background:var(--youtube)}.card__top{align-items:center;height:1.25rem;justify-content:center;margin-bottom:1.75rem}.card__bottom,.card__top{display:flex;flex-wrap:wrap}.card__bottom{align-items:flex-end;justify-content:space-between}.card__icon{margin-right:.625rem}.card__username{font-size:.75rem;font-weight:700}.card__subtitle{font-size:.875rem;font-weight:700}.card__followers{line-height:1;margin-bottom:1.5625rem;text-align:center;text-transform:uppercase}.card__count{color:var(--text-color);font-weight:700;margin-bottom:.625rem}.card__count--big{font-size:3.5rem}.card__count--small{font-size:2rem;line-height:1;margin:0}.card__label{color:var(--text-color2);font-size:.75rem;letter-spacing:.3125rem}.card__change{align-items:center;display:flex;flex-wrap:wrap;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:.3125rem}.card--overview:before{display:none}.card--overview .card__top{justify-content:space-between}footer{margin-bottom:1.875rem}footer a{color:var(--limegreen)}footer a:hover{text-decoration:underline}
/*# sourceMappingURL=style.css.map */