.video-player .container{aspect-ratio:16/9;height:100%;overflow:hidden;position:relative;width:100%}.video-player .container.-has-cover .video{opacity:0}.video-player .container.-is-playing .video{opacity:1}.video-player .container.-is-loading{cursor:wait}.video-player .container.-is-disabled,.video-player .container.-is-disabled .video{cursor:default}.video-player .loading-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-player .spinner{display:inline-block;height:1.5rem;position:relative;width:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.video-player .spinner-circle{animation:spin .8s linear infinite;border:2px solid var(--gray-1);border-radius:50%;border-top-color:transparent!important;box-sizing:border-box;height:100%;width:100%}.video-player .video{background-color:#000;cursor:pointer;height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;transition:opacity var(--default-duration) var(--timing-function);width:100%}.-is-keyboard-focus-within-video .video-player .video{outline:4px solid var(--pulse);outline-offset:2px;outline-offset:-4px}.video-player .cover-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.video-player .cover-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative;width:100%}.video-player .video-controls{background:linear-gradient(transparent,rgba(0,0,0,.9));bottom:0;left:0;opacity:0;position:absolute;right:0;transition:opacity var(--default-duration) var(--timing-function)}.-is-playing.-is-mouse-over .video-player .video-controls{opacity:.8}.-is-keyboard-focus-within-controls .video-player .video-controls,.-is-keyboard-focus-within-video .video-player .video-controls,.-is-playing.-is-mouse-over .video-player .video-controls:hover,:not(.-is-playing).-is-during-playback .video-player .video-controls{opacity:1}.video-player .progress-bar{background:rgba(0,0,0,.3);cursor:pointer;height:4px;position:relative;width:100%}.video-player .progress-bar:focus,.video-player .progress-bar:hover{height:6px;outline:none}.video-player .progress-bar:focus-visible{outline:4px solid var(--pulse);outline-offset:2px;outline-offset:-4px}.video-player .progress-bar-filled{background:var(--white);height:100%;left:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-timing-function:transform .1s linear;width:100%}.video-player .controls-row{align-items:center;display:flex;gap:1rem;padding:1rem}.video-player .control-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;transition:opacity var(--default-duration) var(--timing-function)}.video-player .control-button:hover{opacity:.8}.video-player .control-button:focus{outline:none}.video-player .control-button:focus-visible{opacity:1;outline:4px solid var(--pulse);outline-offset:2px}.video-player .volume-control{align-items:center;display:flex;gap:.5rem}.video-player .volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsla(0,0%,100%,.3);border-radius:2px;height:4px;margin:0;padding:0;transition:width var(--default-duration) var(--timing-function);width:80px}.video-player .volume-slider:focus{outline:none}.video-player .volume-slider:focus-visible{outline:4px solid var(--pulse);outline-offset:2px}.video-player .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border-radius:50%;cursor:pointer;height:12px;width:12px}.video-player .volume-slider::-moz-range-thumb{background:var(--white);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.video-player .time-display{color:var(--white);font-family:var(--monospace);font-size:.875rem;margin-left:auto}.video-player .time-display .time-separator{margin:0 .25rem}.video-player .video-play-button{border:none;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.-is-loading .video-player .video-play-button{cursor:wait}.-is-keyboard-focus-within-video .video-player .video-play-button{outline:4px solid var(--pulse);outline-offset:2px;outline-offset:-4px}.-with-cover .video-player .video-play-button{z-index:2}.-with-cover .video-player .video-play-button .play-icon{background-color:#ffffffe6;padding:1rem;transform:scale(1.2)}.video-player .video-play-button-inner{height:100%;position:relative;width:100%}.video-player .video-play-button-overlay{align-items:center;background-color:var(--pulse-overlay);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:background-color var(--default-duration) var(--timing-function);width:100%}.video-player .video-play-button:hover .play-icon{background-color:var(--pulse);color:var(--white)}.video-player .video-play-button:hover .video-play-button-overlay{background-color:rgba(var(--pulse-overlay),0)}.video-player .play-icon{background-color:var(--white);border-radius:50%;color:var(--pulse-dark);max-width:20%;position:relative;transition:background-color var(--default-duration) var(--timing-function),color var(--default-duration) var(--timing-function)}.video-player .play-icon-svg{width:6.25rem}.video-player .error-message{background:var(--coral);border-radius:4px;bottom:1rem;color:var(--white);left:1rem;padding:.5rem 1rem;position:absolute;right:1rem}