:root{--h1-desktop-size:4rem;--h1-desktop-lh:1.1;--h1-desktop-w:500;--h2-desktop-size:2rem;--h2-desktop-lh:1.2;--h2-desktop-w:600;--h3-desktop-size:1.5rem;--h3-desktop-lh:1.3;--h3-desktop-w:500;--h1-mobile-size:2rem;--h1-mobile-lh:1.2;--h1-mobile-w:500;--h2-mobile-size:1.5rem;--h2-mobile-lh:1.3;--h2-mobile-w:600;--h3-mobile-size:0.875rem;--h3-mobile-lh:1.3;--h3-mobile-w:500;--body-lg-size:1.5rem;--body-lg-lh:1.5;--body-lg-w:500;--body-md-desktop-size:1.125rem;--body-md-desktop-lh:1.6;--body-md-desktop-w:400;--body-sm-desktop-size:1rem;--body-sm-desktop-lh:1.6;--body-sm-desktop-w:400;--body-md-mobile-size:0.875rem;--body-md-mobile-lh:1.6;--body-md-mobile-w:400;--body-sm-mobile-size:0.75rem;--body-sm-mobile-lh:1.6;--body-sm-mobile-w:400;--btn-lg-desktop-size:1.125rem;--btn-lg-desktop-lh:1;--btn-lg-desktop-w:600;--btn-sm-desktop-size:1rem;--btn-sm-desktop-lh:1;--btn-sm-desktop-w:600;--btn-link-desktop-size:1rem;--btn-link-desktop-lh:1;--btn-link-desktop-w:400;--btn-lg-mobile-size:1rem;--btn-lg-mobile-lh:1;--btn-lg-mobile-w:600;--btn-sm-mobile-size:0.75rem;--btn-sm-mobile-lh:1;--btn-sm-mobile-w:600;--btn-link-mobile-size:0.75rem;--btn-link-mobile-lh:1;--btn-link-mobile-w:400}body{--font-heading:var(--font-sarabun);--font-body:var(--font-sarabun)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}h1{font-size:var(--h1-mobile-size);line-height:var(--h1-mobile-lh);font-weight:var(--h1-mobile-w)}h1,h2{font-family:var(--font-heading)}h2{font-size:var(--h2-mobile-size);line-height:var(--h2-mobile-lh);font-weight:var(--h2-mobile-w)}h3{font-family:var(--font-heading);font-size:var(--h3-mobile-size);line-height:var(--h3-mobile-lh);font-weight:var(--h3-mobile-w)}@media (min-width:48rem){h1{font-size:var(--h1-desktop-size);line-height:var(--h1-desktop-lh);font-weight:var(--h1-desktop-w)}h2{font-size:var(--h2-desktop-size);line-height:var(--h2-desktop-lh);font-weight:var(--h2-desktop-w)}h3{font-size:var(--h3-desktop-size);line-height:var(--h3-desktop-lh);font-weight:var(--h3-desktop-w)}}.body-lg{font-size:var(--body-lg-size);line-height:var(--body-lg-lh);font-weight:var(--body-lg-w)}.body-lg,.body-md{font-family:var(--font-body)}.body-md{font-size:var(--body-md-mobile-size);line-height:var(--body-md-mobile-lh);font-weight:var(--body-md-mobile-w)}.body-sm{font-family:var(--font-body);font-size:var(--body-sm-mobile-size);line-height:var(--body-sm-mobile-lh);font-weight:var(--body-sm-mobile-w)}@media (min-width:48rem){.body-md{font-size:var(--body-md-desktop-size);line-height:var(--body-md-desktop-lh);font-weight:var(--body-md-desktop-w)}.body-sm{font-size:var(--body-sm-desktop-size);line-height:var(--body-sm-desktop-lh);font-weight:var(--body-sm-desktop-w)}}.btn-lg-typo{font-size:var(--btn-lg-mobile-size);line-height:var(--btn-lg-mobile-lh);font-weight:var(--btn-lg-mobile-w)}.btn-lg-typo,.btn-sm-typo{font-family:var(--font-body)}.btn-sm-typo{font-size:var(--btn-sm-mobile-size);line-height:var(--btn-sm-mobile-lh);font-weight:var(--btn-sm-mobile-w)}.btn-link-typo{font-family:var(--font-body);font-size:var(--btn-link-mobile-size);line-height:var(--btn-link-mobile-lh);font-weight:var(--btn-link-mobile-w)}@media (min-width:48rem){.btn-lg-typo{font-size:var(--btn-lg-desktop-size);line-height:var(--btn-lg-desktop-lh);font-weight:var(--btn-lg-desktop-w)}.btn-sm-typo{font-size:var(--btn-sm-desktop-size);line-height:var(--btn-sm-desktop-lh);font-weight:var(--btn-sm-desktop-w)}.btn-link-typo{font-size:var(--btn-link-desktop-size);line-height:var(--btn-link-desktop-lh);font-weight:var(--btn-link-desktop-w)}}