:root{--Lime-Green:#1db489;--Bright-Red:#dc414c;--Facebook:#198ff5;--Twitter:#1ca0f2;--Instagram:linear gradient #fdc468 to #df4996;--YouTube:#c4032a;--Toggle:#aeb3cb}*,:after,:before{box-sizing:border-box}html{--Background-1:#fff;--Background-2:#f5f7ff;--Background-3:#f0f2fa;--Text-2:#63687e;--Text-1:#1e202a;height:100%;width:100%}html[data-theme=dark]{--Background-1:#1e202a;--Background-2:#1f212e;--Background-3:#252a41;--Text-2:#8b97c6;--Text-1:#fff;--Toggle:linear-gradient(90deg,#378fe6,#3eda82)}body{min-height:100%;min-width:100%;margin:0;padding:2rem 1rem;font-family:Inter,sans-serif;font-size:.875rem;display:flex;flex-direction:column;align-items:center;background:#fff;background:var(--Background-1);position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:30%;background:#f5f7ff;background:var(--Background-2)}h1,h2,h3,input,p{margin:0;padding:0}.main{z-index:100;width:100%;max-width:68.75rem}.main__wrapper{display:grid;grid-gap:2.5rem;gap:2.5rem}.gui-switch{--track-size:3rem;--thumb-size:calc(var(--track-size)/2);--translate:0%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;color:#63687e;color:var(--Text-2)}.gui-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--thumb-size);width:var(--track-size);background:#aeb3cb;background:var(--Toggle);border-radius:var(--track-size);box-sizing:content-box;padding:3px;cursor:pointer;flex-shrink:0;display:grid;align-items:center;grid:[track] 1fr/[track] 1fr}.gui-switch input:before{content:"";height:var(--thumb-size);width:var(--thumb-size);border-radius:100%;background-color:#fff;background-color:var(--Background-1);transform:translateX(var(--translate));transition:transform .3s ease-in-out}.gui-switch input:checked:before{transform:translateX(100%)}.header{width:100%;max-width:68.75rem;z-index:100;margin-bottom:2rem}@media (min-width:600px){.header__wrapper{display:flex;justify-content:space-between;align-items:center}}.header__heading{border-bottom:1px solid #63687e;border-bottom:1px solid var(--Text-2);padding-bottom:1rem;display:grid;grid-gap:.25rem;gap:.25rem}@media (min-width:600px){.header__heading{border:none}}.header__heading h1{font-size:1.5rem;font-weight:700;color:#1e202a;color:var(--Text-1)}@media (min-width:600px){.header__heading h1{font-size:2rem;letter-spacing:.5px}}.header__heading span{color:#63687e;color:var(--Text-2);font-weight:700}.header__switch{margin-top:1rem;margin-bottom:1rem}.header__switch label{display:flex;justify-content:space-between;grid-gap:2rem;gap:2rem;align-items:center}.summary{display:grid;grid-gap:1rem;gap:1rem;width:100%}@media (min-width:600px){.summary{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.summary{grid-template-columns:repeat(4,1fr)}}.summary__item{display:flex;flex-direction:column;align-items:center;padding-top:1.5rem;padding-bottom:1.5rem;width:100%;background-color:#f0f2fa;background-color:var(--Background-3);border-radius:5px;border-top:4px solid #198ff5;border-top:4px solid var(--Facebook);position:relative;cursor:pointer}.summary__item:hover{background-color:#f5f7ff;background-color:var(--Background-2)}.summary__item-twitter{border-color:#1ca0f2;border-color:var(--Twitter)}.summary__item-instagram{border:none}.summary__item-instagram:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#fdc468,#df4996)}.summary__item-youtube{border-color:#c4032a;border-color:var(--YouTube)}.summary__item .username{display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem}.summary__item .username span{color:#63687e;color:var(--Text-2);font-weight:700}.summary__item .followers{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3.5rem;font-weight:700;padding-top:1.25rem;padding-bottom:1.25rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#1e202a;color:var(--Text-1)}.summary__item .followers span{font-size:.875rem;font-weight:400;letter-spacing:5px;color:#63687e;color:var(--Text-2)}.summary__item .today{color:#1db489;color:var(--Lime-Green);display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-weight:700}.summary__item .today-down{color:red}.stats{display:grid;grid-gap:2rem;gap:2rem}.stats__header{color:#1e202a;color:var(--Text-1);letter-spacing:.5px}.stat{display:grid;grid-gap:1rem;gap:1rem}@media (min-width:600px){.stat{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.stat{grid-template-columns:repeat(4,1fr)}}.stat__item{width:100%;background-color:#f0f2fa;background-color:var(--Background-3);padding:1rem 1.5rem;border-radius:5px;display:grid;grid-gap:1rem;gap:1rem;cursor:pointer;transition:all .3s ease-in-out}@media (min-width:600px){.stat__item{grid-gap:1.5rem;gap:1.5rem}}.stat__item:hover{background-color:#f5f7ff;background-color:var(--Background-2)}.stat__view{display:flex;justify-content:space-between;align-items:center}.stat__view h3{font-size:.875rem;font-weight:400;color:#63687e;color:var(--Text-2)}@media (min-width:600px){.stat__view h3{font-weight:700}}.stat__count{display:flex;justify-content:space-between;align-items:center}.stat__count div{font-size:1.5rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#1e202a;color:var(--Text-1)}@media (min-width:600px){.stat__count div{font-size:2.5rem}}.stat__count span{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;color:#1db489;color:var(--Lime-Green)}.stat__count span.down{color:#dc414c;color:var(--Bright-Red)}
/*# sourceMappingURL=/src.91da1b3c.css.map */