.teaching-slide.slide-hcm-video-demo{container-type:size;overflow:auto;gap:2cqh;align-items:center;padding:14px 2%}
.slide-hcm-video-demo .hcm-demo-question{flex-shrink:0;width:100%;margin:0;color:#2c4938;font:600 clamp(19px,4.6cqh,32px)/1.4 var(--serif)}
.slide-hcm-video-demo .hcm-demo-media{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;width:100%;margin:0}
.slide-hcm-video-demo .hcm-demo-poster{position:relative;flex-shrink:0;width:min(100%,calc((100cqh - 22cqh - 32px)*1.925));overflow:hidden;border:1px solid #a88b50;border-radius:10px;background:#18231e;line-height:0}
.slide-hcm-video-demo .hcm-demo-poster img{display:block;width:100%;height:auto;margin:0}
.slide-hcm-video-demo .hcm-demo-play{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none}
.slide-hcm-video-demo .hcm-demo-play svg{width:clamp(38px,8cqh,64px);height:clamp(38px,8cqh,64px);padding:16px;box-sizing:content-box;background:#10251ed9;border:2px solid #e8d39f;border-radius:50%;fill:#f5e4b8;box-shadow:0 3px 22px #0006}
.slide-hcm-video-demo .hcm-demo-media figcaption{margin:7px 0 0;color:#7b6846;font:500 12px/1.4 var(--sans);text-align:center}
@media(max-width:600px){.teaching-slide.slide-hcm-video-demo{justify-content:flex-start;gap:20px}.slide-hcm-video-demo .hcm-demo-question{font-size:20px}.slide-hcm-video-demo .hcm-demo-media{flex:0;min-height:auto}.slide-hcm-video-demo .hcm-demo-poster{width:100%}.slide-hcm-video-demo .hcm-demo-play svg{width:42px;height:42px;padding:12px}}