@property --bf-fb { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --bf-logos-tt { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --bf-logos-tb { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --bf-logos-mt-now { syntax: "<length>"; inherits: true; initial-value: 0px; }
@property --bf-logos-per-now { syntax: "<integer>"; inherits: true; initial-value: 6; }
@property --bf-logos-speed-now { syntax: "<time>"; inherits: true; initial-value: 500ms; }
@property --bf-logos-interval-now { syntax: "<time>"; inherits: true; initial-value: 4000ms; }
@property --bf-logos-hover-now { syntax: "<time>"; inherits: true; initial-value: 180ms; }

.bf-logos,
#top #wrap_all .bf-logos.bf-logos {
  --asc: 0.96875;
  --desc: 0.2412109375;
  --cap: 0.7275390625;
  --asc-t: var(--asc);
  --desc-t: var(--desc);
  --cap-t: var(--cap);
  --bf-logos-mt-now: var(--bf-logos-mt, 0px);
  --bf-logos-per-now: var(--bf-logos-per-d, 6);
  --bf-logos-gap-now: var(--bf-logos-gap, 16px);
  --bf-logos-speed-now: var(--bf-logos-speed, 500ms);
  --bf-logos-interval-now: var(--bf-logos-interval, 4000ms);
  --bf-logos-hover-now: 180ms;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--bf-logos-gap-y, 32px);
  inline-size: 100%;
  margin-block-start: var(--bf-logos-mt-now);
  margin-block-end: var(--bf-logos-mb, 0px);
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  font-family: Inter, sans-serif;
  letter-spacing: normal;
  color: var(--bf-logos-title-c, #1c1c1c);
}

.bf-logos .bf-logos-t.bf-logos-t,
#top #wrap_all .bf-logos .bf-logos-t.bf-logos-t {
  display: block;
  --lead: calc((var(--lh) - (var(--asc-t) + var(--desc-t)) * var(--fs)) / 2);
  --bf-logos-tt: calc(var(--bf-fb) * (var(--lead) + (var(--asc-t) - var(--cap-t)) * var(--fs)));
  --bf-logos-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-logos-tt));
  margin-block-end: calc(-1 * var(--bf-logos-tb));
}

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

.bf-logos .bf-logos__title,
#top #wrap_all .bf-logos .bf-logos__title {
  --fs: 20px;
  --lh: 24px;
  box-sizing: border-box;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  font-family: Inter, sans-serif;
  font-size: var(--fs);
  font-weight: 500;
  line-height: var(--lh);
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--bf-logos-title-c, #1c1c1c);
}

.bf-logos .bf-logos__carousel,
#top #wrap_all .bf-logos .bf-logos__carousel {
  box-sizing: border-box;
  inline-size: 100%;
  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;
  font-family: Inter, sans-serif;
  letter-spacing: normal;
  color: var(--bf-logos-title-c, #1c1c1c);
}

.bf-logos .bf-logos__row,
#top #wrap_all .bf-logos .bf-logos__row {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  column-gap: var(--bf-logos-arrow-gap, 40px);
  inline-size: 100%;
  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;
  font-family: Inter, sans-serif;
  letter-spacing: normal;
  color: var(--bf-logos-title-c, #1c1c1c);
}

.bf-logos .bf-logos__arrow,
#top #wrap_all .bf-logos .bf-logos__arrow {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  inline-size: var(--bf-logos-arrow, 44px);
  block-size: var(--bf-logos-arrow, 44px);
  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;
  border-width: 2px;
  border-style: solid;
  border-radius: 999px;
  background-color: var(--bf-logos-arrow-bg, #f8f8f8);
  border-color: var(--bf-logos-arrow-bd, #024ea3);
  color: var(--bf-logos-arrow-fg, #1c1c1c);
  cursor: pointer;
  font-family: Inter, sans-serif;
  letter-spacing: normal;
  transition-property: background-color, border-color, color;
  transition-duration: var(--bf-logos-hover-now);
  transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
}

.bf-logos .bf-logos__arrow:hover,
#top #wrap_all .bf-logos .bf-logos__arrow:hover {
  background-color: var(--bf-logos-hover-bg, #024ea3);
  border-color: var(--bf-logos-hover-bd, #024ea3);
  color: var(--bf-logos-hover-fg, #ffffff);
}

.bf-logos .bf-logos__arrow:focus-visible,
#top #wrap_all .bf-logos .bf-logos__arrow:focus-visible {
  outline-width: 2px;
  outline-style: solid;
  outline-color: var(--bf-logos-hover-bg, #024ea3);
  outline-offset: 2px;
}

.bf-logos .bf-logos__arrow-icon,
#top #wrap_all .bf-logos .bf-logos__arrow-icon {
  box-sizing: border-box;
  display: block;
  inline-size: var(--bf-logos-icon, 20px);
  block-size: var(--bf-logos-icon, 20px);
  flex-shrink: 0;
  color: inherit;
}

.bf-logos .bf-logos__track,
#top #wrap_all .bf-logos .bf-logos__track {
  box-sizing: border-box;
  flex-grow: 1;
  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;
  font-family: Inter, sans-serif;
  letter-spacing: normal;
  color: var(--bf-logos-title-c, #1c1c1c);
}

.bf-logos .bf-logos__list,
#top #wrap_all .bf-logos .bf-logos__list {
  box-sizing: border-box;
  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;
  font-family: Inter, sans-serif;
  letter-spacing: normal;
  color: var(--bf-logos-title-c, #1c1c1c);
}

.bf-logos .bf-logos__slide,
#top #wrap_all .bf-logos .bf-logos__slide {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  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;
  font-family: Inter, sans-serif;
  letter-spacing: normal;
  color: var(--bf-logos-title-c, #1c1c1c);
}

.bf-logos .bf-logos__logo,
#top #wrap_all .bf-logos .bf-logos__logo {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  max-inline-size: 100%;
  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;
  border-style: none;
  border-color: transparent;
  text-decoration-line: none;
  font-family: Inter, sans-serif;
  letter-spacing: normal;
  color: var(--bf-logos-title-c, #1c1c1c);
}

.bf-logos .bf-logos__logo:focus-visible,
#top #wrap_all .bf-logos .bf-logos__logo:focus-visible {
  outline-width: 2px;
  outline-style: solid;
  outline-color: var(--bf-logos-hover-bg, #024ea3);
  outline-offset: 4px;
}

.bf-logos .bf-logos__img,
#top #wrap_all .bf-logos .bf-logos__img {
  box-sizing: border-box;
  display: block;
  block-size: var(--bf-logos-h, 40px);
  inline-size: auto;
  max-inline-size: 100%;
  object-fit: contain;
  object-position: center;
  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;
  border-style: none;
  border-color: transparent;
}

.bf-logos .bf-logos__dots,
#top #wrap_all .bf-logos .bf-logos__dots {
  box-sizing: border-box;
  column-gap: var(--bf-logos-dot-gap, 12px);
  row-gap: var(--bf-logos-dot-gap, 12px);
  inline-size: 100%;
  margin-block-start: var(--bf-logos-gap-y, 32px);
  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;
  font-family: Inter, sans-serif;
  letter-spacing: normal;
  color: var(--bf-logos-title-c, #1c1c1c);
}

.bf-logos .bf-logos__dots li,
#top #wrap_all .bf-logos .bf-logos__dots li {
  box-sizing: border-box;
  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;
  font-family: Inter, sans-serif;
  letter-spacing: normal;
  color: var(--bf-logos-title-c, #1c1c1c);
}

.bf-logos .bf-logos__dots button,
#top #wrap_all .bf-logos .bf-logos__dots button {
  box-sizing: border-box;
  display: block;
  inline-size: var(--bf-logos-dot, 8px);
  block-size: var(--bf-logos-dot, 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;
  border-style: none;
  border-color: transparent;
  border-radius: 50%;
  background-color: var(--bf-logos-dot-c, #d9d9d9);
  cursor: pointer;
  font-family: Inter, sans-serif;
  letter-spacing: normal;
  color: var(--bf-logos-title-c, #1c1c1c);
}

.bf-logos .bf-logos__dots button[aria-selected="true"],
#top #wrap_all .bf-logos .bf-logos__dots button[aria-selected="true"] {
  background-color: var(--bf-logos-dot-on, #024ea3);
}

.bf-logos .bf-logos__dots button:focus-visible,
#top #wrap_all .bf-logos .bf-logos__dots button:focus-visible {
  outline-width: 2px;
  outline-style: solid;
  outline-color: var(--bf-logos-hover-bg, #024ea3);
  outline-offset: 2px;
}

.bf-logos:not(.bf-logos--ready) .bf-logos__track,
#top #wrap_all .bf-logos:not(.bf-logos--ready) .bf-logos__track {
  overflow: hidden;
}

.bf-logos:not(.bf-logos--ready) .bf-logos__list,
#top #wrap_all .bf-logos:not(.bf-logos--ready) .bf-logos__list {
  display: flex;
  column-gap: var(--bf-logos-gap-now);
}

.bf-logos:not(.bf-logos--ready) .bf-logos__slide,
#top #wrap_all .bf-logos:not(.bf-logos--ready) .bf-logos__slide {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - (var(--bf-logos-per-now) - 1) * var(--bf-logos-gap-now)) / var(--bf-logos-per-now));
}

.bf-logos:not(.bf-logos--ready) .bf-logos__dots,
#top #wrap_all .bf-logos:not(.bf-logos--ready) .bf-logos__dots {
  display: none;
}

.bf-logos--static .bf-logos__list,
#top #wrap_all .bf-logos--static.bf-logos--static .bf-logos__list {
  justify-content: center;
}

.bf-logos--static .bf-logos__arrow,
#top #wrap_all .bf-logos--static.bf-logos--static .bf-logos__arrow {
  visibility: hidden;
}

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

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

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

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

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