.spotlight-video-wrapper{--cl-color-play-button-fill-idle:#fff;--cl-color-play-button-fill-hover:hsla(0,0%,100%,.8);--cl-color-play-button-fill-pressed:hsla(0,0%,100%,.6);--cl-color-play-button-fill-disabled:hsla(0,0%,100%,.3);border-radius:30px;cursor:pointer;margin-top:1rem;overflow:hidden;position:relative}.spotlight-video-wrapper .cl-playButton.-small{background-image:url(https://www.hubspot.com/hubfs/assets/hs-components/v4/cl-play-button-icon-dark.svg);background-size:12px;flex-shrink:0;height:3rem;opacity:1;width:3rem;z-index:1}.spotlight-video-overlays{align-items:flex-start;background-color:#1a1a1a;display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:flex-end;padding:20px 2rem;position:absolute;transition:opacity .4s ease}.spotlight-video-overlays:before{background:radial-gradient(ellipse at bottom left,rgba(0,0,0,.65) 0,transparent 70%);content:"";inset:0;position:absolute;z-index:1}.spotlight-video-overlays img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.spotlight-video-text{max-width:240px;text-align:left;z-index:2;& *{margin:0}}.spotlight-video-speaker-name{font-weight:700;margin-top:.875rem}.spotlight-video-live-text{background-color:hsla(0,0%,100%,.11);border-radius:100px;font-size:.875rem;font-weight:500;padding:13px 20px;position:absolute;right:2rem;top:20px}.spotlight-video-iframe{aspect-ratio:2/1;border-radius:30px;width:100%;@media (width < 768px){[data-is-live=true] &{aspect-ratio:1/1}}}.spotlight-video-wrapper[data-thumbnail-shown=loading],.spotlight-video-wrapper[data-thumbnail-shown=true]{border-radius:30px;overflow:hidden}.spotlight-video-spinner{display:none}.spotlight-video-wrapper[data-thumbnail-shown=loading] .cl-playButton.-small,[data-thumbnail-shown=false] .spotlight-video-play-button,[data-thumbnail-shown=loading] .spotlight-video-play-button{background-image:none}[data-thumbnail-shown=loading] .spotlight-video-play-button{position:relative}[data-thumbnail-shown=loading] .spotlight-video-spinner{display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-thumbnail-shown=false] .spotlight-video-overlays{opacity:0;pointer-events:none}.spotlight-video-play-row{display:flex;gap:1rem;z-index:2}@media (width >= 768px){.spotlight-video-play-button{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spotlight-video-play-row .spotlight-video-play-button{flex-shrink:0;position:static;transform:none}[data-thumbnail-shown=loading] .spotlight-video-play-button{position:absolute}[data-thumbnail-shown=loading] .spotlight-video-play-row .spotlight-video-play-button{left:auto;position:relative;top:auto;transform:none}.spotlight-video-text{bottom:20px;display:block;left:2rem;position:absolute}.spotlight-video-play-row{align-items:center;bottom:20px;display:flex;gap:14px;left:2rem;position:absolute;z-index:2}.spotlight-video-play-row .spotlight-video-text{position:static}}