.speakon-vi-page,.speakon-vi-section{--sp-vi-font-heading: "Plus Jakarta Sans", var(--font-heading-family), sans-serif;--sp-vi-font-body: "Plus Jakarta Sans", var(--font-body-family), sans-serif;--sp-vi-type-h1-web-font-family: var(--sp-vi-font-heading);--sp-vi-type-h1-web-font-size: 54px;--sp-vi-type-h1-web-line-height: 64px;--sp-vi-type-h1-web-font-weight: 700;--sp-vi-type-h1-tablet-font-family: var(--sp-vi-font-heading);--sp-vi-type-h1-tablet-font-size: 48px;--sp-vi-type-h1-tablet-line-height: 56px;--sp-vi-type-h1-tablet-font-weight: 700;--sp-vi-type-h1-mobile-font-family: var(--sp-vi-font-heading);--sp-vi-type-h1-mobile-font-size: 32px;--sp-vi-type-h1-mobile-line-height: 40px;--sp-vi-type-h1-mobile-font-weight: 700;--sp-vi-type-h2-web-font-family: var(--sp-vi-font-heading);--sp-vi-type-h2-web-font-size: 48px;--sp-vi-type-h2-web-line-height: 56px;--sp-vi-type-h2-web-font-weight: 700;--sp-vi-type-h2-tablet-font-family: var(--sp-vi-font-heading);--sp-vi-type-h2-tablet-font-size: 40px;--sp-vi-type-h2-tablet-line-height: 48px;--sp-vi-type-h2-tablet-font-weight: 700;--sp-vi-type-h2-mobile-font-family: var(--sp-vi-font-heading);--sp-vi-type-h2-mobile-font-size: 28px;--sp-vi-type-h2-mobile-line-height: 36px;--sp-vi-type-h2-mobile-font-weight: 700;--sp-vi-type-h3-web-font-family: var(--sp-vi-font-heading);--sp-vi-type-h3-web-font-size: 36px;--sp-vi-type-h3-web-line-height: 48px;--sp-vi-type-h3-web-font-weight: 700;--sp-vi-type-h3-tablet-font-family: var(--sp-vi-font-heading);--sp-vi-type-h3-tablet-font-size: 32px;--sp-vi-type-h3-tablet-line-height: 40px;--sp-vi-type-h3-tablet-font-weight: 700;--sp-vi-type-h3-mobile-font-family: var(--sp-vi-font-heading);--sp-vi-type-h3-mobile-font-size: 24px;--sp-vi-type-h3-mobile-line-height: 32px;--sp-vi-type-h3-mobile-font-weight: 700;--sp-vi-type-h4-web-font-family: var(--sp-vi-font-heading);--sp-vi-type-h4-web-font-size: 24px;--sp-vi-type-h4-web-line-height: 36px;--sp-vi-type-h4-web-font-weight: 600;--sp-vi-type-h4-tablet-font-family: var(--sp-vi-font-heading);--sp-vi-type-h4-tablet-font-size: 20px;--sp-vi-type-h4-tablet-line-height: 32px;--sp-vi-type-h4-tablet-font-weight: 600;--sp-vi-type-h4-mobile-font-family: var(--sp-vi-font-heading);--sp-vi-type-h4-mobile-font-size: 18px;--sp-vi-type-h4-mobile-line-height: 26px;--sp-vi-type-h4-mobile-font-weight: 600;--sp-vi-type-h5-web-font-family: var(--sp-vi-font-heading);--sp-vi-type-h5-web-font-size: 18px;--sp-vi-type-h5-web-line-height: 28px;--sp-vi-type-h5-web-font-weight: 600;--sp-vi-type-h5-tablet-font-family: var(--sp-vi-font-heading);--sp-vi-type-h5-tablet-font-size: 16px;--sp-vi-type-h5-tablet-line-height: 24px;--sp-vi-type-h5-tablet-font-weight: 600;--sp-vi-type-h5-mobile-font-family: var(--sp-vi-font-heading);--sp-vi-type-h5-mobile-font-size: 14px;--sp-vi-type-h5-mobile-line-height: 22px;--sp-vi-type-h5-mobile-font-weight: 600;--sp-vi-type-body-web-font-family: var(--sp-vi-font-body);--sp-vi-type-body-web-font-size: 18px;--sp-vi-type-body-web-line-height: 28px;--sp-vi-type-body-web-font-weight: 400;--sp-vi-type-body-tablet-font-family: var(--sp-vi-font-body);--sp-vi-type-body-tablet-font-size: 16px;--sp-vi-type-body-tablet-line-height: 24px;--sp-vi-type-body-tablet-font-weight: 400;--sp-vi-type-body-mobile-font-family: var(--sp-vi-font-body);--sp-vi-type-body-mobile-font-size: 14px;--sp-vi-type-body-mobile-line-height: 22px;--sp-vi-type-body-mobile-font-weight: 400;--sp-vi-type-caption-web-font-family: var(--sp-vi-font-heading);--sp-vi-type-caption-web-font-size: 16px;--sp-vi-type-caption-web-line-height: 22px;--sp-vi-type-caption-web-font-weight: 400;--sp-vi-type-caption-tablet-font-family: var(--sp-vi-font-heading);--sp-vi-type-caption-tablet-font-size: 14px;--sp-vi-type-caption-tablet-line-height: 20px;--sp-vi-type-caption-tablet-font-weight: 400;--sp-vi-type-caption-mobile-font-family: var(--sp-vi-font-body);--sp-vi-type-caption-mobile-font-size: 12px;--sp-vi-type-caption-mobile-line-height: 18px;--sp-vi-type-caption-mobile-font-weight: 400;--sp-vi-type-label-web-font-family: var(--sp-vi-font-heading);--sp-vi-type-label-web-font-size: 16px;--sp-vi-type-label-web-line-height: 20px;--sp-vi-type-label-web-font-weight: 600;--sp-vi-type-label-tablet-font-family: var(--sp-vi-font-heading);--sp-vi-type-label-tablet-font-size: 16px;--sp-vi-type-label-tablet-line-height: 20px;--sp-vi-type-label-tablet-font-weight: 600;--sp-vi-type-label-mobile-font-family: var(--sp-vi-font-heading);--sp-vi-type-label-mobile-font-size: 14px;--sp-vi-type-label-mobile-line-height: 18px;--sp-vi-type-label-mobile-font-weight: 600;--sp-vi-type-h1-font-family: var(--sp-vi-type-h1-web-font-family);--sp-vi-type-h1-font-size: var(--sp-vi-type-h1-web-font-size);--sp-vi-type-h1-line-height: var(--sp-vi-type-h1-web-line-height);--sp-vi-type-h1-font-weight: var(--sp-vi-type-h1-web-font-weight);--sp-vi-type-h2-font-family: var(--sp-vi-type-h2-web-font-family);--sp-vi-type-h2-font-size: var(--sp-vi-type-h2-web-font-size);--sp-vi-type-h2-line-height: var(--sp-vi-type-h2-web-line-height);--sp-vi-type-h2-font-weight: var(--sp-vi-type-h2-web-font-weight);--sp-vi-type-h3-font-family: var(--sp-vi-type-h3-web-font-family);--sp-vi-type-h3-font-size: var(--sp-vi-type-h3-web-font-size);--sp-vi-type-h3-line-height: var(--sp-vi-type-h3-web-line-height);--sp-vi-type-h3-font-weight: var(--sp-vi-type-h3-web-font-weight);--sp-vi-type-h4-font-family: var(--sp-vi-type-h4-web-font-family);--sp-vi-type-h4-font-size: var(--sp-vi-type-h4-web-font-size);--sp-vi-type-h4-line-height: var(--sp-vi-type-h4-web-line-height);--sp-vi-type-h4-font-weight: var(--sp-vi-type-h4-web-font-weight);--sp-vi-type-h5-font-family: var(--sp-vi-type-h5-web-font-family);--sp-vi-type-h5-font-size: var(--sp-vi-type-h5-web-font-size);--sp-vi-type-h5-line-height: var(--sp-vi-type-h5-web-line-height);--sp-vi-type-h5-font-weight: var(--sp-vi-type-h5-web-font-weight);--sp-vi-type-body-font-family: var(--sp-vi-type-body-web-font-family);--sp-vi-type-body-font-size: var(--sp-vi-type-body-web-font-size);--sp-vi-type-body-line-height: var(--sp-vi-type-body-web-line-height);--sp-vi-type-body-font-weight: var(--sp-vi-type-body-web-font-weight);--sp-vi-type-caption-font-family: var(--sp-vi-type-caption-web-font-family);--sp-vi-type-caption-font-size: var(--sp-vi-type-caption-web-font-size);--sp-vi-type-caption-line-height: var(--sp-vi-type-caption-web-line-height);--sp-vi-type-caption-font-weight: var(--sp-vi-type-caption-web-font-weight);--sp-vi-type-label-font-family: var(--sp-vi-type-label-web-font-family);--sp-vi-type-label-font-size: var(--sp-vi-type-label-web-font-size);--sp-vi-type-label-line-height: var(--sp-vi-type-label-web-line-height);--sp-vi-type-label-font-weight: var(--sp-vi-type-label-web-font-weight)}.speakon-vi-type-h1,.speakon-vi-type-h2,.speakon-vi-type-h3,.speakon-vi-type-h4,.speakon-vi-type-h5,.speakon-vi-type-body,.speakon-vi-type-caption,.speakon-vi-type-label{letter-spacing:0;margin:0}.speakon-vi-type-h1{font-family:var(--sp-vi-type-h1-font-family);font-size:var(--sp-vi-type-h1-font-size);font-weight:var(--sp-vi-type-h1-font-weight);line-height:var(--sp-vi-type-h1-line-height)}.speakon-vi-type-h2{font-family:var(--sp-vi-type-h2-font-family);font-size:var(--sp-vi-type-h2-font-size);font-weight:var(--sp-vi-type-h2-font-weight);line-height:var(--sp-vi-type-h2-line-height)}.speakon-vi-type-h3{font-family:var(--sp-vi-type-h3-font-family);font-size:var(--sp-vi-type-h3-font-size);font-weight:var(--sp-vi-type-h3-font-weight);line-height:var(--sp-vi-type-h3-line-height)}.speakon-vi-type-h4{font-family:var(--sp-vi-type-h4-font-family);font-size:var(--sp-vi-type-h4-font-size);font-weight:var(--sp-vi-type-h4-font-weight);line-height:var(--sp-vi-type-h4-line-height)}.speakon-vi-type-h5{font-family:var(--sp-vi-type-h5-font-family);font-size:var(--sp-vi-type-h5-font-size);font-weight:var(--sp-vi-type-h5-font-weight);line-height:var(--sp-vi-type-h5-line-height)}.speakon-vi-type-body{font-family:var(--sp-vi-type-body-font-family);font-size:var(--sp-vi-type-body-font-size);font-weight:var(--sp-vi-type-body-font-weight);line-height:var(--sp-vi-type-body-line-height)}.speakon-vi-type-caption{font-family:var(--sp-vi-type-caption-font-family);font-size:var(--sp-vi-type-caption-font-size);font-weight:var(--sp-vi-type-caption-font-weight);line-height:var(--sp-vi-type-caption-line-height)}.speakon-vi-type-label{font-family:var(--sp-vi-type-label-font-family);font-size:var(--sp-vi-type-label-font-size);font-weight:var(--sp-vi-type-label-font-weight);line-height:var(--sp-vi-type-label-line-height)}.speakon-vi-typography-system{padding:56px 24px}.speakon-vi-typography-system__inner{margin:0 auto;max-width:1088px}.speakon-vi-typography-system__eyebrow{color:var(--sp-vi-color-text-muted, #6d6d6f);margin:0 0 12px}.speakon-vi-typography-system__title{color:var(--sp-vi-color-text-primary, #18181c);max-width:880px}.speakon-vi-typography-system__description{color:var(--sp-vi-color-text-secondary, #424242);margin-top:24px;max-width:900px}.speakon-vi-typography-system__list{display:grid;gap:0;margin-top:44px}.speakon-vi-typography-token{border-top:1px solid var(--sp-vi-color-border, #dddddd);display:grid;gap:24px;grid-template-columns:minmax(180px,260px) minmax(0,1fr);padding:28px 0}.speakon-vi-typography-token:last-child{border-bottom:1px solid var(--sp-vi-color-border, #dddddd)}.speakon-vi-typography-token__name{color:var(--sp-vi-color-text-primary, #18181c);margin-bottom:10px}.speakon-vi-typography-token__font,.speakon-vi-typography-token__spec{color:var(--sp-vi-color-text-muted, #6d6d6f);margin-top:8px}.speakon-vi-typography-token__sample{color:var(--sp-vi-color-text-primary, #18181c);max-width:720px;overflow-wrap:anywhere}.speakon-vi-typography-token__sample--body,.speakon-vi-typography-token__sample--caption{color:var(--sp-vi-color-text-secondary, #424242)}.speakon-vi-typography-system__footer{color:var(--sp-vi-color-text-muted, #6d6d6f);margin-top:44px}@media(max-width:1199.98px){.speakon-vi-page,.speakon-vi-section{--sp-vi-type-h1-font-family: var(--sp-vi-type-h1-tablet-font-family);--sp-vi-type-h1-font-size: var(--sp-vi-type-h1-tablet-font-size);--sp-vi-type-h1-line-height: var(--sp-vi-type-h1-tablet-line-height);--sp-vi-type-h1-font-weight: var(--sp-vi-type-h1-tablet-font-weight);--sp-vi-type-h2-font-family: var(--sp-vi-type-h2-tablet-font-family);--sp-vi-type-h2-font-size: var(--sp-vi-type-h2-tablet-font-size);--sp-vi-type-h2-line-height: var(--sp-vi-type-h2-tablet-line-height);--sp-vi-type-h2-font-weight: var(--sp-vi-type-h2-tablet-font-weight);--sp-vi-type-h3-font-family: var(--sp-vi-type-h3-tablet-font-family);--sp-vi-type-h3-font-size: var(--sp-vi-type-h3-tablet-font-size);--sp-vi-type-h3-line-height: var(--sp-vi-type-h3-tablet-line-height);--sp-vi-type-h3-font-weight: var(--sp-vi-type-h3-tablet-font-weight);--sp-vi-type-h4-font-family: var(--sp-vi-type-h4-tablet-font-family);--sp-vi-type-h4-font-size: var(--sp-vi-type-h4-tablet-font-size);--sp-vi-type-h4-line-height: var(--sp-vi-type-h4-tablet-line-height);--sp-vi-type-h4-font-weight: var(--sp-vi-type-h4-tablet-font-weight);--sp-vi-type-h5-font-family: var(--sp-vi-type-h5-tablet-font-family);--sp-vi-type-h5-font-size: var(--sp-vi-type-h5-tablet-font-size);--sp-vi-type-h5-line-height: var(--sp-vi-type-h5-tablet-line-height);--sp-vi-type-h5-font-weight: var(--sp-vi-type-h5-tablet-font-weight);--sp-vi-type-body-font-family: var(--sp-vi-type-body-tablet-font-family);--sp-vi-type-body-font-size: var(--sp-vi-type-body-tablet-font-size);--sp-vi-type-body-line-height: var(--sp-vi-type-body-tablet-line-height);--sp-vi-type-body-font-weight: var(--sp-vi-type-body-tablet-font-weight);--sp-vi-type-caption-font-family: var(--sp-vi-type-caption-tablet-font-family);--sp-vi-type-caption-font-size: var(--sp-vi-type-caption-tablet-font-size);--sp-vi-type-caption-line-height: var(--sp-vi-type-caption-tablet-line-height);--sp-vi-type-caption-font-weight: var(--sp-vi-type-caption-tablet-font-weight);--sp-vi-type-label-font-family: var(--sp-vi-type-label-tablet-font-family);--sp-vi-type-label-font-size: var(--sp-vi-type-label-tablet-font-size);--sp-vi-type-label-line-height: var(--sp-vi-type-label-tablet-line-height);--sp-vi-type-label-font-weight: var(--sp-vi-type-label-tablet-font-weight)}}@media(max-width:767.98px){.speakon-vi-page,.speakon-vi-section{--sp-vi-type-h1-font-family: var(--sp-vi-type-h1-mobile-font-family);--sp-vi-type-h1-font-size: var(--sp-vi-type-h1-mobile-font-size);--sp-vi-type-h1-line-height: var(--sp-vi-type-h1-mobile-line-height);--sp-vi-type-h1-font-weight: var(--sp-vi-type-h1-mobile-font-weight);--sp-vi-type-h2-font-family: var(--sp-vi-type-h2-mobile-font-family);--sp-vi-type-h2-font-size: var(--sp-vi-type-h2-mobile-font-size);--sp-vi-type-h2-line-height: var(--sp-vi-type-h2-mobile-line-height);--sp-vi-type-h2-font-weight: var(--sp-vi-type-h2-mobile-font-weight);--sp-vi-type-h3-font-family: var(--sp-vi-type-h3-mobile-font-family);--sp-vi-type-h3-font-size: var(--sp-vi-type-h3-mobile-font-size);--sp-vi-type-h3-line-height: var(--sp-vi-type-h3-mobile-line-height);--sp-vi-type-h3-font-weight: var(--sp-vi-type-h3-mobile-font-weight);--sp-vi-type-h4-font-family: var(--sp-vi-type-h4-mobile-font-family);--sp-vi-type-h4-font-size: var(--sp-vi-type-h4-mobile-font-size);--sp-vi-type-h4-line-height: var(--sp-vi-type-h4-mobile-line-height);--sp-vi-type-h4-font-weight: var(--sp-vi-type-h4-mobile-font-weight);--sp-vi-type-h5-font-family: var(--sp-vi-type-h5-mobile-font-family);--sp-vi-type-h5-font-size: var(--sp-vi-type-h5-mobile-font-size);--sp-vi-type-h5-line-height: var(--sp-vi-type-h5-mobile-line-height);--sp-vi-type-h5-font-weight: var(--sp-vi-type-h5-mobile-font-weight);--sp-vi-type-body-font-family: var(--sp-vi-type-body-mobile-font-family);--sp-vi-type-body-font-size: var(--sp-vi-type-body-mobile-font-size);--sp-vi-type-body-line-height: var(--sp-vi-type-body-mobile-line-height);--sp-vi-type-body-font-weight: var(--sp-vi-type-body-mobile-font-weight);--sp-vi-type-caption-font-family: var(--sp-vi-type-caption-mobile-font-family);--sp-vi-type-caption-font-size: var(--sp-vi-type-caption-mobile-font-size);--sp-vi-type-caption-line-height: var(--sp-vi-type-caption-mobile-line-height);--sp-vi-type-caption-font-weight: var(--sp-vi-type-caption-mobile-font-weight);--sp-vi-type-label-font-family: var(--sp-vi-type-label-mobile-font-family);--sp-vi-type-label-font-size: var(--sp-vi-type-label-mobile-font-size);--sp-vi-type-label-line-height: var(--sp-vi-type-label-mobile-line-height);--sp-vi-type-label-font-weight: var(--sp-vi-type-label-mobile-font-weight)}.speakon-vi-typography-system{padding:40px 16px}.speakon-vi-typography-token{gap:14px;grid-template-columns:1fr;padding:24px 0}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/speakon-vi-typography.css.map */