html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background:var(--background);color:var(--text);font-family:var(--font-inter);margin:0;padding:0}h1,h2,h3{line-height:1.1;margin-top:0}h1{font-size:1.5rem;margin-bottom:.1875rem}@media (min-width:71.875em){h1{font-size:1.75rem}}h2{color:var(--head2)}a,a:active,a:visited{text-decoration:none}:root{--font-inter:"Inter",sans-serif;--limegreen:#1db489;--brightred:#dc414c;--facebook:hwb(356 25% 14%);--twitter:#1ca0f2;--instagram-start:#fdc468;--instagam-end:#df4996;--youtube:#c4032a;--toggle-background-start:#378fe6;--toggle-background-end:#3eda82;--toggle:#aeb3cb;--dark-bg:#1e202a;--dark-top-bg:#1f212e;--dark-Card-bg:#252a41;--dark-Text1:#8b97c6;--dark-Text2:#fff;--dark-Card-hover:#40434f;--light-Card-hover:#dad8d8;--light-bg:#fff;--light-top-bg:#f5f7ff;--light-Card-bg:#f0f2fa;--light-Text1:#63687e;--light-Text2:#000;--toggle-bg:linear-gradient(225deg,var(--toggle-background-end) 0%,var(--toggle-background-start) 98.02%);--background:var(--dark-bg);--text:var(--dark-Text2);--sub:var(--dark-Text1);--card:var( --dark-Card-bg);--toggle:var(--toggle-bg);--slider:var(--dark-top-bg);--hover:var( --dark-Card-hover);--head2:var(--light-bg)}:root[data-theme=light]{--background:var(--light-bg);--text:var(--light-Text2);--sub:var(--light-Text1);--card:var( --light-Card-bg);--toggle:var(--light-Text1);--slider:var(--light-bg);--hover:var( --light-Card-hover);--head2:var(--light-Text1)}.contain{margin:0 auto 2.875rem;max-width:69.375rem;padding:0 1.5625rem}@media (min-width:71.875em){.contain{padding:0}}.header{display:flex;flex-wrap:wrap;margin-top:2.25rem}@media (min-width:40em){.header{align-items:center;justify-content:space-between}}.header__tit{align-items:center;border-color:var(--hover);border-bottom:0;border-left:0;border-right:0;display:flex;margin-top:1.25rem}@media (min-width:40em){.header__tit{border:none;border-top:0;display:flex;flex-wrap:nowrap;padding:0}}.header__title{width:100%}@media (min-width:40em){.header__title{width:auto}}.header__subtitle{color:var(--sub);font-size:.875rem;font-weight:700}.header__toggle{margin-left:2.1875rem}@media (min-width:40em){.header__toggle{margin:0}}.header__txt{color:var(--sub);font-weight:700;margin-left:-10px}@media (min-width:40em){.header__txt{font-weight:700;margin-right:.9375rem}}.toggle__switch{display:inline-block;height:2.125rem;position:relative;width:3.75rem}.toggle input[type=checkbox]{height:0;opacity:0;width:0}.toggle__slider{background:var(--toggle);border-radius:2.125rem;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle__slider:before{background-color:var(--slider);border-radius:50%;content:"";height:1.625rem;left:.25rem;position:absolute;top:.25rem;transition:.4s;width:1.625rem}input:checked+.toggle__slider:before{transform:translateX(1.625rem)}:root.transition,:root.transition *,:root.transition :after,:root.transition :before{transition:all .75s!important;transition-delay:0!important}.card{background:var(--card);border-radius:.3125rem;color:var(--sub);height:18.75rem;margin-bottom:1.5625rem;text-align:center;width:auto}.card:hover{background-color:var(--hover);cursor:pointer}@media (min-width:40em){.card{height:13.125rem;padding-bottom:0;width:15.625rem}}.card--facebook{border:0;border-radius:.3125rem;border-top:.3125rem solid;border-color:var(--twitter);height:100%;padding:1.25rem;width:auto}@media (min-width:40em){.card--facebook{padding:0}}.card--twitter{border:0;border-radius:.3125rem;border-top:.3125rem solid;border-color:var(--twitter);height:100%;padding:1.25rem;width:auto}@media (min-width:40em){.card--twitter{padding:0}}.card--instagram{border:0;-o-border-image:linear-gradient(45deg,purple,orange) 1;border-image:linear-gradient(45deg,purple,orange) 1;border-top:.3125rem solid;height:100%;padding:1.25rem}@media (min-width:40em){.card--instagram{padding:0}}.card--youtube{border:0;border-radius:.3125rem;border-top:.3125rem solid;border-color:var(--youtube);height:100%;padding:1.25rem;width:auto}@media (min-width:40em){.card--youtube{padding:0}}.card__platform{align-self:center;display:flex;justify-content:center;padding:1.5625rem 0 0}.card__username{align-items:center;font-size:.875rem;font-weight:700;margin-left:.3125rem}.card__count{color:var(--text);font-size:4.3125rem;font-weight:700;margin:1.5625rem 0}@media (min-width:40em){.card__count{font-size:3.5rem;margin:1.25rem 0}}.card__change{align-items:baseline;display:flex;gap:.3125rem;justify-content:center;width:100%}.card__change--up{color:var(--limegreen);font-size:1.125rem;font-weight:700}@media (min-width:40em){.card__change--up{font-size:.75rem}}.card__change-img{height:.25rem;width:.5rem}.card__change--down{color:var(--youtube);font-size:1.125rem;font-weight:700}@media (min-width:40em){.card__change--down{font-size:.75rem}}.card__label{color:var(--dark-Text1);font-size:1.25rem;font-weight:200;margin-top:0}@media (min-width:40em){.card__label{font-size:1rem}}.card2{background:var(--card);border-radius:.3125rem;color:var(--sub);height:9.375rem;margin-bottom:.625rem;text-align:center;width:auto}.card2:hover{background-color:var(--hover);cursor:pointer}@media (min-width:40em){.card2{height:7.5rem;padding-bottom:0;width:15.625rem}}.card2__top{align-items:baseline;display:flex;justify-content:space-between;margin:1.25rem 1.25rem .625rem}@media (min-width:40em){.card2__top{align-items:baseline;margin:.625rem 1.25rem}}.card2__top--reviewtitle{font-size:.875rem;font-weight:700;margin-top:1.875rem}@media (min-width:40em){.card2__top--reviewtitle{margin-top:auto}}.card2__bottom{align-items:baseline;display:flex;justify-content:space-between;margin:1.25rem 1.25rem 0}.card2__bottom--reviews{color:var(--text);font-size:2.1875rem;font-weight:700;margin-top:20px}@media (min-width:40em){.card2__bottom--reviews{font-size:2rem}}.card2__bottom--percentage{align-items:baseline;display:flex;margin-top:1.25rem}.card2__bottom--percentage-up{color:var(--limegreen);font-size:1.125rem;font-weight:700}@media (min-width:40em){.card2__bottom--percentage-up{font-size:.75rem}}.card2__bottom--percentage-up-img{height:.25rem;width:.5rem}.card2__bottom--percentage-down{color:var(--youtube);font-size:1.125rem;font-weight:700}@media (min-width:40em){.card2__bottom--percentage-down{font-size:.75rem}}.main__contain{gap:1.25rem;justify-content:center}@media (min-width:40em){.main__contain{display:flex;flex-wrap:wrap;gap:2.1875rem}}
/*# sourceMappingURL=style.css.map */