@keyframes webinarLivePulse{0%{opacity:1}50%{opacity:.1}to{opacity:1}}.upcoming-webinar{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.025),0 4px 40px rgba(0,0,0,.125);display:block;overflow:hidden;padding:30px}.upcoming-webinar__link{display:block;text-decoration:none}.upcoming-webinar__image{aspect-ratio:5/2;display:flex;flex-direction:column;justify-content:flex-end;margin:-30px -30px 20px;padding:30px 30px 20px;position:relative}.upcoming-webinar__image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.upcoming-webinar__overlay{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.upcoming-webinar__label-wrapper{display:flex;margin-bottom:30px;position:relative}.upcoming-webinar__label{background-color:#e2e2e2;border-radius:4px;color:#585868;font-size:11px;font-weight:600;letter-spacing:.025em;line-height:1;padding:6px 6px 5px;text-transform:uppercase;white-space:nowrap}.upcoming-webinar--image .upcoming-webinar__label{background-color:hsla(0,0%,100%,.25);color:#fff}.upcoming-webinar__title{font-family:var(--h4-font-family);font-size:var(--h4-font-size);font-style:var(--h4-font-style);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);padding-right:10%;position:relative}.upcoming-webinar--image .upcoming-webinar__title{color:#fff}.upcoming-webinar__datetime{display:flex;flex-flow:row wrap;gap:8px;margin:25px 0 0}.upcoming-webinar__date{align-items:center;color:var(--cf-color-blue);display:flex;font-size:16px;font-weight:500;gap:.5em}.upcoming-webinar__date:before{animation:webinarLivePulse 2s ease infinite;background-color:currentColor;border-radius:50%;content:"";height:.6em;width:.6em}.upcoming-webinar__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}.upcoming-webinar__summary{font-size:1rem;line-height:1.5;margin-top:20px}.upcoming-webinar__action{margin-top:25px}.upcoming-webinar__countdown{display:flex;gap:15px;line-height:1.3;margin-bottom:20px}.upcoming-webinar__countdown>span{display:flex;flex-direction:column}.upcoming-webinar__countdown>span>span:first-child{font-size:13px;font-weight:600}.upcoming-webinar__countdown>span>span:nth-child(2){color:rgba(0,0,0,.7);font-size:10px;font-weight:500}.upcoming-webinar__action{align-items:center;display:flex;flex-flow:row wrap;gap:20px}.upcoming-webinar__action .button{flex-shrink:0;order:1}.upcoming-webinar__countdown{margin-bottom:0;order:2}