:root {
  --featured-post--indent-top: 500px;
}

  @media screen and (min-width: 640px) {:root {
    --featured-post--indent-top: 364px
}
  }

  @media screen and (min-width: 1024px) {:root {
    --featured-post--indent-top: 315px
}
  }

*:has(+ .featured-speaker-event--block.is-default-indent) {
  padding-bottom: var(--featured-post--indent-top);
}

.featured-speaker-event--block.is-default-indent {
    margin-top: calc(-1 * var(--featured-post--indent-top));
  }

.featured-speaker-event--block .featured-post--wrapper {
    --featured-post--margin: calc((100% - 100vw) / 2);
  }

.featured-speaker-event--block .featured-post {
    max-width: calc(100% + 200px);
    width: calc(100% - var(--featured-post--margin));
    margin-right: var(--featured-post--margin);
  }

.featured-speaker-event--block .featured-post--title a.link-with-arrow-link {
        display: block;
      }

.featured-speaker-event--block .featured-post--title a.link-with-arrow-link svg {
          width: 0.5em;
          height: 0.5em;
        }

@media (hover: hover) and (pointer: fine) {
        .featured-speaker-event--block .featured-post--title a:hover {
          text-decoration: underline;
        }
      }

.featured-speaker-event--block .featured-post--image {
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {

.featured-speaker-event--block .featured-post--image img {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
  }

.featured-speaker-event--block .featured-post--image img:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
      }

@media (min-width: 1024px) {

.featured-speaker-event--block .featured-post--content {
      max-width: 56%;
      width: 100%;
      flex: 1
  }
    }

.featured-speaker-event--block .featured-post--info li svg {
        display: inline-block;
        width: 20px;
        height: 16px;
      }

.featured-speaker-event--block .featured-post--info .featured-post--url-link {
      flex: 1;
      text-overflow: ellipsis;
      overflow: hidden;
    }