.typography-showcase-container{padding:40px;background-color:#fff;font-family:Inter,sans-serif;color:#080613}h2{font-size:32px;margin-bottom:24px;font-weight:600}.typography-section{margin-bottom:40px}.section-header{font-size:20px;font-weight:500;margin-bottom:16px;border-bottom:2px solid #ededed;background-color:#afe4e9;padding:10px 5px}.section-content{gap:16px}.section-content,.typography-item{display:flex;flex-direction:column}.typography-text{margin:0}.font-info{font-size:14px;color:#626266;margin-top:4px}.display-large{font-size:64px;line-height:80px;font-weight:700}.display-medium{font-size:56px;line-height:72px;font-weight:700}.display-small{font-size:48px;line-height:64px;font-weight:700}.headline-large{font-size:40px;line-height:56px;font-weight:600}.headline-medium{font-size:32px;line-height:40px;font-weight:600}.headline-small{font-size:24px;line-height:32px;font-weight:600}.title-large{font-size:20px;line-height:28px;font-weight:500}.title-medium{font-size:16px;line-height:24px;font-weight:500}.title-small{font-size:14px;line-height:20px;font-weight:500}.body-large{font-size:16px;line-height:24px;font-weight:400}.body-medium{font-size:14px;line-height:20px;font-weight:400}.body-small{font-size:12px;line-height:16px;font-weight:400}.label-large,.label-medium,.label-small{font-weight:500;color:#a1a1a1}.label-large{font-size:12px;line-height:16px}.label-medium{font-size:10px;line-height:14px}.label-small{font-size:8px;line-height:12px}