/* Introduction video: play button on cards, the strip on the course page and the video popup (assets/js/intro-video.js). */
.site-course-image-with-video{position:relative}.site-course-video-play{position:absolute;right:12px;bottom:12px;z-index:4;width:52px;height:52px;border-radius:50%;border:2px solid var(--brand-dark);background:var(--brand-accent);color:var(--brand-accent-text);display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 18px rgba(var(--brand-dark-rgb),.28);transition:transform .18s ease,background .18s ease}.site-course-video-play:hover,.site-course-video-play:focus{background:#fff;transform:translateY(-2px)}.site-course-video-play i{font-size:17px;margin-left:3px}.site-course-intro-strip{margin:18px 0 22px;border:1px solid #d7e1e8;background:#f5f9fc;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.site-course-intro-strip:hover,.site-course-intro-strip:focus{border-color:rgba(var(--brand-primary-rgb),.5);background:rgba(var(--brand-primary-rgb),.06);box-shadow:0 5px 16px rgba(var(--brand-dark-rgb),.08);outline:none}.site-course-intro-strip:focus-visible{box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.18),0 5px 16px rgba(var(--brand-dark-rgb),.08)}.site-course-intro-strip__copy{display:flex;align-items:center;gap:13px}.site-course-intro-strip__icon{width:42px;height:42px;border-radius:50%;background:var(--brand-dark);color:#fff;display:grid;place-items:center;flex:0 0 auto}.site-course-intro-strip__icon i{margin-left:2px}.site-course-intro-strip__copy strong,.site-course-intro-strip__copy span{display:block}.site-course-intro-strip__copy strong{color:var(--brand-dark);font-size:15px}.site-course-intro-strip__copy span{font-size:13px;color:#677d8f;margin-top:2px}.site-course-intro-strip__button{border:0;background:var(--brand-accent);color:var(--brand-accent-text);font-weight:800;padding:10px 16px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .18s ease,color .18s ease}.site-course-intro-strip__button i{font-size:11px}.site-course-intro-strip:hover .site-course-intro-strip__button,.site-course-intro-strip:focus .site-course-intro-strip__button{background:var(--brand-dark);color:#fff}body.site-course-video-open{overflow:hidden}.site-course-video-modal{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:24px}.site-course-video-modal.is-open{display:flex}.site-course-video-modal__backdrop{position:absolute;inset:0;background:rgba(var(--brand-dark-rgb),.82)}.site-course-video-modal__dialog{position:relative;width:min(960px,100%);background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.35);z-index:1}.site-course-video-modal__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid #dbe4ea}.site-course-video-modal__head span{display:block;font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--brand-primary)}.site-course-video-modal__head h3{font-size:18px;color:var(--brand-dark);margin:3px 0 0}.site-course-video-modal__close{width:38px;height:38px;border:0;border-radius:50%;background:#edf3f7;color:var(--brand-dark);font-size:26px;line-height:1;cursor:pointer}.site-course-video-modal__player{background:#000}.site-course-video-modal__player video,.site-course-video-modal__player iframe{display:block;width:100%;max-height:72vh;border:0;background:#000;aspect-ratio:16/9}@media(max-width:640px){.site-course-video-play{width:46px;height:46px;right:10px;bottom:10px}.site-course-intro-strip{align-items:stretch;flex-direction:column}.site-course-intro-strip__button{width:100%}.site-course-video-modal{padding:12px}.site-course-video-modal__head{padding:12px 14px}.site-course-video-modal__head h3{font-size:16px}}