.video-container{display:flex;width:var(--size-width);height:var(--size-height);position:relative;border-radius:var(--video-border-radius);overflow:hidden}.video-container .video-container__video{aspect-ratio:var(--aspect-ratio);object-fit:cover;width:100%;height:100%;display:block;border-radius:var(--video-border-radius);cursor:pointer}.video-container .video-container__video--desktop{display:none}.video-container .video-container__video--mobile{display:block}.video-container .video-container__play-pause-button{position:absolute;top:16px;right:16px;cursor:pointer;z-index:10;display:flex;width:40px;height:40px;justify-content:center;align-items:center;aspect-ratio:1 / 1;transition:transform .2s ease,opacity .2s ease;border-radius:999px;border:1px solid var(--bw-black, #000);background:#ffffff80}.video-container .video-container__play-pause-button:hover{transform:scale(1.1)}.video-container .video-container__play-pause-button:active{transform:scale(.95)}.video-container .video-container__play-pause-button svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.video-container .video-container__play-icon,.video-container .video-container__pause-icon{transition:opacity .2s ease}.placeholder-video{display:flex;align-items:center;justify-content:center;width:var(--size-width);height:var(--size-height);aspect-ratio:var(--aspect-ratio);background-color:var(--color-background-secondary, #f5f5f5);color:var(--color-text-secondary, #666);border-radius:var(--video-border-radius);overflow:hidden}.placeholder-video svg{width:64px;height:64px;opacity:.5}@media (min-width: 1024px){.video-container{width:var(--size-desktop-width);height:var(--size-desktop-height)}.video-container .video-container__video{aspect-ratio:var(--aspect-ratio-desktop)}.video-container .video-container__video--desktop{display:block}.video-container .video-container__video--mobile{display:none}.placeholder-video{width:var(--size-desktop-width);height:var(--size-desktop-height);aspect-ratio:var(--aspect-ratio-desktop)}}