html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background-color:var(--BACKGROUND);color:var(--TEXT-COLOUR);font-family:var(--FONT-INTER);margin:0;padding:0}.visually-hidden{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}h1,h2,h3{margin-top:0}h1{font-size:1.5rem;margin-bottom:.1875rem}@media (min-width:71.875em){h1{font-size:1.75rem}}h2{font-size:1.5rem;margin-bottom:1.5rem}a,a:active,a:visited{text-decoration:none}:root{--LIMEGREEN:#1db489;--BRIGHTRED:#dc414c;--FACEBOOK-COLOUR:#198ff5;--TWITTER-COLOUR:#1ca0f2;--INSTAGRAM-START-COLOUR:#fdc468;--INSTAGRAM-END-COLOUR:#df4996;--YOUTUBE-COLOUR:#c4032a;--TOGGLE-BG-START:#378fe6;--TOGGLE-BG-END:#3eda82;--TOGGLE-LIGHT:#868cac;--TOGGLE-BG-LIGHT:#aeb3cb;--TOGGLE-BUTTON-LIGHT:#f0f2f9;--BACKGROUND:var(--LIGHT-BG);--TEXT-COLOUR:var(--LIGHT-TEXT2);--TEXT-COLOUR2:var(--LIGHT-TEXT1);--CARD-BG:var(--LIGHT-CARD-BG);--CARD-HOVER:var(--LIGHT-CARD-HOVER);--TOGGLE:var(--TOGGLE-LIGHT);--TOGGLE-BG:var(--TOGGLE-BG-LIGHT);--TOGGLE-BUTTON:var(--TOGGLE-BUTTON-LIGHT);--DARK-BG:#1e202a;--DARK-TOP-BG:#1f212e;--DARK-CARD-BG:#252a41;--DARK-TEXT1:#8b97c6;--DARK-TEXT2:#fff;--DARK-CARD-HOVER:#343b56;--LIGHT-BG:#fff;--LIGHT-TOP-BG:#f5f7ff;--LIGHT-CARD-BG:#f0f2fa;--LIGHT-TEXT1:#63687e;--LIGHT-TEXT2:#1e202a;--LIGHT-CARD-HOVER:#e0e4f0}@media (prefers-color-scheme:dark){:root{--BACKGROUND:var(--DARK-BG);--TEXT-COLOUR:var(--DARK-TEXT2);--TEXT-COLOUR2:var(--DARK-TEXT1);--CARD-BG:var(--DARK-CARD-BG);--CARD-HOVER:var(--DARK-CARD-HOVER);--TOGGLE:var(--LIGHT-BG);--TOGGLE-BG:linear-gradient(225deg,var(--TOGGLE-BG-END) 0%,var(--TOGGLE-BG-START) 98.02%);--TOGGLE-BUTTON:var(--DARK-BG)}}body.dark{--BACKGROUND:var(--DARK-BG);--TEXT-COLOUR:var(--DARK-TEXT2);--TEXT-COLOUR2:var(--DARK-TEXT1);--CARD-BG:var(--DARK-CARD-BG);--CARD-HOVER:var(--DARK-CARD-HOVER);--TOGGLE:var(--LIGHT-BG);--TOGGLE-BG:linear-gradient(225deg,var(--TOGGLE-BG-END) 0%,var(--TOGGLE-BG-START) 98.02%);--TOGGLE-BUTTON:var(--DARK-BG)}body.light{--BACKGROUND:var(--LIGHT-BG);--TEXT-COLOUR:var(--LIGHT-TEXT2);--TEXT-COLOUR2:var(--LIGHT-TEXT1);--CARD-BG:var(--LIGHT-CARD-BG);--CARD-HOVER:var(--LIGHT-CARD-HOVER);--TOGGLE:var(--TOGGLE-LIGHT);--TOGGLE-BG:var(--TOGGLE-BG-LIGHT);--TOGGLE-BUTTON:var(--TOGGLE-BUTTON-LIGHT)}:root{--FONT-INTER:"Inter",sans-serif}.container{margin:0 auto 2.875rem;max-width:69.375rem;padding:0 1.5625rem}@media (min-width:71.875em){.container{padding:0}}.cards{display:grid;gap:1.875rem;grid-template-columns:1fr}@media (min-width:40em){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:71.875em){.cards{grid-template-columns:repeat(4,1fr)}}.card{background:var(--CARD-BG);border-radius:.3125rem;color:var(--TEXT-COLOUR2);cursor:pointer;flex:1;overflow:hidden;padding:1.5625rem;position:relative;text-align:center;transition:background .15s ease-in-out}.card:hover{background:var(--CARD-HOVER)}.card--facebook{border-top:.3125rem solid var(--FACEBOOK-COLOUR)}.card--twitter{border-top:.3125rem solid var(--TWITTER-COLOUR)}.card--instagram{padding-top:1.875rem}.card--instagram:before{background:linear-gradient(225deg,var(--INSTAGRAM-END-COLOUR),var(--INSTAGRAM-START-COLOUR) 100%);content:"";display:block;height:.3125rem;left:0;position:absolute;top:0;width:100%}.card--youtube{border-top:.3125rem solid var(--YOUTUBE-COLOUR)}.card__platform{align-items:center;display:flex;height:1.25rem;justify-content:center;margin-bottom:1.75rem;margin-top:.3125rem}.card__subtitle{font-size:.875rem;font-weight:700}.card__icon{margin-right:.5rem}.card__username{font-size:.75rem;font-weight:700}.card__followers{margin-bottom:1.5625rem}.card__count{color:var(--TEXT-COLOUR);font-weight:700;letter-spacing:-.125rem;line-height:1;margin-bottom:.25rem}.card__count--big{font-size:3.5rem}.card__count--small{font-size:2rem}.card__label{color:var(--TEXT-COLOUR2);font-size:.75rem;font-weight:400;letter-spacing:.3125rem;margin-bottom:.5625rem;text-transform:uppercase}.card__change{align-items:center;display:flex;font-size:.75rem;font-weight:700;justify-content:center}.card__change--up{color:var(--LIMEGREEN)}.card__change--down{color:var(--BRIGHTRED)}.card__change img{margin-right:.25rem}.toggle{border:none;display:grid;grid-template-columns:1fr 3rem;margin:0}.toggle__wrapper{height:1.5rem;position:relative}.toggle input[type=radio]{height:1.5rem;margin:0 -.125rem;opacity:0;width:1.5rem}.toggle input[type=radio]:focus~.toggle__button{border:2px solid #fff}.toggle__background{background:var(--TOGGLE-BG);border-radius:.75rem;display:block;height:100%;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.toggle__button{background-color:var(--TOGGLE-BUTTON);border-radius:50%;height:1.125rem;left:.1875rem;position:absolute;right:100%;top:.1875rem;transition:all .15s ease-in-out;width:1.125rem}.toggle #light:checked~.toggle__button{left:calc(100% - 21px);right:3px}.toggle #system:checked~.toggle__button{left:50%;right:auto;transform:translate(-50%)}.toggle label{color:var(--TOGGLE-DARK);font-size:.875rem;font-weight:700}.toggle label[for=dark]{line-height:1.5rem;margin-right:.8125rem}.header{display:flex;flex-wrap:wrap;margin-top:2.25rem}@media (min-width:40em){.header{align-items:center;justify-content:space-between}}.header__title{width:100%}@media (min-width:40em){.header__title{width:auto}}.header__subtitle{color:var(--TEXT-COLOUR2);font-size:.875rem;font-weight:700}.card-grid{display:grid;gap:1.4375rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);justify-items:start}.card-grid .card__count{margin-bottom:0}.card-grid .card__change,.card-grid .card__count{align-self:end}.card-grid .card__change,.card-grid .img{justify-self:end}/*# sourceMappingURL=styles.css.map */