.n52nOyWToLiMjHUpxn7G{flex-shrink:0}.kUVbai87eOWc8wsX7ZCT{display:flex;align-items:center;gap:4px;height:32px;padding:4px 8px 4px 10px;border-radius:999px;font-size:14px;font-weight:400;cursor:pointer;color:rgba(0,0,0,.86);background-color:#fff;border:1px solid rgba(0,0,0,.11);transition:background-color 150ms}.kUVbai87eOWc8wsX7ZCT:hover{background-color:#f5f5f5}.kUVbai87eOWc8wsX7ZCT:active{background-color:rgba(0,0,0,.18)}.kUVbai87eOWc8wsX7ZCT svg{font-size:16px;color:rgba(0,0,0,.57)}.jIHQrwluV6uMfsN4XBHd{width:8px;height:8px;border-radius:50%;background-color:#1e39d2;display:inline-block;margin-right:4px}.wk2LFlmHcltMEwTj6hdP{margin-left:4px;transition:transform 150ms}.okHZRcmWVYnWn35ER6ws{transform:rotate(180deg)}
.DuxdLbBKjJ73n9y0dd83{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer;border-radius:4px;font-size:14px;font-weight:500;color:rgba(0,0,0,.86);box-sizing:border-box}._QxaeoVwTRddw6nTb6WF{width:18px;height:18px;accent-color:#1e39d2;cursor:pointer;flex-shrink:0;margin:0}.vrvSsCMjLHUSLn8ssbAu{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.x3X64IQiLTp7QR7l6FS6{position:fixed;background-color:#fff;border-radius:8px;box-shadow:0 6px 12px rgba(0,0,0,.1098039216);z-index:1400;min-width:220px;display:flex;flex-direction:column}.BXePOuvEzGZ209VjgMjb{max-height:300px}.SkJvzNPxMk9ARK7jzB1i{max-height:400px}.dJtLUXVKIAxUYSa31VId{display:flex;align-items:center;border:1px solid rgba(0,0,0,.41);border-radius:4px;padding:9px 13px;gap:6px;min-height:40px;box-sizing:border-box}.fBsk9LAaIpCTLRXuCebz{width:100%;border:none;outline:none;font-size:14px;font-weight:500;padding:0;color:rgba(0,0,0,.86)}.XsJLm8n3Luq5AummWQdV{padding:8px;flex-shrink:0}.TZVZBTbPiC5svx7DADLy{overflow-y:auto;padding:8px 0}
.qKdnEocqleUVxKUNGg_F{display:flex;align-items:center;gap:4px;height:32px;padding:4px 8px 4px 10px;border-radius:999px;font-size:14px;font-weight:400;cursor:pointer;color:rgba(0,0,0,.86);background-color:#fff;border:1px solid rgba(0,0,0,.11);transition:background-color 150ms}.qKdnEocqleUVxKUNGg_F:hover{background-color:#f5f5f5}.qKdnEocqleUVxKUNGg_F:active{background-color:rgba(0,0,0,.18)}
.u5JpYXGG8kI5O5U1ikiQ{display:flex;align-items:center;gap:4px;height:32px;padding:4px 8px 4px 10px;border-radius:999px;font-size:14px;font-weight:400;cursor:pointer;color:rgba(0,0,0,.86);background-color:rgba(0,0,0,.04);transition-duration:150ms}.u5JpYXGG8kI5O5U1ikiQ:hover{background-color:rgba(0,0,0,.11)}.u5JpYXGG8kI5O5U1ikiQ:active{background-color:rgba(0,0,0,.18)}.u5JpYXGG8kI5O5U1ikiQ svg{font-size:16px;color:rgba(0,0,0,.57)}
.fkaOZIlHlrTuvk0ZPzmA{position:relative;width:100%;min-width:0}.jUZOGRzPUys7JDiGhhD1{display:flex;box-sizing:border-box;width:100%;padding:16px 0 8px;align-items:center;gap:12px;align-self:stretch;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.jUZOGRzPUys7JDiGhhD1::-webkit-scrollbar{display:none}.nq5VfVIBUwdQWrgAgSGZ{padding-left:56px;padding-right:56px}.aeBECdlh9jo2JKgIdpi3{position:absolute;top:17px;z-index:2;box-shadow:0 4px 8px rgba(0,0,0,.08)}.aeBECdlh9jo2JKgIdpi3:hover{background-color:#f5f5f5}.eERF2dr6bX7Jfbpp7n7A{left:16px}.qStfFQN3BE3ZAK0OT6Gw{right:16px}.rMTXv9rH2AMDABLakCRU{transform:scaleX(-1)}
.Xx4knx7QCmO98mSP0SwQ{display:flex;flex-wrap:wrap;flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start;gap:4px 16px;font-size:14px;font-weight:400;color:rgba(0,0,0,.86);margin:16px 0 4px}.zUUgA5sL8VN_nE9ls33Q{margin-top:4px}.L7MdFqcGVXtvpwueQX4A{font-weight:bold;white-space:nowrap;line-height:32px;margin-bottom:-8px}.LAeOJYFfoVW26UnY_YZA{display:flex;align-items:center;gap:4px;height:32px;padding:4px 8px 4px 10px;border-radius:999px;font-size:14px;font-weight:400;cursor:pointer;color:rgba(0,0,0,.86);transition-duration:150ms}.LAeOJYFfoVW26UnY_YZA svg{font-size:16px;color:rgba(0,0,0,.57)}.n3wdCkYVkmWFRCtI994U{background-color:#fff;border:1px solid rgba(0,0,0,.11)}.n3wdCkYVkmWFRCtI994U:hover{background-color:#f5f5f5}.iQtJbWpm1IBksmdDrYwu{background-color:rgba(0,0,0,.04)}.iQtJbWpm1IBksmdDrYwu:hover{background-color:rgba(0,0,0,.11)}.iQtJbWpm1IBksmdDrYwu:active{background-color:rgba(0,0,0,.18)}
.cc-Custom-Promo-Banner{font-family:"Sharp Sans",sans-serif;display:flex;justify-content:flex-start;align-items:center;gap:8px;position:relative;overflow:hidden;color:#fff;line-height:1.25;border-radius:8px;height:150px;container-type:inline-size;container-name:promo-banner;margin-top:4px}.cc-Custom-Promo-Banner-background-image{flex:0 0 35%;background-repeat:no-repeat;background-size:auto 100%;background-position:90% center;pointer-events:none;height:100%}.cc-Custom-Promo-Banner-contents-container{flex:0 0 65%;position:relative;display:flex;justify-content:flex-start;padding:16px 12px 16px 0;flex-direction:column;align-items:start;gap:4px}.cc-Custom-Promo-Banner-text-container{display:flex;flex-direction:column;text-align:start;align-items:flex-start;gap:8px}.cc-Custom-Promo-Banner-title{font-size:20px;font-weight:700;line-height:1.25}.cc-Custom-Promo-Banner-subtitle{font-size:10px;font-weight:normal;white-space:nowrap}.cc-Custom-Promo-Banner-subtitle-container{display:flex;align-items:center}.cc-Custom-Promo-Banner-link-mobile{font-size:13px}.cc-Custom-Promo-Banner-link-mobile a{padding-left:3px;color:#fff;text-decoration:underline;font-weight:500}.cc-Custom-Promo-Banner-button{display:none;min-width:64px;justify-content:center;align-items:center;gap:10px;white-space:nowrap}.cc-Custom-Promo-Banner-button a,.cc-Custom-Promo-Banner-button button{display:inline-flex;justify-content:center;align-items:center;min-width:64px;padding:12px 12px;border-radius:6px;white-space:nowrap;height:28px;font-size:12px}.cc-Custom-Promo-Banner.dark-text{color:rgba(0,0,0,.86)}.cc-Custom-Promo-Banner.dark-text .cc-Custom-Promo-Banner-link-mobile a{color:rgba(0,0,0,.86)}.cc-Custom-Promo-Banner.has-button .cc-Custom-Promo-Banner-title{font-size:22px;line-height:1.1}.cc-Custom-Promo-Banner.has-button .cc-Custom-Promo-Banner-text-container{gap:2px}.cc-Custom-Promo-Banner.product-showcase{height:150px;justify-content:unset}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-background-image{background-size:150%}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-contents-container{width:100%;justify-content:space-between}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-text-container{align-items:flex-start;text-align:start}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-title{font-size:24px;font-weight:800}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-copy{font-size:10px;font-weight:700;margin-bottom:8px}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-subtitle{font-size:10px}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-link-mobile{font-size:10px}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-link-mobile a{color:rgba(0,0,0,.86)}@container promo-banner (min-width: 420px){.cc-Custom-Promo-Banner-button a,.cc-Custom-Promo-Banner-button button{font-size:14px;height:32px;padding:12px 16px}.cc-Custom-Promo-Banner-contents-container{gap:8px}}@container promo-banner (min-width: 600px){.cc-Custom-Promo-Banner-background-image{background-position:left center}.cc-Custom-Promo-Banner-contents-container{padding:16px 24px 16px 16px;gap:16px;align-items:center;flex-direction:row}.cc-Custom-Promo-Banner-title{white-space:normal}.cc-Custom-Promo-Banner-link-mobile{display:none}.cc-Custom-Promo-Banner.has-button .cc-Custom-Promo-Banner-button{display:flex}.cc-Custom-Promo-Banner.has-button a,.cc-Custom-Promo-Banner.has-button button{font-size:16px;height:48px}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-copy{font-size:12px}.cc-Custom-Promo-Banner.product-showcase.has-button .cc-Custom-Promo-Banner-button{min-width:112px;margin-left:12px}}@container promo-banner (min-width: 700px){.cc-Custom-Promo-Banner-background-image{background-position:70% 20%;background-size:130% auto}.cc-Custom-Promo-Banner-contents-container{gap:24px}.cc-Custom-Promo-Banner-title{font-size:28px}.cc-Custom-Promo-Banner.has-button .cc-Custom-Promo-Banner-title{font-size:32px}}@container promo-banner (min-width: 900px){.cc-Custom-Promo-Banner-text-container{gap:12px}.cc-Custom-Promo-Banner-background-image{flex:0 0 25%}.cc-Custom-Promo-Banner-contents-container{flex:0 0 75%;margin-left:30px}.cc-Custom-Promo-Banner-title{font-size:32px}.cc-Custom-Promo-Banner.has-button .cc-Custom-Promo-Banner-title{font-size:40px}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-background-image{background-size:98%}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-contents-container{padding:16px 40px 16px 32px;width:100%;justify-content:space-between}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-title{font-size:32px}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-copy{font-size:14px;margin-bottom:12px}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-subtitle{font-size:13px}.cc-Custom-Promo-Banner.product-showcase.plp-banner .cc-Custom-Promo-Banner-copy{font-size:12px}}@container promo-banner (min-width: 1200px){.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-title{font-size:40px}.cc-Custom-Promo-Banner.product-showcase .cc-Custom-Promo-Banner-background-image{background-size:95%}}
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --typography-body-md-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-body-md-fontSize: var(--primitives-font-size-16);
  --typography-body-md-fontWeight: var(--primitives-font-weight-500);
  --typography-body-md-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-body-md-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-body-sm-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-body-sm-fontSize: var(--primitives-font-size-14);
  --typography-body-sm-fontWeight: var(--primitives-font-weight-500);
  --typography-body-sm-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-body-sm-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-body-xs-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-body-xs-fontSize: var(--primitives-font-size-13);
  --typography-body-xs-fontWeight: var(--primitives-font-weight-500);
  --typography-body-xs-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-body-xs-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-body-xxs-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-body-xxs-fontSize: var(--primitives-font-size-12);
  --typography-body-xxs-fontWeight: var(--primitives-font-weight-500);
  --typography-body-xxs-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-body-xxs-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-component-button-lg-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-component-button-lg-fontSize: var(--primitives-font-size-16);
  --typography-component-button-lg-fontWeight: var(--primitives-font-weight-600);
  --typography-component-button-lg-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-component-button-lg-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-component-button-md-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-component-button-md-fontSize: var(--primitives-font-size-14);
  --typography-component-button-md-fontWeight: var(--primitives-font-weight-600);
  --typography-component-button-md-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-component-button-md-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-component-button-sm-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-component-button-sm-fontSize: var(--primitives-font-size-12);
  --typography-component-button-sm-fontWeight: var(--primitives-font-weight-600);
  --typography-component-button-sm-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-component-button-sm-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-component-button-xl-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-component-button-xl-fontSize: var(--primitives-font-size-20);
  --typography-component-button-xl-fontWeight: var(--primitives-font-weight-700);
  --typography-component-button-xl-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-component-button-xl-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-display-lg-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-display-lg-fontSize-desktop: var(--primitives-font-size-48);
  --typography-display-lg-fontSize-mobile: var(--primitives-font-size-40);
  --typography-display-lg-fontWeight: var(--primitives-font-weight-800);
  --typography-display-lg-letterSpacing: var(--primitives-font-letterSpacing-2);
  --typography-display-lg-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-display-md-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-display-md-fontSize-desktop: var(--primitives-font-size-40);
  --typography-display-md-fontSize-mobile: var(--primitives-font-size-32);
  --typography-display-md-fontWeight: var(--primitives-font-weight-800);
  --typography-display-md-letterSpacing: var(--primitives-font-letterSpacing-2);
  --typography-display-md-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-display-xl-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-display-xl-fontSize-desktop: var(--primitives-font-size-64);
  --typography-display-xl-fontSize-mobile: var(--primitives-font-size-48);
  --typography-display-xl-fontWeight: var(--primitives-font-weight-800);
  --typography-display-xl-letterSpacing: var(--primitives-font-letterSpacing-2);
  --typography-display-xl-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-display-xxl-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-display-xxl-fontSize-desktop: var(--primitives-font-size-82);
  --typography-display-xxl-fontSize-mobile: var(--primitives-font-size-64);
  --typography-display-xxl-fontWeight: var(--primitives-font-weight-800);
  --typography-display-xxl-letterSpacing: var(--primitives-font-letterSpacing-2);
  --typography-display-xxl-lineHeight: var(--primitives-font-lineHeight-100);
  --typography-heading-h1-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h1-fontSize-desktop: var(--primitives-font-size-32);
  --typography-heading-h1-fontSize-mobile: var(--primitives-font-size-26);
  --typography-heading-h1-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h1-letterSpacing-desktop: var(--primitives-font-letterSpacing-2);
  --typography-heading-h1-letterSpacing-mobile: var(--primitives-font-letterSpacing-0);
  --typography-heading-h1-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-heading-h2-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h2-fontSize-desktop: var(--primitives-font-size-28);
  --typography-heading-h2-fontSize-mobile: var(--primitives-font-size-24);
  --typography-heading-h2-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h2-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-heading-h2-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-heading-h3-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h3-fontSize-desktop: var(--primitives-font-size-24);
  --typography-heading-h3-fontSize-mobile: var(--primitives-font-size-20);
  --typography-heading-h3-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h3-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-heading-h3-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-heading-h4-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h4-fontSize-desktop: var(--primitives-font-size-20);
  --typography-heading-h4-fontSize-mobile: var(--primitives-font-size-18);
  --typography-heading-h4-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h4-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-heading-h4-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-heading-h5-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h5-fontSize-desktop: var(--primitives-font-size-16);
  --typography-heading-h5-fontSize-mobile: var(--primitives-font-size-15);
  --typography-heading-h5-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h5-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-heading-h5-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-heading-h6-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-heading-h6-fontSize: var(--primitives-font-size-14);
  --typography-heading-h6-fontWeight: var(--primitives-font-weight-700);
  --typography-heading-h6-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-heading-h6-lineHeight: var(--primitives-font-lineHeight-125);
  --typography-reading-md-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-reading-md-fontSize: var(--primitives-font-size-16);
  --typography-reading-md-fontWeight: var(--primitives-font-weight-500);
  --typography-reading-md-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-reading-md-lineHeight: var(--primitives-font-lineHeight-150);
  --typography-reading-md-paragraphSpacing: var(--primitives-font-paragraphSpacing-16);
  --typography-reading-sm-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-reading-sm-fontSize: var(--primitives-font-size-14);
  --typography-reading-sm-fontWeight: var(--primitives-font-weight-500);
  --typography-reading-sm-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-reading-sm-lineHeight: var(--primitives-font-lineHeight-150);
  --typography-reading-sm-paragraphSpacing: var(--primitives-font-paragraphSpacing-14);
  --typography-reading-xs-fontFamily: var(--primitives-font-family-sharpSans);
  --typography-reading-xs-fontSize: var(--primitives-font-size-13);
  --typography-reading-xs-fontWeight: var(--primitives-font-weight-500);
  --typography-reading-xs-letterSpacing: var(--primitives-font-letterSpacing-0);
  --typography-reading-xs-lineHeight: var(--primitives-font-lineHeight-150);
  --typography-reading-xs-paragraphSpacing: var(--primitives-font-paragraphSpacing-14);
}
:root {
  --typography-display-lg-fontSize: var(--typography-display-lg-fontSize-mobile);
  --typography-display-md-fontSize: var(--typography-display-md-fontSize-mobile);
  --typography-display-xl-fontSize: var(--typography-display-xl-fontSize-mobile);
  --typography-display-xxl-fontSize: var(--typography-display-xxl-fontSize-mobile);
  --typography-heading-h1-fontSize: var(--typography-heading-h1-fontSize-mobile);
  --typography-heading-h1-letterSpacing: var(--typography-heading-h1-letterSpacing-mobile);
  --typography-heading-h2-fontSize: var(--typography-heading-h2-fontSize-mobile);
  --typography-heading-h3-fontSize: var(--typography-heading-h3-fontSize-mobile);
  --typography-heading-h4-fontSize: var(--typography-heading-h4-fontSize-mobile);
  --typography-heading-h5-fontSize: var(--typography-heading-h5-fontSize-mobile);
}

@media (min-width: 700px) {
  :root {
    --typography-display-lg-fontSize: var(--typography-display-lg-fontSize-desktop);
    --typography-display-md-fontSize: var(--typography-display-md-fontSize-desktop);
    --typography-display-xl-fontSize: var(--typography-display-xl-fontSize-desktop);
    --typography-display-xxl-fontSize: var(--typography-display-xxl-fontSize-desktop);
    --typography-heading-h1-fontSize: var(--typography-heading-h1-fontSize-desktop);
    --typography-heading-h1-letterSpacing: var(--typography-heading-h1-letterSpacing-desktop);
    --typography-heading-h2-fontSize: var(--typography-heading-h2-fontSize-desktop);
    --typography-heading-h3-fontSize: var(--typography-heading-h3-fontSize-desktop);
    --typography-heading-h4-fontSize: var(--typography-heading-h4-fontSize-desktop);
    --typography-heading-h5-fontSize: var(--typography-heading-h5-fontSize-desktop);
  }
}

.typography-body-md {
  font-family: var(--typography-body-md-fontFamily);
  font-weight: var(--typography-body-md-fontWeight);
  font-size: var(--typography-body-md-fontSize);
  line-height: var(--typography-body-md-lineHeight);
  letter-spacing: var(--typography-body-md-letterSpacing);
}

.typography-body-sm {
  font-family: var(--typography-body-sm-fontFamily);
  font-weight: var(--typography-body-sm-fontWeight);
  font-size: var(--typography-body-sm-fontSize);
  line-height: var(--typography-body-sm-lineHeight);
  letter-spacing: var(--typography-body-sm-letterSpacing);
}

.typography-body-xs {
  font-family: var(--typography-body-xs-fontFamily);
  font-weight: var(--typography-body-xs-fontWeight);
  font-size: var(--typography-body-xs-fontSize);
  line-height: var(--typography-body-xs-lineHeight);
  letter-spacing: var(--typography-body-xs-letterSpacing);
}

.typography-body-xxs {
  font-family: var(--typography-body-xxs-fontFamily);
  font-weight: var(--typography-body-xxs-fontWeight);
  font-size: var(--typography-body-xxs-fontSize);
  line-height: var(--typography-body-xxs-lineHeight);
  letter-spacing: var(--typography-body-xxs-letterSpacing);
}

.typography-component-button-lg {
  font-family: var(--typography-component-button-lg-fontFamily);
  font-weight: var(--typography-component-button-lg-fontWeight);
  font-size: var(--typography-component-button-lg-fontSize);
  line-height: var(--typography-component-button-lg-lineHeight);
  letter-spacing: var(--typography-component-button-lg-letterSpacing);
}

.typography-component-button-md {
  font-family: var(--typography-component-button-md-fontFamily);
  font-weight: var(--typography-component-button-md-fontWeight);
  font-size: var(--typography-component-button-md-fontSize);
  line-height: var(--typography-component-button-md-lineHeight);
  letter-spacing: var(--typography-component-button-md-letterSpacing);
}

.typography-component-button-sm {
  font-family: var(--typography-component-button-sm-fontFamily);
  font-weight: var(--typography-component-button-sm-fontWeight);
  font-size: var(--typography-component-button-sm-fontSize);
  line-height: var(--typography-component-button-sm-lineHeight);
  letter-spacing: var(--typography-component-button-sm-letterSpacing);
}

.typography-component-button-xl {
  font-family: var(--typography-component-button-xl-fontFamily);
  font-weight: var(--typography-component-button-xl-fontWeight);
  font-size: var(--typography-component-button-xl-fontSize);
  line-height: var(--typography-component-button-xl-lineHeight);
  letter-spacing: var(--typography-component-button-xl-letterSpacing);
}

.typography-display-lg {
  font-family: var(--typography-display-lg-fontFamily);
  font-weight: var(--typography-display-lg-fontWeight);
  font-size: var(--typography-display-lg-fontSize);
  line-height: var(--typography-display-lg-lineHeight);
  letter-spacing: var(--typography-display-lg-letterSpacing);
}

.typography-display-md {
  font-family: var(--typography-display-md-fontFamily);
  font-weight: var(--typography-display-md-fontWeight);
  font-size: var(--typography-display-md-fontSize);
  line-height: var(--typography-display-md-lineHeight);
  letter-spacing: var(--typography-display-md-letterSpacing);
}

.typography-display-xl {
  font-family: var(--typography-display-xl-fontFamily);
  font-weight: var(--typography-display-xl-fontWeight);
  font-size: var(--typography-display-xl-fontSize);
  line-height: var(--typography-display-xl-lineHeight);
  letter-spacing: var(--typography-display-xl-letterSpacing);
}

.typography-display-xxl {
  font-family: var(--typography-display-xxl-fontFamily);
  font-weight: var(--typography-display-xxl-fontWeight);
  font-size: var(--typography-display-xxl-fontSize);
  line-height: var(--typography-display-xxl-lineHeight);
  letter-spacing: var(--typography-display-xxl-letterSpacing);
}

.typography-heading-h1 {
  font-family: var(--typography-heading-h1-fontFamily);
  font-weight: var(--typography-heading-h1-fontWeight);
  font-size: var(--typography-heading-h1-fontSize);
  line-height: var(--typography-heading-h1-lineHeight);
  letter-spacing: var(--typography-heading-h1-letterSpacing);
}

.typography-heading-h2 {
  font-family: var(--typography-heading-h2-fontFamily);
  font-weight: var(--typography-heading-h2-fontWeight);
  font-size: var(--typography-heading-h2-fontSize);
  line-height: var(--typography-heading-h2-lineHeight);
  letter-spacing: var(--typography-heading-h2-letterSpacing);
}

.typography-heading-h3 {
  font-family: var(--typography-heading-h3-fontFamily);
  font-weight: var(--typography-heading-h3-fontWeight);
  font-size: var(--typography-heading-h3-fontSize);
  line-height: var(--typography-heading-h3-lineHeight);
  letter-spacing: var(--typography-heading-h3-letterSpacing);
}

.typography-heading-h4 {
  font-family: var(--typography-heading-h4-fontFamily);
  font-weight: var(--typography-heading-h4-fontWeight);
  font-size: var(--typography-heading-h4-fontSize);
  line-height: var(--typography-heading-h4-lineHeight);
  letter-spacing: var(--typography-heading-h4-letterSpacing);
}

.typography-heading-h5 {
  font-family: var(--typography-heading-h5-fontFamily);
  font-weight: var(--typography-heading-h5-fontWeight);
  font-size: var(--typography-heading-h5-fontSize);
  line-height: var(--typography-heading-h5-lineHeight);
  letter-spacing: var(--typography-heading-h5-letterSpacing);
}

.typography-heading-h6 {
  font-family: var(--typography-heading-h6-fontFamily);
  font-weight: var(--typography-heading-h6-fontWeight);
  font-size: var(--typography-heading-h6-fontSize);
  line-height: var(--typography-heading-h6-lineHeight);
  letter-spacing: var(--typography-heading-h6-letterSpacing);
}

.typography-reading-md {
  font-family: var(--typography-reading-md-fontFamily);
  font-weight: var(--typography-reading-md-fontWeight);
  font-size: var(--typography-reading-md-fontSize);
  line-height: var(--typography-reading-md-lineHeight);
  letter-spacing: var(--typography-reading-md-letterSpacing);
}

.typography-reading-sm {
  font-family: var(--typography-reading-sm-fontFamily);
  font-weight: var(--typography-reading-sm-fontWeight);
  font-size: var(--typography-reading-sm-fontSize);
  line-height: var(--typography-reading-sm-lineHeight);
  letter-spacing: var(--typography-reading-sm-letterSpacing);
}

.typography-reading-xs {
  font-family: var(--typography-reading-xs-fontFamily);
  font-weight: var(--typography-reading-xs-fontWeight);
  font-size: var(--typography-reading-xs-fontSize);
  line-height: var(--typography-reading-xs-lineHeight);
  letter-spacing: var(--typography-reading-xs-letterSpacing);
}