@keyframes webinarLivePulse{0%{opacity:1}50%{opacity:.1}to{opacity:1}}.webinar-top{background-color:var(--cf-color-white);padding:var(--space-sm) var(--margin)}.webinar-top__container{margin-left:auto;margin-right:auto;max-width:var(--container-lg)}.webinar-top__row{width:100%}.webinar-top__title{margin:0 0 .75rem!important}.webinar-top__duration{align-items:center;display:flex;gap:6px;margin:.75rem 0 0}.webinar-top__duration span{font-size:.8rem;font-weight:600}.webinar-top__wod{display:flex;margin:0 0 1rem}.webinar-top__wod span{background-color:rgba(0,0,0,.1);border-radius:4px;color:rgba(0,0,0,.7);font-size:80%;font-weight:500;padding:.2em .5em}.webinar-top__datetime{display:flex;flex-wrap:wrap;gap:8px;margin:2rem 0 0}.webinar-top__date{align-items:center;color:var(--cf-color-blue);display:flex;font-weight:500;gap:.5em;width:100%}.webinar-top__date:before{animation:webinarLivePulse 2s ease infinite;background-color:currentColor;border-radius:50%;content:"";height:.6em;width:.6em}.webinar-top__time{background-color:rgba(0,0,0,.1);border-radius:4px;color:rgba(0,0,0,.7);font-size:12px;font-weight:500;padding:3px 7px 2px}.webinar-top__bullet-summary{margin:2rem 0 0}.webinar-top__bullet-summary>ul{list-style:none;padding:0}.webinar-top__bullet-summary>ul>li{margin:0 0 .4rem;padding-left:1.6em;position:relative}.webinar-top__bullet-summary>ul>li:before{background-image:url(https://8709930.fs1.hubspotusercontent-na1.net/hubfs/8709930/raw_assets/public/creativeforce-theme/images/icons/arrow-right.svg);background-position:50%;background-repeat:no-repeat;content:"";height:.6667em;left:0;position:absolute;top:.45em;width:.6667em}.webinar-top__action{margin:2rem 0 0}.webinar-top__hosts{display:flex;flex-wrap:wrap;margin:2rem 0 -5px}.webinar-top__host{margin:0 20px 5px 0}.webinar-top__host--headshot-only{margin:0}.webinar-top__host--headshot-only+.webinar-top__host--headshot-only{margin:0 0 5px -10px}.webinar-top__media{margin:var(--space-sm) calc(var(--margin)*-1) calc(var(--space-md)*-1)}.webinar-top__media img{display:block}@media screen and (max-width:599px){.webinar-top__datetime{align-items:flex-start;flex-direction:column}}@media screen and (min-width:600px){.webinar-top__datetime{align-items:center}}@media screen and (max-width:999px){.webinar-top__media .vimeo-background,.webinar-top__media .vimeo-embed-teaser{border-radius:0}}@media screen and (min-width:1000px){.webinar-top__row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-sm)}.webinar-top__media{margin:0}}@media screen and (min-width:1200px){.webinar-top__row{grid-gap:var(--space-md)}}.webinar-content{background-color:var(--cf-color-light-grey);padding:0 var(--margin) var(--space-lg)}.webinar-content__container{margin-left:auto;margin-right:auto;max-width:var(--container-lg)}.webinar-content__hosts{display:flex;flex-direction:column;gap:20px;margin:var(--space-sm) 0 0}.webinar-content__hosts h5{margin:0!important}.webinar-content__sidebar{margin-bottom:var(--space-sm)}.webinar-content__form{position:relative}.webinar-content__form:before{background:linear-gradient(-20deg,#0e38fc,#eea88e 50%,#79dbf1);border-radius:var(--gradient-blur);bottom:0;content:"";filter:blur(var(--gradient-blur));height:100%;opacity:.5;position:absolute;width:100%}.webinar-content__form .info-box{background-color:#fff;border-radius:8px;box-shadow:none;position:relative}@media screen and (max-width:999px){.webinar-content__form{margin-top:calc(var(--space-md)*-1)}}@media screen and (min-width:1000px){.webinar-content{padding-top:var(--space-sm)}.webinar-content__row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-sm)}.webinar-content__description{order:1}.webinar-content__sidebar{order:2}.webinar-content__form{position:sticky;top:20px}}@media screen and (min-width:1200px){.webinar-content__row{grid-gap:var(--space-md)}}.webinar-content__action{margin:var(--space-xs) 0 0}@media screen and (min-width:1000px){.webinar-content__action{display:none}}#countdown{display:flex;gap:20px;line-height:1.3;margin-bottom:20px}#countdown>span{display:flex;flex-direction:column}#countdown>span>span:first-child{font-weight:600}#countdown>span>span:nth-child(2){color:rgba(0,0,0,.7);font-size:12px;font-weight:500}@media screen and (min-width:1000px){.webinar-top__action{align-items:center;display:flex;gap:30px}.button{flex-shrink:0;order:1}#countdown{margin-bottom:0;order:2}}