:root{--ff-inter: "Inter", sans-serif;--fz-normal: 0.875rem;--fz-large: 3.5rem}html{box-sizing:border-box;font-size:100%}*,*::before,*::after{box-sizing:inherit}body{background:hsl(var(--bg-color));font-family:var(--ff-inter);font-size:var(--fz-normal);font-weight:700;color:var(--text-color);margin:0;line-height:1.3;padding:0;min-height:100vh}img{vertical-align:middle;height:auto}:root{--lime-green: 163 72% 41%;--bright-red: 356 69% 56%;--facebook: 208 92% 53%;--twitter: 203 89% 53%;--instagram: 37 97% 70%;--youtube: 348 97% 39%;--green: hsl(146, 68%, 55%)}[data-theme=light]{--bg-color: 0 0% 100%;--top-strip: 225 100% 98%;--card-bg: 227 47% 96%;--card-light: 232 33% 91%;--text-light: 228 12% 44%;--text-crl: 230 17% 14%;--toogle-bg: hsl(230, 22%, 74%);--toogle-bg-dark: hsl(230, 22%, 73%);--timeline: hsl(146, 68%, 55%)}[data-theme=dark]{--b: hsl(232, 33%, 91%);--bg-color: 230 17% 14%;--top-strip: 232 19% 15%;--card-bg: 228 28% 20%;--card-light: 228 26% 27%;--text-light: 231 16% 52%;--text-clr: 0 0% 100%;--timeline: hsl(231 16% 82%) ;--toggle-bg: linear-gradient(90deg, hsl(210, 78%, 56%), hsl(146, 68%, 55%))}.bg-color{background-color:hsl(var(--bg-color))}.top-strip{background-color:hsl(var(--top-strip))}.card-bg{background-color:hsl(var(--card-bg))}.text-color{color:hsl(var(--text-clr))}.text-light{color:hsl(var(--text-light))}.text-green{color:var(--green)}.toogle-bg{background:hsl(var(--toogle-bg))}.grid{display:grid}.flex{display:flex;gap:var(--gap, 1rem)}.space-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.text-center{text-align:center}.full-column{grid-column:1/-1}h1,h2{margin:0}h1{font-size:1.5rem;font-weight:700}.total-followers{margin:0}button,a,.card{cursor:pointer}.dashboard{max-width:85em;margin-inline:auto;padding-block:2em;--space-lr: 24px;--gap: 16px;--gap-row: 16px;--cols: 1;grid-template-columns:repeat(var(--cols), 1fr);gap:var(--gap);padding-inline:var(--space-lr);flex:1}.dashboard-top{flex-direction:column;grid-row:1}.section-divider{width:100%;height:2px;display:block;background:hsl(var(--text-light)/0.3)}.left-side,.right-side{align-self:stretch}button:focus,a:focus{outline:2px solid #6161d7}.theme-toggle{position:relative;background:var(--toogle-bg);padding:.2em;width:40px;border-radius:20px;align-content:center;border:none;isolation:isolate}.theme-toggle::after{content:"";position:absolute;z-index:-1;width:33.6px;height:12.933px;background:var(--toogle-bg-dark);border-radius:20px;left:50%;transform:translate(-50%)}.theme-toggle.active{background:linear-gradient(90deg, hsl(210, 78%, 56%), hsl(146, 68%, 55%))}.theme-toggle.active .toggle-slider{animation:slide_back .3s ease-in-out forwards;transform:translate(0px)}@keyframes slide_back{0%{transform:translate(0)}100%{transform:translate(-20px)}}.theme-toggle.disabled{background:var(--toogle-bg)}.theme-toggle.disabled .toggle-slider{animation:slide_forward .3s ease-in-out forwards}@keyframes slide_forward{0%{transform:translate(-20px)}100%{transform:translate(0)}}.toggle-slider{display:block;background:hsl(var(--bg-color));width:14px;float:right;aspect-ratio:1;border-radius:50%}.card{background:hsl(var(--card-bg));padding:1em;border-radius:6px}.card:hover{background:hsl(var(--card-light))}.card.card-1{--top-strip: var(--facebook);border-top:4px solid hsl(var(--top-strip))}.card.card-2{--top-strip: var(--twitter);border-top:4px solid hsl(var(--top-strip))}.card.card-3{--top-strip: var(--instagram);border-top:4px solid hsl(var(--top-strip))}.card.card-4{--top-strip: var(--youtube);border-top:4px solid hsl(var(--top-strip))}.followers-count{font-size:var(--fz-large);margin:0}.follower-label{text-transform:uppercase}.current-timeline{color:var(--green)}.count{font-size:1.8rem;margin:0}>.overview-title{align-items:end}@media screen and (min-width: 37.5em){.dashboard{--cols: 8;--gap-col: 16px;--space-lr: 32px;gap:var(--gap-col)}.dashboard-top{flex-direction:row}.section-divider{display:none}.left-side,.right-side{align-self:unset}.card.card-1{grid-column:1/5;grid-row:2}.card.card-2{grid-column:5/-1;grid-row:2}.card.card-3{grid-column:1/5;grid-row:3}.card.card-4{grid-column:5/9;grid-row:3}.overview-title{grid-row:4}.card.card-small-1{grid-row:5;grid-column:1/5}.card.card-small-2{grid-row:5;grid-column:5/9}.card.card-small-3{grid-row:6;grid-column:1/5}.card.card-small-4{grid-row:6;grid-column:5/9}.card.card-small-5{grid-row:7;grid-column:1/5}.card.card-small-6{grid-row:7;grid-column:5/9}.card.card-small-7{grid-row:8;grid-column:1/5}.card.card-small-8{grid-row:8;grid-column:5/9}}@media screen and (min-width: 61.25em){.dashboard{--cols: 12;--gap: 24px;--space-lr: 100px;gap:var(--gap)}.card.card-1{grid-column:1/4}.card.card-2{grid-column:4/7}.card.card-3{grid-row:2;grid-column:7/10}.card.card-4{grid-row:2;grid-column:10/13}.overview-title{grid-row:3}.card.card-small-1{grid-row:4;grid-column:1/4}.card.card-small-2{grid-row:4;grid-column:4/7}.card.card-small-3{grid-row:4;grid-column:7/10}.card.card-small-4{grid-row:4;grid-column:10/13}.card.card-small-5{grid-row:5;grid-column:1/4}.card.card-small-6{grid-row:5;grid-column:4/7}.card.card-small-7{grid-row:5;grid-column:7/10}.card.card-small-8{grid-row:5;grid-column:10/13}}@media screen and (min-width: 90em){.dashboard{--space-lr: 120px}}/*# sourceMappingURL=style.css.map */