.player{display:grid;background:var(--cinza-900)}.player,.player__quadro{position:relative;height:100%}.player__quadro{min-height:0}.player__video{width:100%;height:100%;object-fit:cover;background:var(--cinza-900)}.player__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:64px;height:64px;translate:-50% -50%;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:999px;appearance:none;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--branco);cursor:pointer;transition:background-color var(--transicao),border-color var(--transicao),opacity var(--transicao)}.player__play:hover{border-color:var(--marca);background:var(--marca)}.player__play:focus-visible{outline:2px solid var(--branco);outline-offset:3px}.player__play--tocando{opacity:0}.player:hover .player__play--tocando,.player__play--tocando:focus-visible{opacity:1}.player__controles{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:.625rem;padding:.75rem;background:linear-gradient(0deg,rgba(3,6,26,.85),rgba(3,6,26,0))}.player__som{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:999px;appearance:none;background:transparent;color:var(--branco);cursor:pointer;transition:background-color var(--transicao)}.player__som:hover{background:rgba(255,255,255,.16)}.player__som:focus-visible{outline:2px solid var(--branco);outline-offset:2px}.player__barra{position:relative;flex:1;display:flex;align-items:center;height:20px;cursor:pointer;touch-action:none}.player__barra:focus-visible{outline:2px solid var(--branco);outline-offset:2px;border-radius:4px}.player__trilha{position:relative;width:100%;height:4px;border-radius:999px;background:rgba(255,255,255,.3)}.player__preenchido{position:absolute;inset:0 auto 0 0;width:var(--progresso,0);border-radius:inherit;background:var(--branco)}.player__preenchido:after{content:"";position:absolute;top:50%;right:0;width:12px;height:12px;border-radius:999px;background:var(--branco);translate:50% -50%;box-shadow:0 1px 4px rgba(3,6,26,.4)}.player__tempo{flex:none;font-size:.75rem;color:rgba(255,255,255,.8)}