@anoki/fse-ui/dist/styles/typography.css

FSE UI components library

.fs-9{font-size:.625rem;line-height:.75rem}.fw-normal{font-weight:300}.fw-regular{font-weight:400}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.text-decoration-underline{text-decoration:underline}.text-decoration-none{text-decoration:none}.text-decoration-line-through{text-decoration:line-through}.text-align-center{text-align:center}.text-align-left{text-align:left}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.hover-underline:hover{text-decoration:underline}.hover-underline_dark:hover{text-decoration:underline solid var(--slate-20)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.revised-title{color:var(--slate-20);font-family:Titillium Web;font-size:40px!important;font-style:normal!important;font-weight:600!important;line-height:48px!important}@media (max-width: 767px){.revised-title{color:var(--slate-28);font-family:Titillium Web;font-size:28px!important;font-style:normal!important;font-weight:700!important;line-height:32px!important}}.revised-subtitle{color:var(--slate-28);font-family:Titillium Web;font-size:24px!important;font-style:normal!important;font-weight:400!important;line-height:32px!important}@media (max-width: 767px){.revised-subtitle{color:var(--slate-28);font-family:Titillium Web;font-size:16px!important;font-style:normal!important;font-weight:400!important;line-height:24px!important}}@media (min-width: 576px){.text-align-xs-left{text-align:left}}@media (min-width: 576px){.text-align-xs-right{text-align:right}}@media (min-width: 576px){.text-align-xs-center{text-align:center}}@media (min-width: 576px){.text-align-xs-justify{text-align:justify}}@media (min-width: 768px){.text-align-sm-left{text-align:left}}@media (min-width: 768px){.text-align-sm-right{text-align:right}}@media (min-width: 768px){.text-align-sm-center{text-align:center}}@media (min-width: 768px){.text-align-sm-justify{text-align:justify}}@media (min-width: 992px){.text-align-md-left{text-align:left}}@media (min-width: 992px){.text-align-md-right{text-align:right}}@media (min-width: 992px){.text-align-md-center{text-align:center}}@media (min-width: 992px){.text-align-md-justify{text-align:justify}}@media (min-width: 1200px){.text-align-lg-left{text-align:left}}@media (min-width: 1200px){.text-align-lg-right{text-align:right}}@media (min-width: 1200px){.text-align-lg-center{text-align:center}}@media (min-width: 1200px){.text-align-lg-justify{text-align:justify}}@media (min-width: 1400px){.text-align-xl-left{text-align:left}}@media (min-width: 1400px){.text-align-xl-right{text-align:right}}@media (min-width: 1400px){.text-align-xl-center{text-align:center}}@media (min-width: 1400px){.text-align-xl-justify{text-align:justify}}.fs-0{font-size:3rem;line-height:3.5rem}@media (min-width: 576px){.xs-fs-0{font-size:3rem!important;line-height:3.5rem!important}}@media (min-width: 768px){.sm-fs-0{font-size:3rem!important;line-height:3.5rem!important}}@media (min-width: 992px){.md-fs-0{font-size:3rem!important;line-height:3.5rem!important}}@media (min-width: 1200px){.lg-fs-0{font-size:3rem!important;line-height:3.5rem!important}}@media (min-width: 1400px){.xl-fs-0{font-size:3rem!important;line-height:3.5rem!important}}.fs-1{font-size:2.5rem;line-height:3rem}@media (min-width: 576px){.xs-fs-1{font-size:2.5rem!important;line-height:3rem!important}}@media (min-width: 768px){.sm-fs-1{font-size:2.5rem!important;line-height:3rem!important}}@media (min-width: 992px){.md-fs-1{font-size:2.5rem!important;line-height:3rem!important}}@media (min-width: 1200px){.lg-fs-1{font-size:2.5rem!important;line-height:3rem!important}}@media (min-width: 1400px){.xl-fs-1{font-size:2.5rem!important;line-height:3rem!important}}.fs-2{font-size:2rem;line-height:2.5rem}@media (min-width: 576px){.xs-fs-2{font-size:2rem!important;line-height:2.5rem!important}}@media (min-width: 768px){.sm-fs-2{font-size:2rem!important;line-height:2.5rem!important}}@media (min-width: 992px){.md-fs-2{font-size:2rem!important;line-height:2.5rem!important}}@media (min-width: 1200px){.lg-fs-2{font-size:2rem!important;line-height:2.5rem!important}}@media (min-width: 1400px){.xl-fs-2{font-size:2rem!important;line-height:2.5rem!important}}.fs-3{font-size:1.75rem;line-height:2rem}@media (min-width: 576px){.xs-fs-3{font-size:1.75rem!important;line-height:2rem!important}}@media (min-width: 768px){.sm-fs-3{font-size:1.75rem!important;line-height:2rem!important}}@media (min-width: 992px){.md-fs-3{font-size:1.75rem!important;line-height:2rem!important}}@media (min-width: 1200px){.lg-fs-3{font-size:1.75rem!important;line-height:2rem!important}}@media (min-width: 1400px){.xl-fs-3{font-size:1.75rem!important;line-height:2rem!important}}.fs-4{font-size:1.5rem;line-height:1.75rem}@media (min-width: 576px){.xs-fs-4{font-size:1.5rem!important;line-height:1.75rem!important}}@media (min-width: 768px){.sm-fs-4{font-size:1.5rem!important;line-height:1.75rem!important}}@media (min-width: 992px){.md-fs-4{font-size:1.5rem!important;line-height:1.75rem!important}}@media (min-width: 1200px){.lg-fs-4{font-size:1.5rem!important;line-height:1.75rem!important}}@media (min-width: 1400px){.xl-fs-4{font-size:1.5rem!important;line-height:1.75rem!important}}.fs-5{font-size:1.25rem;line-height:1.5rem}@media (min-width: 576px){.xs-fs-5{font-size:1.25rem!important;line-height:1.5rem!important}}@media (min-width: 768px){.sm-fs-5{font-size:1.25rem!important;line-height:1.5rem!important}}@media (min-width: 992px){.md-fs-5{font-size:1.25rem!important;line-height:1.5rem!important}}@media (min-width: 1200px){.lg-fs-5{font-size:1.25rem!important;line-height:1.5rem!important}}@media (min-width: 1400px){.xl-fs-5{font-size:1.25rem!important;line-height:1.5rem!important}}.fs-6{font-size:1rem;line-height:1.5rem}@media (min-width: 576px){.xs-fs-6{font-size:1rem!important;line-height:1.5rem!important}}@media (min-width: 768px){.sm-fs-6{font-size:1rem!important;line-height:1.5rem!important}}@media (min-width: 992px){.md-fs-6{font-size:1rem!important;line-height:1.5rem!important}}@media (min-width: 1200px){.lg-fs-6{font-size:1rem!important;line-height:1.5rem!important}}@media (min-width: 1400px){.xl-fs-6{font-size:1rem!important;line-height:1.5rem!important}}.fs-7{font-size:.875rem;line-height:1rem}@media (min-width: 576px){.xs-fs-7{font-size:.875rem!important;line-height:1rem!important}}@media (min-width: 768px){.sm-fs-7{font-size:.875rem!important;line-height:1rem!important}}@media (min-width: 992px){.md-fs-7{font-size:.875rem!important;line-height:1rem!important}}@media (min-width: 1200px){.lg-fs-7{font-size:.875rem!important;line-height:1rem!important}}@media (min-width: 1400px){.xl-fs-7{font-size:.875rem!important;line-height:1rem!important}}.fs-8{font-size:.75rem;line-height:.875rem}@media (min-width: 576px){.xs-fs-8{font-size:.75rem!important;line-height:.875rem!important}}@media (min-width: 768px){.sm-fs-8{font-size:.75rem!important;line-height:.875rem!important}}@media (min-width: 992px){.md-fs-8{font-size:.75rem!important;line-height:.875rem!important}}@media (min-width: 1200px){.lg-fs-8{font-size:.75rem!important;line-height:.875rem!important}}@media (min-width: 1400px){.xl-fs-8{font-size:.75rem!important;line-height:.875rem!important}}.fs-custom{font-size:1.125rem;line-height:1.68rem}@media (min-width: 576px){.xs-fs-custom{font-size:1.125rem!important;line-height:1.68rem!important}}@media (min-width: 768px){.sm-fs-custom{font-size:1.125rem!important;line-height:1.68rem!important}}@media (min-width: 992px){.md-fs-custom{font-size:1.125rem!important;line-height:1.68rem!important}}@media (min-width: 1200px){.lg-fs-custom{font-size:1.125rem!important;line-height:1.68rem!important}}@media (min-width: 1400px){.xl-fs-custom{font-size:1.125rem!important;line-height:1.68rem!important}}.fs-custom-2{font-size:1.5rem;line-height:2rem}@media (min-width: 576px){.xs-fs-custom-2{font-size:1.5rem!important;line-height:2rem!important}}@media (min-width: 768px){.sm-fs-custom-2{font-size:1.5rem!important;line-height:2rem!important}}@media (min-width: 992px){.md-fs-custom-2{font-size:1.5rem!important;line-height:2rem!important}}@media (min-width: 1200px){.lg-fs-custom-2{font-size:1.5rem!important;line-height:2rem!important}}@media (min-width: 1400px){.xl-fs-custom-2{font-size:1.5rem!important;line-height:2rem!important}}