:root {
            --primary-color: #2a364f;
            --accent-color: #00b4d8;
            /* --bg-color: #f4f6f9; */
            --bg-color: #000000;
            --text-color: #333333;
        }

		html,body {
			margin: 0;
			padding: 0;
		}
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            /* background-color: var(--bg-color); */
            color: var(--text-color);
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .player-wrapper {
            width: 100%;
			margin: 0 auto;            
            background-color: #000;
            overflow: hidden;
            /* position: relative; */
            /* max-width:calc(100vw - 2rem); */
        }

        .video-js {
            /* width: 100% !important; */
            /* height: auto; */
			/* max-height: calc(100vw / 16 * 9); */
            /* aspect-ratio: 16 / 9; */
        }
		.vjs-control-bar{
			/* bottom:1.3rem  !important; */
		}
		video{
			/* max-height:100vh; */
		}