/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./lululemon/cartridges/app_lululemon_base/cartridge/client/default/scss/pageDesignerTypography.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap is overriding breakpoint lg to 1409px,
    which is causing no-margin issue in tablet landspace mode.
    Hence the custom logic. */
.lazyload {
  visibility: hidden;
}

.lazyloaded {
  visibility: visible;
}

.page-designer-reference h1 {
  line-height: 44px;
  font-weight: 600;
  font-size: 36px;
  font-size: 2.25rem;
}
.page-designer-reference h1:lang(ko), .page-designer-reference h1:lang(ja), .page-designer-reference h1:lang(zh) {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 44px;
}
@media (max-width: 1023.98px) {
  .page-designer-reference h1 {
    line-height: 32px;
    font-size: 30px;
    font-size: 1.875rem;
  }
  .page-designer-reference h1:lang(ko), .page-designer-reference h1:lang(ja), .page-designer-reference h1:lang(zh) {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 28px;
  }
}
.page-designer-reference h2 {
  line-height: 32px;
  font-weight: 600;
  font-size: 36px;
  font-size: 2.25rem;
}
.page-designer-reference h2:lang(ko), .page-designer-reference h2:lang(ja), .page-designer-reference h2:lang(zh) {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 44px;
}
@media (max-width: 1023.98px) {
  .page-designer-reference h2 {
    line-height: 28px;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .page-designer-reference h2:lang(ko), .page-designer-reference h2:lang(ja), .page-designer-reference h2:lang(zh) {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
  }
}
.page-designer-reference h3 {
  line-height: 28px;
  font-weight: 600;
  font-size: 26px;
  font-size: 1.625rem;
}
.page-designer-reference h3:lang(ko), .page-designer-reference h3:lang(ja), .page-designer-reference h3:lang(zh) {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 28px;
}
@media (max-width: 1023.98px) {
  .page-designer-reference h3 {
    line-height: 24px;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .page-designer-reference h3:lang(ko), .page-designer-reference h3:lang(ja), .page-designer-reference h3:lang(zh) {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
  }
}
.page-designer-reference h4 {
  line-height: 28px;
  font-weight: 600;
  font-size: 24px;
  font-size: 1.5rem;
}
.page-designer-reference h4:lang(ko), .page-designer-reference h4:lang(ja), .page-designer-reference h4:lang(zh) {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
}
@media (max-width: 1023.98px) {
  .page-designer-reference h4 {
    line-height: 24px;
    font-size: 19px;
    font-size: 1.1875rem;
  }
  .page-designer-reference h4:lang(ko), .page-designer-reference h4:lang(ja), .page-designer-reference h4:lang(zh) {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
  }
  .page-designer-reference h4:lang(zh) {
    line-height: 23px;
  }
}
.page-designer-reference h5 {
  line-height: 24px;
  font-weight: 600;
  font-size: 22px;
  font-size: 1.375rem;
}
.page-designer-reference h5:lang(ko), .page-designer-reference h5:lang(ja), .page-designer-reference h5:lang(zh) {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
}
@media (max-width: 1023.98px) {
  .page-designer-reference h5 {
    line-height: 20px;
    font-size: 16px;
  }
}
.page-designer-reference p {
  line-height: 24px;
  font-weight: 400 !important;
  font-size: 19px;
  font-size: 1.1875rem;
}
.page-designer-reference p:lang(ko), .page-designer-reference p:lang(ja), .page-designer-reference p:lang(zh) {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
}
.page-designer-reference p:lang(zh) {
  line-height: 23px;
}
@media (max-width: 1023.98px) {
  .page-designer-reference p {
    line-height: 20px;
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .page-designer-reference p:lang(ko), .page-designer-reference p:lang(ja), .page-designer-reference p:lang(zh) {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .page-designer-reference p:lang(zh) {
    line-height: 21px;
  }
}
.page-designer-reference b,
.page-designer-reference strong {
  line-height: 24px;
  font-weight: 600 !important;
  font-size: 19px;
  font-size: 1.1875rem;
}
.page-designer-reference b:lang(ko), .page-designer-reference b:lang(ja), .page-designer-reference b:lang(zh),
.page-designer-reference strong:lang(ko),
.page-designer-reference strong:lang(ja),
.page-designer-reference strong:lang(zh) {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
}
.page-designer-reference b:lang(zh),
.page-designer-reference strong:lang(zh) {
  line-height: 23px;
}
@media (max-width: 1023.98px) {
  .page-designer-reference b,
  .page-designer-reference strong {
    line-height: 20px;
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .page-designer-reference b:lang(ko), .page-designer-reference b:lang(ja), .page-designer-reference b:lang(zh),
  .page-designer-reference strong:lang(ko),
  .page-designer-reference strong:lang(ja),
  .page-designer-reference strong:lang(zh) {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .page-designer-reference b:lang(zh),
  .page-designer-reference strong:lang(zh) {
    line-height: 21px;
  }
}
.page-designer-reference a {
  color: #000;
  line-height: 24px;
  font-weight: 600;
  border-bottom: 1px solid lightgrey;
  font-size: 19px;
  font-size: 1.1875rem;
}
.page-designer-reference a:lang(ko), .page-designer-reference a:lang(ja), .page-designer-reference a:lang(zh) {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
}
.page-designer-reference a:lang(zh) {
  line-height: 23px;
}
.page-designer-reference a:hover {
  color: #000;
  text-decoration: none;
  border-bottom-color: #d62644;
}
@media (max-width: 1023.98px) {
  .page-designer-reference a {
    line-height: 20px;
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .page-designer-reference a:lang(ko), .page-designer-reference a:lang(ja), .page-designer-reference a:lang(zh) {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .page-designer-reference a:lang(zh) {
    line-height: 21px;
  }
}

.btn {
  line-height: 20px;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  font-size: 16px;
}

/*# sourceMappingURL=pageDesignerTypography.css.map*/