.subscription-demo{align-items:center;display:flex;flex-direction:row;gap:40px;justify-content:space-between}.subscription-demo__column--video{position:relative}.subscription-demo__video-frame{border-radius:64px;overflow:hidden;position:relative}.subscription-demo__video-frame__graphic{height:100%;pointer-events:none;position:relative;width:100%;z-index:2}.subscription-demo__video-frame video{border-radius:65px;height:99%;left:50%;object-fit:cover;object-position:center;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:.15s ease-in-out;width:98%;z-index:1}.subscription-demo__video-frame video.playing{opacity:1}.subscription-demo__column--content{max-width:50%}.subscription-demo__column--content h2,.subscription-demo__column--content h4{color:var(--white);margin-bottom:0}.subscription-demo__column--content h4{line-height:1.4}.subscription-demo__column--content h4 span{display:inline-block}.subscription-demo__segment{cursor:pointer;display:flex;flex-direction:row;gap:24px;opacity:1;padding:48px 24px;position:relative;transition:.3s ease-in-out}.subscription-demo__segment:before{background-color:#adadad;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:1}.subscription-demo__segment:after{background-color:var(--white);bottom:0;content:"";height:1px;left:0;position:absolute;width:0;z-index:1}.subscription-demo__segment.unplayed{opacity:.3}.subscription-demo__segment.animating:after{transition:width var(--animation-duration) linear;width:100%}@media screen and (max-width:1024px){.subscription-demo{flex-direction:column}.subscription-demo__column--video{border-radius:20px}.subscription-demo__video-frame{border-radius:40px}.subscription-demo__video-frame__graphic{max-height:500px}.subscription-demo__video-frame video{border-radius:45px;max-width:235px}.subscription-demo__column--content{max-width:unset;width:100%}.subscription-demo__column--content h2{display:none}.subscription-demo__segment{padding:24px 0}}