.video-container{align-items:center;gap:2rem}.video,.video-container{display:flex;flex-direction:column}.video{width:100%;gap:16px}.video__content{flex-direction:column;gap:32px;align-items:center;width:100%}.video__header{width:100%;align-self:flex-start}.video__title{font-size:24px;font-weight:600;line-height:38px}.video__description{margin:0 auto;font-size:20px;color:var(--color-gray-cool-600)}.video__image-container{position:relative;background-color:var(--color-zinc-900);border-radius:10px;outline:1px solid var(--color-zinc-800);overflow:hidden;width:100%;height:367px}.video__image{width:100%;height:100%;object-fit:cover;display:block}.video__overlay{position:absolute;inset:0}.video__overlay,.video__play-btn{display:flex;justify-content:center;align-items:center}.video__play-btn{width:64px;height:64px;background-color:var(--color-red-500);border-radius:50%;cursor:pointer;border:none}.video__play-btn i{color:var(--white);font-size:24px}.video__duration{position:absolute;bottom:12px;left:12px;background-color:rgba(0,0,0,.7);border-radius:6px;padding:2px 6px}.video__duration span{color:var(--white);font-size:12px;font-weight:400;line-height:16px}.video__player-wrapper{position:relative;width:100%;height:100%}.video__player{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;background-color:var(--black)}.video__tap-overlay{position:absolute;inset:0;background:transparent;cursor:pointer;z-index:2}@media (min-width:768px){.video__title{font-size:30px;line-height:38px;margin-bottom:32px}.video__image-container{height:656px}.video__play-btn{width:80px;height:80px}.video__play-btn i{font-size:32px}.video__duration{bottom:20px;left:17px;font-size:14px;padding:4px 8px}.video__duration span{line-height:20px}}