@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);*{font-family:"Inter",sans-serif}h1{color:var(--text-primary);margin-bottom:.3em}h1,h2{font-size:24px}h2{color:var(--text-secondary-alt);margin-top:32px;margin-bottom:16px}h3{font-size:14px;color:var(--text-secondary)}p,span{font-size:12px}@media (min-width:600px){h1{font-size:28px}}body{--background:#fff;--top-background-pattern:#f5f7ff;--card-background:#f0f2fa;--text-secondary:#63687e;--text-primary:#1e202a;--text-secondary-alt:#63687e;--text-link:#3398e1;--card-background-hover:#e0e2f0;--toggle-background:#afb4ca;--toggle-handle:#f0f3fa;--toggle-gradient-start:#3398e1;--toggle-gradient-end:#4cc892;--trend-up:#1db489;--trend-down:#dc414c}.App.dark{--background:#2c2d30;--top-background-pattern:#1f212e;--card-background:#252a41;--text-secondary:#8b97c6;--text-primary:#fff;--text-secondary-alt:#fff;--text-link:#4cc892;--card-background-hover:#333a57}:root{color-scheme:light dark}*{box-sizing:border-box;margin:0;padding:0}.App{background:var(--background);flex-direction:column;padding:24px;min-height:100vh}.App,.container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;-webkit-align-items:center;align-items:center}.container{width:100%;flex-direction:column;-webkit-flex:1 1;flex:1 1}section{width:100%}.card-section{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(200px,1fr);-webkit-justify-content:space-between;justify-content:space-between}@media (min-width:600px){.card-section{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,minmax(200px,1fr));-webkit-justify-content:space-between;justify-content:space-between}}@media (min-width:1080px){.container{max-width:1080px}.toggle{width:140px}.card-section{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,minmax(200px,1fr));-webkit-justify-content:space-between;justify-content:space-between}}.Header{width:100%}hr{margin:24px 0 18px}.sub-heading{font-size:14px;font-weight:700;color:var(--text-secondary)}@media (min-width:660px){hr{display:none}.Header{display:grid;grid-template-columns:1fr 140px;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:32px}}button.toggle{border:0;padding:0;background:transparent}.toggle:focus{outline:0}.toggle{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%;position:relative;margin-bottom:1em;cursor:pointer}.toggle-label{font-size:14px;font-weight:700;color:var(--text-secondary-alt)}.toggle-display{--offset:0.25em;--diameter:1.8em;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;width:calc(var(--diameter)*2 + var(--offset)*2);height:calc(var(--diameter) + var(--offset)*2);box-sizing:content-box;border:.1em solid rgb(0 0 0/.2);position:relative;border-radius:100vw;background:linear-gradient(45deg,var(--toggle-gradient-start),var(--toggle-gradient-end));transition:.25s;cursor:pointer}.toggle-display:before{content:"";width:var(--diameter);height:var(--diameter);border-radius:50%;box-sizing:border-box;border:.1 solid rgb(0 0 0/.2);position:absolute;z-index:2;top:50%;left:auto;right:var(--offset);-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--toggle-handle);transition:inherit}.toggle-input{position:absolute;opacity:0;width:100%;height:100%}.toggle:focus .toggle-display{outline:1px dotted #212121;outline:1px auto -webkit-focus-ring-color}.toggle:focus:not(:focus-visible) .toggle-display{outline:0}.toggle[aria-pressed=true] .toggle-display:before{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.toggle[aria-pressed=false] .toggle-display:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.toggle[disabled] .toggle-display{opacity:.6;-webkit-filter:grayscale(40%);filter:grayscale(40%);cursor:not-allowed}.toggle-icon{display:inline-block;width:1em;height:1em;color:#fff;fill:currentcolor;vertical-align:middle}.toggle-icon-cross{font-size:85%}.FollowerCard{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%;height:216px;border-radius:5px;background:var(--card-background)}.FollowerCard:hover{background:var(--card-background-hover)}.facebook{border-top:4px solid #198ff5}.twitter{border-top:4px solid #1ca0f2}.instagram{background-image:linear-gradient(var(--card-background),var(--card-background)),radial-gradient(circle at top left,#fdc468,#df4996)}.instagram,.instagram:hover{border-top:4px solid transparent;background-origin:border-box;background-clip:content-box,border-box}.instagram:hover{background-image:linear-gradient(var(--card-background-hover),var(--card-background-hover)),radial-gradient(circle at top left,#fdc468,#df4996)}.youtube{border-top:4px solid #c4032a}.handle{font-weight:700;color:var(--text-secondary)}.FollowerCard header{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.FollowerCard .social-icon{margin-right:8px}.follower-count{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.statistic{font-size:56px;font-weight:700;color:var(--text-primary)}.followers{font-size:12px;letter-spacing:.6em;color:var(--text-secondary)}.MetricCard{width:100%;height:125px;padding:20px 32px 26px 24px;background:var(--card-background);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.MetricCard:hover{background:var(--card-background-hover)}.MetricCard header{-webkit-align-items:center;align-items:center;margin-top:0}.MetricCard div,.MetricCard header{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.MetricCard div{-webkit-align-items:baseline;align-items:baseline}.prominent{font-size:32px;font-weight:700;color:var(--text-primary)}.social-icon{width:20px;height:20px}.trend-icon{margin-right:4px}.trend{font-weight:700}.up{color:var(--trend-up)}.down{color:var(--trend-down)}footer{width:100%;margin-top:24px}.attribution{font-size:11px;text-align:center;color:var(--text-primary)}.attribution a{color:var(--text-link)}
/*# sourceMappingURL=main.53e97259.chunk.css.map */