/* stylelint-disable color-no-hex */
/* Icons */
.icon {
  font-family: "feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.5rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left::before {
  content: "\E828";
}

.icon-arrow-right::before {
  content: "\E829";
}

.icon-bell::before {
  content: "\E836";
}

.icon-calendar::before {
  content: "\E83A";
}

.icon-check-circle::before {
  content: "\E83E";
}

.icon-check::before {
  content: "\E83F";
}

.icon-chevron-down::before {
  content: "\E842";
}

.icon-chevron-left::before {
  content: "\E843";
}

.icon-chevron-right::before {
  content: "\E844";
}

.icon-circle::before {
  content: "\E84A";
}

.icon-clock::before {
  content: "\E84D";
}

.icon-credit-card::before {
  content: "\E85F";
}

.icon-crosshair::before {
  content: "\E860";
}

.icon-download::before {
  content: "\E864";
}

.icon-external-link::before {
  content: "\E869";
}

.icon-filter::before {
  content: "\E875";
}

.icon-grid::before {
  content: "\E878";
}

.icon-home::before {
  content: "\E87A";
}

.icon-info::before {
  content: "\E87F";
}

.icon-layout::before {
  content: "\E881";
}

.icon-link::before {
  content: "\E884";
}

.icon-list::before {
  content: "\E886";
}

.icon-lock::before {
  content: "\E887";
}

.icon-map::before {
  content: "\E88C";
}

.icon-map-pin::before {
  content: "\E88E";
}

.icon-menu::before {
  content: "\E88F";
}

.icon-minus::before {
  content: "\E897";
}

.icon-plus::before {
  content: "\E8B1";
}

.icon-search::before {
  content: "\E8BD";
}

.icon-triangle::before {
  content: "\E8DE";
}

.icon-user::before {
  content: "\E8E9";
}

.icon-x::before {
  content: "\E8F6";
}

.icon-arrow-left-circle::before {
  content: "\E910";
}

.icon-arrow-right-circle::before {
  content: "\E911";
}

.fs-icon-xs::before {
  font-size: 1rem;
}

.fs-icon-s::before {
  font-size: 1.5rem;
}

.fs-icon-l::before {
  font-size: 2rem;
}

.svg-icon-xs {
  height: 1rem;
  width: 1rem;
}
.svg-icon-xs svg,
.svg-icon-xs img {
  height: 1rem;
  width: 1rem;
}

.svg-icon-s {
  height: 1.5rem;
  width: 1.5rem;
}
.svg-icon-s svg,
.svg-icon-s img {
  height: 1.5rem;
  width: 1.5rem;
}

.svg-icon-l {
  height: 2rem;
  width: 2rem;
}
.svg-icon-l svg,
.svg-icon-l img {
  height: 2rem;
  width: 2rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-weight: bold;
}

.display-l {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 4.375rem;
}

.display-m {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-size: 3rem;
  font-weight: bold;
  line-height: 3.75rem;
}

/* XXXL Size */
.title-xxxl {
  font-size: 2.5rem;
  line-height: 3.125rem;
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-weight: bold;
}

/* XXL Size */
.title-xxl {
  font-size: 2.25rem;
  line-height: 2.8125rem;
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-weight: bold;
}

/* XL Size */
.title-xl {
  font-size: 2rem;
  line-height: 2.5rem;
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-weight: bold;
}

/* L Size */
.title-l {
  font-size: 1.75rem;
  line-height: 2.1875rem;
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-weight: bold;
}

/* M Size */
.title-m {
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-weight: bold;
}

.subtitle-m {
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
}

.title-s {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-weight: bold;
}

.subtitle-s {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
}

.body-m {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.body-m-underline {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: underline;
}

.body-m-weight {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
}

.body-s {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.body-s-underline {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-decoration: underline;
}

.body-s-weight {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: bold;
}

.body-caption {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.body-caption-underline {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-size: 0.75rem;
  line-height: 1.25rem;
  text-decoration: underline;
}

.body-caption-weight {
  font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: bold;
}

[id^=help-page] .help-content-header-banner {
  background-color: #E8F8FF;
  display: flex;
  padding: 1rem 2.5rem 2rem 2.5rem;
  justify-content: space-between;
  margin-top: 1.4375rem;
  margin-bottom: 1.4375rem;
  align-items: flex-start;
}
@media (min-width: 375px) {
  [id^=help-page] .help-content-header-banner {
    align-items: flex-end;
  }
}
[id^=help-page] .help-content-header-banner .help-content-header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
[id^=help-page] .help-content-header-banner h1 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin: 0;
}
[id^=help-page] .help-content-header-banner h2 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0;
}
[id^=help-page] .help-content-header-banner .help-content-image img {
  width: 4.75rem;
  height: 4.75rem;
}
[id^=help-page] .row .col-12:has(.experience-commerce_assets-editorialRichText) {
  display: flex;
  justify-content: center;
}
[id^=help-page] .row .col-12:has(.experience-commerce_assets-editorialRichText) .experience-component.experience-commerce_assets-editorialRichText {
  width: 100%;
}
@media (min-width: 1024px) {
  [id^=help-page] .row .col-12:has(.experience-commerce_assets-editorialRichText) .experience-component.experience-commerce_assets-editorialRichText {
    width: 39.375rem;
  }
}
[id^=help-page] .row .col-12:has(.experience-commerce_assets-editorialRichText) .experience-component.experience-commerce_assets-editorialRichText div {
  text-align: start !important;
}

.cf-header-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background-color: #ffffff;
  min-height: 2.5rem;
  padding: 0.5rem;
  padding-right: 3rem;
}
@media (max-width: 479.98px) {
  .cf-header-banner {
    flex-direction: column;
    padding-right: 0.5rem;
  }
}
.cf-header-banner__image {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cf-header-banner__image img {
  width: 100%;
  vertical-align: bottom;
  display: block;
}
.cf-header-banner__image p {
  margin: 0;
  padding: 0;
}
.cf-header-banner__coupon {
  display: flex;
}
.cf-header-banner__coupon button {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 5px;
  background-color: var(--couponCodePrimaryColor);
  border-color: var(--couponCodePrimaryColor);
  color: var(--couponCodeSecondaryColor);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cf-header-banner__coupon button:hover {
  color: var(--couponCodeSecondaryColor);
}
.cf-header-banner__coupon span {
  display: block;
  background-color: var(--couponCodeSecondaryColor);
  border: 1px dashed var(--couponCodePrimaryColor);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  line-height: 38px;
  padding: 0 1.5rem;
  font-weight: bold;
  color: var(--couponCodePrimaryColor);
}
.cf-header-banner__coupon .icon-copy {
  margin: 0.5rem;
}
.cf-header-banner__coupon.activated button {
  background-color: var(--activatedCouponCodeColor);
  border-color: var(--activatedCouponCodeColor);
}
.cf-header-banner__coupon.activated span {
  border-color: var(--activatedCouponCodeColor);
  color: var(--activatedCouponCodeColor);
}
.cf-header-banner .close {
  position: absolute;
  right: 1rem;
}
@media (max-width: 479.98px) {
  .cf-header-banner .close {
    top: 1rem;
  }
}
.cf-header-banner__cta {
  white-space: nowrap;
}
.cf-header-banner__text, .cf-header-banner__cta {
  text-align: center;
}
.cf-header-banner__text p, .cf-header-banner__cta p {
  margin: 0;
}
.cf-header-banner__text span, .cf-header-banner__cta span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* number of lines to show */
  -webkit-box-orient: vertical;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}
@media (min-width: 768px) {
  .cf-header-banner__text span, .cf-header-banner__cta span {
    -webkit-line-clamp: 2; /* number of lines to show */
  }
}
/*# sourceMappingURL=headerBanner.css.map*/