:root{--ratio:1.125;--font-xs:calc(var(--font-size)/var(--ratio));--font-s:calc(var(--ratio)*var(--font-size));--font-m:calc(var(--ratio)*var(--font-s));--font-l:calc(var(--ratio)*var(--font-m));--font-xl:calc(var(--ratio)*var(--font-l));--font-xxl:calc(var(--ratio)*var(--font-xl));--font-3xl:calc(var(--ratio)*var(--font-xxl))}@media screen and (min-width:600px){:root{--ratio:1.15}}@media screen and (min-width:821px){:root{--ratio:1.175}}@media screen and (min-width:1200px){:root{--ratio:1.2}}