.bt-floating-banner {
  max-width: calc((100vw - 1280px) / 2 - 28px);
  pointer-events: auto;
  position: fixed;
  width: var(--bt-fb-width, 300px);
  z-index: 18;
}

.bt-floating-banner-top-left,
.bt-floating-banner-middle-left,
.bt-floating-banner-bottom-left {
  left: max(14px, calc((100vw - 1280px) / 2 - var(--bt-fb-width, 300px) - 22px));
}

.bt-floating-banner-top-right,
.bt-floating-banner-middle-right,
.bt-floating-banner-bottom-right {
  right: max(14px, calc((100vw - 1280px) / 2 - var(--bt-fb-width, 300px) - 22px));
}

.bt-floating-banner-top-left,
.bt-floating-banner-top-right {
  top: var(--bt-fb-edge, 170px);
}

.bt-floating-banner-middle-left,
.bt-floating-banner-middle-right {
  top: 50%;
  transform: translateY(-50%);
}

.bt-floating-banner-bottom-left,
.bt-floating-banner-bottom-right {
  bottom: var(--bt-fb-edge, 24px);
}

.bt-fb-media,
.bt-fb-media a {
  display: block;
  position: relative;
}

.bt-fb-media img {
  border-radius: 10px;
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.bt-floating-banner .bt-fb-media img {
  box-shadow: 0 18px 42px rgba(15, 23, 42, .12);
  max-height: var(--bt-fb-max-height, none);
  object-fit: contain;
}

.bt-fb-slider img {
  display: none;
}

.bt-fb-slider img.is-active {
  display: block;
}

.bt-inline-banner {
  margin: 28px 0;
}

.bt-inline-banner-inner {
  margin: 0 auto;
  max-width: var(--bt-fb-inline-width, 1170px);
}

@media (max-width: 1599px) {
  .bt-floating-banner {
    max-width: 180px;
  }
}

@media (max-width: 1399px) {
  .bt-floating-banner {
    display: none;
  }
}

@media (max-width: 767px) {
  .bt-inline-banner {
    margin: 18px 0;
  }

  .bt-inline-banner .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}