::selection {
  background-color: var(--primary, var(--port, var(--black, #000)));
  color: var(--white, #fff)
}

#brx-content {
  position: relative;
  z-index: 1;
  height: 100%;
  min-height: 100vh
}

.bricks-button {
  cursor: pointer
}

.marquee {
  --marquee-scroll-speed: var(--marquee-transition-speed--slow, 26s);
  display: flex;
  visibility: inherit;
  opacity: 1;
  transition: all 1.2s ease;
  user-select: none
}

.marquee__track {
  will-change: transform
}

@media screen and (max-width:991px) {
  .marquee {
    --marquee-scroll-speed: calc(var(--marquee-transition-speed--slow)/2)
  }
}

@media screen and (max-width:767px) {
  .marquee {
    --marquee-scroll-speed: calc(var(--marquee-transition-speed--slow)/3)
  }
}

.marquee--soft-edges {
  mask-image: linear-gradient(to right, hsl(0 0 0 / 0), hsl(0 0 0 / 1) 7%, hsl(0 0 0 / 1) 93%, hsl(0 0 0 / 0))
}

.marquee--do-scroll>div>.marquee__track {
  animation: scroll-left var(--marquee-scroll-speed) linear infinite
}

.marquee--do-pause .marquee__track {
  animation-play-state: running
}

.marquee--do-pause:hover .marquee__track {
  animation-play-state: paused;
  will-change: auto
}

@media (prefer-reduced-motion:reduce) {
  .marquee__track {
    animation: none
  }
}

@keyframes scroll-left {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(calc(-100% - var(--marquee-gap)))
  }
}

.iconbox__bullet--primary {
  color: var(--primary)
}

.iconbox__bullet--secondary {
  color: var(--secondary)
}

.iconbox__bullet--info {
  color: var(--info)
}

body:not([data-builder-mode]) [hero--002-content] {
  visibility: hidden
}

.simple-card__visual--4x5,
.product-card__media--4x5 {
  aspect-ratio: 4/5 !important
}

[data-render=""],
[data-render=false] {
  display: none;
  visibility: hidden
}

[data-render="true"] {
  display: flex;
  visibility: inherit;
}

div[data-podcast-rss] > p {
  margin: unset;
  margin-block: unset;
  line-height: 1;
}

div[data-podcast-rss] > p > iframe {
  height: 127px !important;
}