@property --bf-fb { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --bf-priority-cards-tt { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --bf-priority-cards-tb { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --bf-priority-cards-mt-now { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --bf-priority-cards-mb-now { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --bf-priority-cards-per-now { syntax: "<integer>"; inherits: true; initial-value: 6; }
@property --bf-priority-cards-dur-now { syntax: "<time>"; inherits: true; initial-value: 180ms; }
@property --bf-priority-cards-speed-now { syntax: "<time>"; inherits: true; initial-value: 400ms; }

.bf-priority-cards,
#top #wrap_all .bf-priority-cards.bf-priority-cards {
  --bf-priority-cards-font: "Inter", "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --asc: 0.96875;
  --desc: 0.2412109375;
  --cap: 0.7275390625;
  --asc-t: var(--asc);
  --desc-t: var(--desc);
  --cap-t: var(--cap);
  --bf-priority-cards-mt-now: var(--bf-priority-cards-mt, 0px);
  --bf-priority-cards-mb-now: var(--bf-priority-cards-mb, 0px);
  --bf-priority-cards-per-now: var(--bf-priority-cards-per-d, 6);
  --bf-priority-cards-gap-now: var(--bf-priority-cards-gap, 8px);
  --bf-priority-cards-peek-now: 0%;
  --bf-priority-cards-speed-now: var(--bf-priority-cards-speed, 400ms);
  --bf-priority-cards-dur-now: var(--bf-priority-cards-dur, 180ms);
  display: block;
  box-sizing: border-box;
  margin-block-start: var(--bf-priority-cards-mt-now);
  margin-block-end: var(--bf-priority-cards-mb-now);
  color: var(--bf-priority-cards-title, #1c1c1c);
  font-family: var(--bf-priority-cards-font);
  letter-spacing: 0;
}

@media (min-width: 900px) and (max-width: 1199px) {
  .bf-priority-cards--scale,
  #top #wrap_all .bf-priority-cards--scale.bf-priority-cards--scale {
    --bf-priority-cards-mt-now: calc(var(--bf-priority-cards-mt, 0px) * 0.75);
  }
}

@media (max-width: 899px) {
  .bf-priority-cards--scale,
  #top #wrap_all .bf-priority-cards--scale.bf-priority-cards--scale {
    --bf-priority-cards-mt-now: calc(var(--bf-priority-cards-mt, 0px) * 0.6);
  }
}

@media (min-width: 700px) and (max-width: 1199px) {
  .bf-priority-cards,
  #top #wrap_all .bf-priority-cards.bf-priority-cards {
    --bf-priority-cards-per-now: var(--bf-priority-cards-per-t, 3);
  }
}

@media (max-width: 699px) {
  .bf-priority-cards,
  #top #wrap_all .bf-priority-cards.bf-priority-cards {
    --bf-priority-cards-per-now: var(--bf-priority-cards-per-m, 1);
    --bf-priority-cards-peek-now: var(--bf-priority-cards-peek, 18%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-priority-cards,
  #top #wrap_all .bf-priority-cards.bf-priority-cards {
    --bf-priority-cards-dur-now: 0ms;
    --bf-priority-cards-speed-now: 0ms;
  }
}

.bf-priority-cards .bf-priority-cards-t.bf-priority-cards-t,
#top #wrap_all .bf-priority-cards .bf-priority-cards-t.bf-priority-cards-t {
  display: block;
  --lead: calc((var(--lh) - (var(--asc-t) + var(--desc-t)) * var(--fs)) / 2);
  --bf-priority-cards-tt: calc(var(--bf-fb) * (var(--lead) + (var(--asc-t) - var(--cap-t)) * var(--fs)));
  --bf-priority-cards-tb: calc(var(--bf-fb) * (var(--lead) + var(--desc-t) * var(--fs)));
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  text-box: trim-both cap alphabetic;
  margin-block-start: calc(-1 * var(--bf-priority-cards-tt));
  margin-block-end: calc(-1 * var(--bf-priority-cards-tb));
  font-family: var(--bf-priority-cards-font);
}

@supports not ((text-box: trim-both cap alphabetic) or (text-box-trim: trim-both)) {
  .bf-priority-cards,
  #top #wrap_all .bf-priority-cards.bf-priority-cards { --bf-fb: 1; }
}

.bf-priority-cards .bf-priority-cards__carousel,
#top #wrap_all .bf-priority-cards .bf-priority-cards__carousel {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  box-sizing: border-box;
  color: inherit;
  font-family: var(--bf-priority-cards-font);
  letter-spacing: inherit;
}

.bf-priority-cards .bf-priority-cards__track,
#top #wrap_all .bf-priority-cards .bf-priority-cards__track {
  box-sizing: border-box;
  color: inherit;
  font-family: var(--bf-priority-cards-font);
  letter-spacing: inherit;
}

.bf-priority-cards .bf-priority-cards__list,
#top #wrap_all .bf-priority-cards .bf-priority-cards__list {
  box-sizing: border-box;
  color: inherit;
  font-family: var(--bf-priority-cards-font);
  letter-spacing: inherit;
}

.bf-priority-cards:not(.bf-priority-cards--ready) .bf-priority-cards__list,
#top #wrap_all .bf-priority-cards:not(.bf-priority-cards--ready) .bf-priority-cards__list {
  display: grid;
  grid-template-columns: repeat(var(--bf-priority-cards-per-now), minmax(0, 1fr));
  column-gap: var(--bf-priority-cards-gap-now);
  row-gap: var(--bf-priority-cards-gap-now);
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  list-style-type: none;
}

.bf-priority-cards:not(.bf-priority-cards--ready) .bf-priority-cards__dots,
#top #wrap_all .bf-priority-cards:not(.bf-priority-cards--ready) .bf-priority-cards__dots {
  display: none;
}

.bf-priority-cards .bf-priority-cards__slide,
#top #wrap_all .bf-priority-cards .bf-priority-cards__slide {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  list-style-type: none;
  box-sizing: border-box;
  color: inherit;
  font-family: var(--bf-priority-cards-font);
  letter-spacing: inherit;
}

.bf-priority-cards .bf-priority-cards__card,
#top #wrap_all .bf-priority-cards .bf-priority-cards__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  min-inline-size: 0;
  padding-block-start: var(--bf-priority-cards-pad-y, 64px);
  padding-block-end: var(--bf-priority-cards-pad-y, 64px);
  padding-inline-start: var(--bf-priority-cards-pad-x, 40px);
  padding-inline-end: var(--bf-priority-cards-pad-x, 40px);
  border-radius: var(--bf-priority-cards-radius, 8px);
  border-style: none;
  border-color: transparent;
  background-color: var(--bf-priority-cards-card-bg, #f8f8f8);
  text-decoration-line: none;
  text-align: center;
  box-sizing: border-box;
  color: var(--bf-priority-cards-title, #1c1c1c);
  font-family: var(--bf-priority-cards-font);
  letter-spacing: inherit;
  transition-property: background-color;
  transition-duration: var(--bf-priority-cards-dur-now);
  transition-timing-function: ease;
}

.bf-priority-cards .bf-priority-cards__card:hover,
.bf-priority-cards .bf-priority-cards__card:focus-visible,
#top #wrap_all .bf-priority-cards .bf-priority-cards__card:hover,
#top #wrap_all .bf-priority-cards .bf-priority-cards__card:focus-visible {
  background-color: var(--bf-priority-cards-card-hover-bg, #e6edf6);
  text-decoration-line: none;
  color: var(--bf-priority-cards-title, #1c1c1c);
}

.bf-priority-cards .bf-priority-cards__icon,
#top #wrap_all .bf-priority-cards .bf-priority-cards__icon {
  display: block;
  inline-size: var(--bf-priority-cards-icon, 64px);
  block-size: var(--bf-priority-cards-icon, 64px);
  flex-shrink: 0;
  box-sizing: border-box;
  color: inherit;
  font-family: var(--bf-priority-cards-font);
  letter-spacing: inherit;
}

.bf-priority-cards .bf-priority-cards__img,
#top #wrap_all .bf-priority-cards .bf-priority-cards__img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: 100%;
  object-fit: cover;
  border-radius: 50%;
  border-style: none;
  border-color: transparent;
  box-sizing: border-box;
}

.bf-priority-cards .bf-priority-cards__body,
#top #wrap_all .bf-priority-cards .bf-priority-cards__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--bf-priority-cards-gap-tag, 32px);
  inline-size: 100%;
  margin-block-start: var(--bf-priority-cards-gap-icon, 64px);
  margin-block-end: var(--bf-priority-cards-gap-arrow, 64px);
  box-sizing: border-box;
  color: inherit;
  font-family: var(--bf-priority-cards-font);
  letter-spacing: inherit;
}

.bf-priority-cards .bf-priority-cards__body:first-child,
#top #wrap_all .bf-priority-cards .bf-priority-cards__body:first-child {
  margin-block-start: 0;
}

.bf-priority-cards .bf-priority-cards__title,
#top #wrap_all .bf-priority-cards .bf-priority-cards__title {
  --fs: var(--bf-priority-cards-title-size, 20px);
  --lh: var(--bf-priority-cards-title-lh, 24px);
  inline-size: calc(100% + 2 * var(--bf-priority-cards-bleed, 4px));
  font-size: var(--fs);
  line-height: var(--lh);
  font-weight: 500;
  letter-spacing: calc(var(--fs) * -0.01);
  text-align: center;
  overflow-wrap: break-word;
  box-sizing: border-box;
  color: var(--bf-priority-cards-title, #1c1c1c);
  font-family: var(--bf-priority-cards-font);
}

.bf-priority-cards .bf-priority-cards__tag,
#top #wrap_all .bf-priority-cards .bf-priority-cards__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 24px;
  max-inline-size: 100%;
  padding-block-start: 6px;
  padding-block-end: 6px;
  padding-inline-start: 6px;
  padding-inline-end: 6px;
  border-radius: 4px;
  background-color: var(--bf-priority-cards-tag-bg, #024ea3);
  text-align: center;
  box-sizing: border-box;
  color: var(--bf-priority-cards-tag, #ffffff);
  font-family: var(--bf-priority-cards-font);
  letter-spacing: 0;
}

.bf-priority-cards .bf-priority-cards__tag-label,
#top #wrap_all .bf-priority-cards .bf-priority-cards__tag-label {
  --fs: 13px;
  --lh: 18px;
  font-size: var(--fs);
  line-height: var(--lh);
  font-weight: 400;
  overflow-wrap: anywhere;
  box-sizing: border-box;
  color: var(--bf-priority-cards-tag, #ffffff);
  font-family: var(--bf-priority-cards-font);
  letter-spacing: 0;
}

.bf-priority-cards .bf-priority-cards__cta,
#top #wrap_all .bf-priority-cards .bf-priority-cards__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 44px;
  block-size: 44px;
  flex-shrink: 0;
  margin-block-start: auto;
  padding-block-start: 10px;
  padding-block-end: 10px;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--bf-priority-cards-btn-border, #024ea3);
  border-radius: 4px;
  background-color: var(--bf-priority-cards-btn-bg, #f8f8f8);
  box-sizing: border-box;
  color: var(--bf-priority-cards-arrow, #1c1c1c);
  font-family: var(--bf-priority-cards-font);
  letter-spacing: inherit;
  transition-property: background-color, border-color, color;
  transition-duration: var(--bf-priority-cards-dur-now);
  transition-timing-function: ease;
}

.bf-priority-cards .bf-priority-cards__card:hover .bf-priority-cards__cta,
.bf-priority-cards .bf-priority-cards__card:focus-visible .bf-priority-cards__cta,
#top #wrap_all .bf-priority-cards .bf-priority-cards__card:hover .bf-priority-cards__cta,
#top #wrap_all .bf-priority-cards .bf-priority-cards__card:focus-visible .bf-priority-cards__cta {
  border-color: var(--bf-priority-cards-btn-hover-bg, #024ea3);
  background-color: var(--bf-priority-cards-btn-hover-bg, #024ea3);
  color: var(--bf-priority-cards-arrow-hover, #ffffff);
}

.bf-priority-cards .bf-priority-cards__arrow,
#top #wrap_all .bf-priority-cards .bf-priority-cards__arrow {
  display: block;
  inline-size: 20px;
  block-size: 20px;
  flex-shrink: 0;
  box-sizing: border-box;
}

.bf-priority-cards .bf-priority-cards__dots,
#top #wrap_all .bf-priority-cards .bf-priority-cards__dots {
  column-gap: 8px;
  row-gap: 8px;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  list-style-type: none;
  box-sizing: border-box;
  color: inherit;
  font-family: var(--bf-priority-cards-font);
  letter-spacing: inherit;
}

.bf-priority-cards .bf-priority-cards__dots > li,
#top #wrap_all .bf-priority-cards .bf-priority-cards__dots > li {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  list-style-type: none;
  box-sizing: border-box;
  color: inherit;
  font-family: var(--bf-priority-cards-font);
  letter-spacing: inherit;
}

.bf-priority-cards .bf-priority-cards__dots > li > button,
#top #wrap_all .bf-priority-cards .bf-priority-cards__dots > li > button {
  display: block;
  inline-size: 8px;
  block-size: 8px;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  border-style: none;
  border-color: transparent;
  border-radius: 50%;
  background-color: var(--bf-priority-cards-dot, #024ea3);
  opacity: 0.24;
  cursor: pointer;
  box-sizing: border-box;
  color: inherit;
  font-family: var(--bf-priority-cards-font);
  letter-spacing: inherit;
  transition-property: opacity;
  transition-duration: var(--bf-priority-cards-dur-now);
  transition-timing-function: ease;
}

.bf-priority-cards .bf-priority-cards__dots > li > button[aria-selected="true"],
#top #wrap_all .bf-priority-cards .bf-priority-cards__dots > li > button[aria-selected="true"] {
  opacity: 1;
}
