html{font-size:100%}*,:after,:before,html{box-sizing:border-box}body{background:var(--background);color:var(--text2);font-family:var(--font-inter);margin:0;padding:0}.container{margin:0 auto 2.875rem;max-width:69.375rem;padding:0 1.5625rem}@media (min-width:70em){.container{padding:0}}h1,h2,h3{margin:0}h1{font-size:1.75rem;line-height:1.1}h2{font-size:1.5rem;margin-bottom:1.5rem}a,a:active,a:visited{text-decoration:none}:root{--lime-green:#1db489;--bright-red:#dc414c;--facebook:#198ff5;--twitter:#1ca0f2;--instagram-start:#fdc468;--instagram-middle:#ee867c;--instagram-end:#df4996;--youtube:#c4032a;--toggle:#aeb3cb;--toggle-start:#378fe6;--toggle-end:#3eda82;--background:#1e202a;--dark-topbg:#1f212e;--cardbg:#252a41;--text1:#8b97c6;--text2:#fff;--text-heading:#fff;--card-hover:#343b56;--horizontal-line:#37394e}[data-theme=light]{--lime-green:#1db489;--bright-red:#dc414c;--facebook:#198ff5;--twitter:#1ca0f2;--instagram-start:#fdc468;--instagram-middle:#ee867c;--instagram-end:#df4996;--youtube:#c4032a;--toggle:#aeb3cb;--toggle-start:#adb1cd;--toggle-end:#adb1cd;--background:#fff;--light-topbg:#f5f7ff;--cardbg:#f0f3fa;--text1:#63687e;--text2:#1e202a;--text-heading:#63687e;--card-hover:#e0e2f0;--color-light:#20232c;--horizontal-line:#8a8d9e}:root{--font-inter:"Inter",sans-serif}.header{margin-top:2.25rem}@media (min-width:40em){.header{align-items:center;display:flex;justify-content:space-between}}.header__title{margin-bottom:1.6875rem}.header__subtitle{color:var(--text1);font-size:.875rem;font-weight:500}.header__toggle{display:flex;gap:.75rem;justify-content:space-between}@media (max-width:39.9375em){.header__toggle{padding:30px 0}.horizontal-line{background:var(--horizontal-line);height:.0625rem;width:100%}}.card-container{grid-gap:1.875rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}.card-design{background:var(--cardbg);border-radius:.3125rem;color:var(--text1);padding:1.5625rem;text-align:center}.card-design:hover{background-color:var(--card-hover);cursor:pointer}.card{display:flex;flex-direction:column;overflow:hidden;place-content:center;position:relative;text-align:center}.card--one{border-top:.25rem solid var(--facebook)}.card--two{border-top:.25rem solid var(--twitter)}.card--three:before{background:linear-gradient(255deg,var(--instagram-end) 0,var(--instagram-middle) 50.91%,var(--instagram-start) 100%);content:"";display:block;height:.25rem;left:0;position:absolute;top:0;width:100%}.card--four{border-top:.25rem solid var(--youtube)}.card__handles{align-items:center;display:flex;place-content:center}.card__handles__img{margin-right:.5rem}.card__handles__uname{font-size:.75rem;font-weight:700}.card__count{margin:1.75rem 0 1.5625rem}.card__count__heading{color:var(--text2);font-size:3.5rem;letter-spacing:-.125rem;line-height:1;margin-bottom:.1875rem}.card__count__text{font-size:.75rem;font-weight:400;letter-spacing:.3125rem;text-transform:uppercase}.card__change{align-items:center;color:var(--lime-green);display:flex;font-size:.75rem;font-weight:700;place-content:center}.card__change__arrow{margin-right:.25rem}.card__change__textred{color:var(--bright-red)}.card--baseline{align-self:baseline}.toggle{border:none}.toggle label{align-self:center;color:var(--text1);font-weight:400}.toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(225deg,var(--toggle-end) 0,var(--toggle-start) 98.02%);border:none;border-radius:3.125rem;height:1.5rem;outline:none;position:relative;transition:all .15s ease-in-out;width:3rem}.toggle input[type=checkbox]:before{background-color:var(--background);border-radius:50%;bottom:0;content:"";height:1.125rem;left:.1875rem;position:absolute;top:.1875rem;transition:all .15s ease-in-out;width:1.125rem}.toggle input[type=radio]:checked{background:linear-gradient(225deg,var(--toggle-end) 0,var(--toggle-start) 98.02%)}.toggle input[type=checkbox]:checked:before{background:var(--background);transform:translate(125%);transition:all .15s ease-in-out}.stat--heading{color:var(--text-heading)}.overview__views{align-items:center;display:flex;font-weight:700;justify-content:space-between}.overview__views--text{font-size:.875rem}.overview__arrnum{display:flex;font-weight:700;justify-content:space-between}.overview__arrnum--vnum{align-self:baseline;color:var(--text2);font-size:1.5625rem;margin-top:1.4375rem}.overview__arrnum img{margin-right:.25rem}
/*# sourceMappingURL=style.css.map */