:root{--font-size-tiny:8px;--line-height-tiny:9px;--font-size-small:10px;--line-height-small:12px;--font-size-medium:13px;--line-height-medium:15px;--font-size-big:16px;--line-height-big:19px;--font-size-xl:19px;--line-height-xl:22px}@media (min-width:320px) and (max-width:479px){:root{--font-size-tiny:6px;--line-height-tiny:7px;--font-size-small:8px;--line-height-small:10px;--font-size-medium:10px;--line-height-medium:12px;--font-size-big:12px;--line-height-big:14px;--font-size-xl:14px;--line-height-xl:16px}}@media (min-width:480px) and (max-width:599px){:root{--font-size-tiny:7px;--line-height-tiny:8px;--font-size-small:10px;--line-height-small:12px;--font-size-medium:12px;--line-height-medium:14px;--font-size-big:15px;--line-height-big:17px;--font-size-xl:17px;--line-height-xl:20px}}@media (min-width:600px) and (max-width:767px){:root{--font-size-tiny:8px;--line-height-tiny:9px;--font-size-small:11px;--line-height-small:13px;--font-size-medium:14px;--line-height-medium:16px;--font-size-big:17px;--line-height-big:20px;--font-size-xl:20px;--line-height-xl:23px}}@media (min-width:768px) and (max-width:899px){:root{--font-size-tiny:9px;--line-height-tiny:10px;--font-size-small:12px;--line-height-small:14px;--font-size-medium:15px;--line-height-medium:18px;--font-size-big:19px;--line-height-big:22px;--font-size-xl:22px;--line-height-xl:26px}}@media (min-width:900px) and (max-width:1024px){:root{--font-size-tiny:10px;--line-height-tiny:11px;--font-size-small:13px;--line-height-small:15px;--font-size-medium:16px;--line-height-medium:19px;--font-size-big:20px;--line-height-big:24px;--font-size-xl:24px;--line-height-xl:28px}}@media (min-width:1025px) and (max-width:1199px){:root{--font-size-tiny:11px;--line-height-tiny:12px;--font-size-small:14px;--line-height-small:16px;--font-size-medium:17px;--line-height-medium:20px;--font-size-big:21px;--line-height-big:25px;--font-size-xl:25px;--line-height-xl:30px}}@media (min-width:1200px) and (max-width:1399px){:root{--font-size-tiny:12px;--line-height-tiny:13px;--font-size-small:15px;--line-height-small:18px;--font-size-medium:18px;--line-height-medium:21px;--font-size-big:23px;--line-height-big:27px;--font-size-xl:27px;--line-height-xl:32px}}@media (min-width:1400px) and (max-width:1599px){:root{--font-size-tiny:13px;--line-height-tiny:14px;--font-size-small:16px;--line-height-small:19px;--font-size-medium:20px;--line-height-medium:23px;--font-size-big:25px;--line-height-big:30px;--font-size-xl:30px;--line-height-xl:35px}}@media (min-width:1600px){:root{--font-size-tiny:14px;--line-height-tiny:15px;--font-size-small:17px;--line-height-small:20px;--font-size-medium:22px;--line-height-medium:26px;--font-size-big:28px;--line-height-big:33px;--font-size-xl:33px;--line-height-xl:39px}}.font-tiny{font-size:var(--font-size-tiny);line-height:var(--line-height-tiny)}.font-small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.font-medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.font-big{font-size:var(--font-size-big);line-height:var(--line-height-big)}.font-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}