.video-player{background:#000;border-radius:var(--spacing-2xs);overflow:hidden;position:relative;width:100%}.video-player video{display:block;height:auto;width:100%}.video-controls{inset:0;pointer-events:none;position:absolute}.video-cta{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:auto;position:absolute}.video-cta button{background:rgba(0,0,0,.64);border-radius:999px;box-shadow:8px 8px 16px rgba(0,0,0,.2);color:var(--c-white);cursor:pointer;height:var(--spacing-5xl);transition:all .4s ease;width:var(--spacing-5xl)}.video-cta button:hover{background:var(--c-0-400);box-shadow:8px 8px 32px rgba(0,0,0,.2);color:var(--c-white);transform:translateY(-4px)}.video-bar{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);bottom:0;display:flex;gap:.75rem;left:0;opacity:0;padding:.75rem;pointer-events:auto;position:absolute;right:0;transition:opacity .25s ease}.video-player.is-controls-visible .video-bar{opacity:1}.video-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.video-btn svg{fill:#fff;height:20px;width:20px}.video-progress{background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;flex:1;height:4px;position:relative}.video-progress-fill{background:#fff;border-radius:2px;height:100%;width:0}