@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend+Deca&display=swap";:root{--main-background-color: hsl(233, 47%, 7%);--card-bg-color: hsl(244, 38%, 16%);--accent-color: hsl(277, 64%, 61%);--main-header-color: hsl(0, 0%, 100%);--main-paragraph-color: hsla(0, 0%, 100%, .75);--indicator-header: hsl(0, 0%, 100%, .6);--card-image-linegradient: hsl(277, 64%, 61%, .7);--font-size: 18px;--font-inter-family: "Inter";--font-optical-sizing: auto;--font-lexend-deca-family: "Lexend Deca";--font-weight-400: 400;--font-weight-700: 700;--font-style: normal;--border-radius: 10px;--xs: 100%;--sm: 540px;--md: 720px;--lg: 960px;--xl: 1140px;--xxl: 1320px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-size:var(--font-size)}.main-background{z-index:-1;min-width:100vw;min-height:100vh;position:fixed;top:0;left:0;background-color:var(--main-background-color)}.main{display:grid;justify-items:center;align-items:center;max-width:100vw;min-height:100vh}.container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width: 540px){.container{max-width:var(--sm)}}@media (min-width: 720px){.container{max-width:var(--md)}}@media (min-width: 960px){.container{max-width:var(--lg)}}@media (min-width: 1140px){.container{max-width:var(--xl)}}@media (min-width: 1320px){.container{max-width:var(--xxl)}}.card{background-color:var(--card-bg-color);display:grid;grid-template-columns:repeat(1,1fr);border-radius:var(--border-radius);grid-template-areas:"image" "content"}.card__image{grid-area:image;border-radius:var(--border-radius) var(--border-radius) 0 0;background:linear-gradient(var(--card-image-linegradient),var(--card-image-linegradient)),url(/stats-preview-card-component/assets/image-header-mobile-fYqb8l1J.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:15rem;position:relative}.card__content{grid-area:content;padding:1.75rem 2rem;display:grid;gap:2rem;text-align:center}@media (min-width: 540px){.card__image{height:18rem}}@media (min-width: 720px){.card__image{height:24rem}}@media (min-width: 960px){.card__image{background:linear-gradient(var(--card-image-linegradient),var(--card-image-linegradient)),url(/stats-preview-card-component/assets/image-header-desktop-vbVtyz_d.jpg);height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:0 var(--border-radius) var(--border-radius) 0}}.header{display:grid;gap:1rem}.header__title{font-family:var(--font-inter-family),sans-serif;color:var(--main-header-color);font-size:1.5rem;letter-spacing:.08rem;font-weight:var(--font-weight-700);line-height:1.25}.header__title--accent{color:var(--accent-color)}.header__description{font-family:var(--font-lexend-deca-family),sans-serif;color:var(--main-paragraph-color);font-size:.875rem;line-height:1.75;font-weight:var(--font-weight-400)}.indicators{display:grid;grid-template-columns:repeat(1,1fr);justify-items:center;align-items:center;gap:2rem}.indicator{display:grid;justify-items:center;align-items:center;gap:.5rem}.indicator__title{font-family:var(--font-lexend-deca-family),sans-serif;font-size:1.25rem;color:var(--main-header-color);font-weight:var(--font-weight-700)}.indicator__description{font-family:var(--font-lexend-deca-family),sans-serif;font-size:.75rem;color:var(--indicator-header);font-weight:var(--font-weight-400);text-transform:uppercase}@media (min-width: 540px){.indicators{grid-template-columns:repeat(3,1fr)}}@media (min-width: 720px){.card__content{padding:2rem;gap:2rem}.header{gap:2rem}.header__title{font-size:2rem}.header__description{font-size:1rem}.indicators{grid-template-columns:repeat(3,1fr)}}@media (min-width: 960px){.card{grid-template-columns:repeat(2,1fr);grid-template-areas:"content image"}.card__content{padding:3rem;gap:3rem;text-align:left}.header{gap:3rem}.header__title{font-size:2rem}.header__description{font-size:1rem}.indicators{grid-template-columns:repeat(3,1fr);justify-items:start}.indicator{justify-items:start}}@media (min-width: 1140px){.card__content{padding:3rem;gap:3rem}.header{gap:3rem}.header__title{font-size:2rem}.header__description{font-size:1rem}.indicators{grid-template-columns:repeat(3,1fr);justify-items:start}.indicator{justify-items:start}}@media (min-width: 1320px){.card__content{padding:5rem;gap:4rem}.header__title{font-size:2.2rem}.header__description{font-size:1rem}.indicator__title{font-size:1.5rem}.indicator__description{font-size:1rem}}