.video{display:block;position:relative;height:100%;width:100%}.video__overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--color-grey-800);z-index:9}.video video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video__progress-circle{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(#f8f9f5,#f8f9f566 0%);-webkit-mask:radial-gradient(circle,transparent 48%,black 49%,black 51%,transparent 52%);mask:radial-gradient(circle,transparent 48%,black 49%,black 51%,transparent 52%);transition:background .1s linear;z-index:1;pointer-events:none}.video__controls{display:flex;align-items:center;justify-content:center;position:absolute;bottom:var(--spacing-xl);right:var(--spacing-xl);width:40px;z-index:10;height:40px;cursor:pointer}.video__controls.has-tickertape{bottom:var(--spacing-7xl)}.video__controls-play{display:block;cursor:pointer}.video__controls-pause{cursor:pointer;display:none;width:18px;height:18px}.video__controls.is-playing .video__controls-play{display:none}.video__controls.is-playing .video__controls-pause{display:block}.video__controls--sound{position:absolute;right:60px;top:10px}.video__controls--sound-on{display:block;cursor:pointer}.video__controls--sound-off{display:none;cursor:pointer}.video__controls--sound svg{position:absolute;top:1px;left:-10px}.video__controls--sound .video__progress-circle{width:40px;height:40px;position:absolute;top:-10px;left:-21px}.video__controls.is-muted .video__controls--sound-on{display:none}.video__controls.is-muted .video__controls--sound-off{display:block}.video__controls.pin-left{right:var(--spacing-md);left:auto}.video__controls.pin-right{left:var(--spacing-md);right:auto}.video__controls.pin-right .video__controls--sound{right:-20px}@media screen and (min-width: 1024px){.video__controls{bottom:var(--spacing-2xl);right:var(--spacing-2xl)}.video__controls.pin-left{right:var(--spacing-2xl);left:auto}.video__controls.pin-right{left:var(--spacing-2xl);right:auto}.video__controls.position-left{left:var(--spacing-xl)}}