@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);.header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0 2.5rem}@media (max-width:1100px){.header{flex-direction:column;max-width:326px;padding:0 0 1.5rem}}.header .group__left .border-bottom{width:100%;height:1px;background-color:#fff;margin:2rem 0 1rem;display:none}@media (max-width:1100px){.header .group__left .border-bottom{display:block}}.header .group__left .title{font-size:28px}@media (max-width:1100px){.header .group__left .title{font-size:24px}}.header .group__left .total-followers{font-weight:900}@media (max-width:1100px){.header .group__left{width:100%}}.header .group__right{display:flex;align-items:center}@media (max-width:1100px){.header .group__right{width:100%;justify-content:space-between}}.header .group__right .mode__group{transition:all .3s;padding-right:.5rem;font-weight:900}.main_row{display:grid;grid-template-columns:repeat(4,255px);place-content:center center}@media (max-width:1100px){.main_row{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-bottom:2rem}}.main_row>:not(:last-child){margin-right:1rem}@media (max-width:1100px){.main_row>:not(:last-child){margin:0}}.main_row .card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-width:255px;height:216px;border-radius:5px;padding-bottom:2rem}@media (max-width:1100px){.main_row .card{margin:.75rem auto;max-width:326px;width:100%;padding-bottom:0}}.main_row .card>*{pointer-events:none}@media (max-width:1100px){.main_row .card>*{margin-bottom:1rem}}.main_row .card .color__bar{align-self:flex-start;width:100%;height:4px;border-radius:5px 5px 0 0}.main_row .card .color__bar.facebook{background:#198ff5}.main_row .card .color__bar.twitter{background:#1ca0f2}.main_row .card .color__bar.ig{background:linear-gradient(90deg,#fdc468,60%,#df4996)}.main_row .card .color__bar.yt{background:#c4032a}.main_row .card .card__name{display:flex;align-items:center}.main_row .card .card__name .icon{padding-right:.5rem}.main_row .card .card__name .name{font-size:12px;font-weight:700}@media (max-width:1100px){.main_row .card .card__number{padding-bottom:.5rem}}.main_row .card .card__number .number{font-size:56px;letter-spacing:-2px}.main_row .card .card__number .count-type{text-transform:uppercase;font-size:12px;letter-spacing:5px;padding-left:10px}.main_row .card .card__trending{display:flex;align-items:center;font-weight:700;font-size:12px}.main_row .card .card__trending.upTrend{color:#1eb589}.main_row .card .card__trending.downTrend{color:#dc414c}.main_row .card .card__trending .trendir-icon{padding-right:5px}.overview{display:flex;flex-direction:column;width:100%}@media (max-width:1100px){.overview{max-width:375px}}.overview .overview__grid{display:grid;grid-template-rows:.5fr 2fr 2fr;place-content:center center}@media (max-width:1100px){.overview .overview__grid{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}}.overview .overview__grid .title{margin:0}@media (max-width:1100px){.overview .overview__grid .title{padding-bottom:1rem;font-size:24px;align-self:flex-start;padding-left:1.5rem}}.overview .overview__grid .overview__row{display:grid;grid-template-columns:repeat(4,255px)}@media (max-width:1100px){.overview .overview__grid .overview__row{display:flex;flex-direction:column;width:326px;align-items:center;justify-content:center}}.overview .overview__grid .overview__row>:not(:last-child){margin-right:1rem}.overview .overview__grid .overview__row .overview__card{height:125px;border-radius:5px;display:grid;margin-bottom:1rem;margin-top:1rem}@media (max-width:1100px){.overview .overview__grid .overview__row .overview__card{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;margin:.5rem auto}}.overview .overview__grid .overview__row .overview__card>*{pointer-events:none}.overview .overview__grid .overview__row .overview__card .overview__card-row{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0 1rem}@media (max-width:1100px){.overview .overview__grid .overview__row .overview__card .overview__card-row{padding:0 2rem}}.overview .overview__grid .overview__row .overview__card .overview__card-row .type{font-weight:900;font-size:14px;align-self:flex-end;padding-bottom:10px}@media (max-width:1100px){.overview .overview__grid .overview__row .overview__card .overview__card-row .type{margin-bottom:1rem}}.overview .overview__grid .overview__row .overview__card .overview__card-row .icon{padding-bottom:8px;align-self:flex-end}@media (max-width:1100px){.overview .overview__grid .overview__row .overview__card .overview__card-row .icon{margin-bottom:1rem}}.overview .overview__grid .overview__row .overview__card .overview__card-row .number{font-weight:900;font-size:32px;padding-bottom:10px}@media (max-width:1100px){.overview .overview__grid .overview__row .overview__card .overview__card-row .number{padding-bottom:0}}.overview .overview__grid .overview__row .overview__card .overview__card-row .card__trending{align-self:flex-end;display:flex;align-items:center;justify-content:flex-end;font-weight:700;font-size:12px}@media (max-width:1100px){.overview .overview__grid .overview__row .overview__card .overview__card-row .card__trending{padding-top:10px}}.overview .overview__grid .overview__row .overview__card .overview__card-row .card__trending.upTrend{color:#1eb589}.overview .overview__grid .overview__row .overview__card .overview__card-row .card__trending.downTrend{color:#dc414c}.overview .overview__grid .overview__row .overview__card .overview__card-row .card__trending .trendir-icon{padding-right:5px}.overview .overview__grid .overview__row .overview__card .overview__card-row .card__trending .trend-number{font-weight:900;font-size:12px}.react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background:linear-gradient(#378fe6,#3eda82)}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background:linear-gradient(#4698eb,#4ed388)}.react-toggle--checked .react-toggle-track{background:#aeb3cb;transition:all .3s}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background:linear-gradient(#378fe6,#3eda82)}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background-color:#1e202a;box-sizing:border-box;transition:all .25s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-thumb{background-color:#2d303e;transition:all .3s}.react-toggle--checked .react-toggle-thumb{left:27px;background-color:#fff;transition:all .3s}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-thumb{transition:all .3s;background-color:#fff}*,:after,:before{box-sizing:border-box;padding:0;margin:0}body{overflow:hidden}@media (max-width:1100px){body{overflow-y:auto;display:flex;align-items:center;justify-content:center}}.body{width:100%;height:100vh;font-family:"Inter",sans-serif;font-weight:400;font-size:14px;display:grid;place-content:center center}@media (max-width:1100px){.body{display:flex;height:100%}}.app{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:space-around;z-index:1;padding:3rem 0}@media (max-width:1100px){.app{height:100%}}.app>*{margin:0 auto;width:1100px}@media (max-width:1100px){.app>*{width:375px}}.app .app__bg-pattern{position:absolute;z-index:-1;top:0;right:0;display:flex;width:100%;max-height:244px;height:100%;border-radius:0 0 20 20}
/*# sourceMappingURL=main.a0e18965.chunk.css.map */