:root
{
	color-scheme: light dark;
    --shadowAccentSm: 0px 1px 1px 0px #27569ea8, 0px 0px 1px 0px #27569ea8;
    --shadowAccentMd: 0px 1px 2px 0px #27569edb, 0px 0px 2px 0px #27569edb;
    --shadowAccentInset: inset 0px 0px 4px 0px #27569e, inset 0px 0px 1px 1px #27569e;

	--lhWidth: 400px;
	--lhWidth2: 450px;
	--lhHeight: 421px;
	--lhHeight2: 391px;
	--lhLeft: 50px;
	--lhTop: 50px;

	--timeWidth: 50px;
	--gnumWidth: 50px;
	--teamWidth: 150px;
	--scoreWidth: 85px;
	--separatorWidth: 0px;
	--bookWidth: 90px;

	--timeLeft: 1px;
	--transition-duration-quick: 120ms;
	--transition-duration-fast: 200ms;
	--transition-duration-standard: 300ms;
	--transition-duration-slow: 400ms;
	--transition-duration-deliberate: 600ms;

	--transition-easing-standard: ease;
	--transition-easing-emphasized: ease-in-out;
	--transition-easing-accelerate: ease-in;
	--transition-easing-decelerate: ease-out;
	--transition-easing-linear: linear;

	--gnumLeft: calc(var(--timeLeft) + var(--timeWidth) + 5px);
	/*56px;*/
	--teamLeft: calc(var(--gnumLeft) + var(--gnumWidth) + 5px);
	/*112px;*/
	--scoreLeft: calc(var(--teamLeft) + var(--teamWidth) + 8px);
	/*268px;*/
	--separatorLeft: calc(var(--scoreLeft) + var(--scoreWidth) + 7px);
	/*274px;*/
	--totalFixedWidth: calc(var(--timeWidth) + var(--gnumWidth) + var(--teamWidth) + var(--scoreWidth) + var(--separatorWidth));

	--playerLeft: 0px;
}

[data-theme="light"]
{
	--primary-bg-color: #fefeff;
	--primary-font-color: #fefeff;

	--secondary-font-color: #f0f6ff;
	--secondary-bg-color: #f0f6ff;

	--alt-font-color: rgb(11, 11, 11);
	--alt-bg-color: rgb(11, 11, 11);

	--utility-bright-blue-color: rgb(53, 42, 255);
	--utility-dark-blue-color: #3a5792;
	--utility-blue-color: #526fab;
	--wagertalk-orange-color: #f58220;
	--wagertalk-orange-dark-color: #d8792c;
	--wagertalk-header-color: #35415f;

	--menu-bg-color: #fcfcfff0;
	--bright-menu-bg-color: #fcfcfffb;

	--accent-color: #27569e;
	--hover-accent-color: #4d7cc1;

	--table-border-color: 0.1px solid #d5d5df3d;
	--alt-table-border-color: 0.5px solid #ffffff;

	--button-border: 0.5px solid rgb(82 98 134 / 60%);

	--font-weight: 500;
	--popup-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 6%), 0 1px 2px 0 rgb(0 0 0 / 5%), 0px 2px 16px 0px #0000002b, inset 0px 1px 2px 0px #ffffff;
	--popup-item-list-hover: 1px 1px 5px -2px #000000d6, 0px 0px 2px -1px #000000c2;

    --popup-glass-background: #fffffff2 !important;
}

[data-theme="dark"]
{
	--primary-bg-color: #061325;
    --primary-font-color: #efe9e9;
    --secondary-font-color: #ffffff;
    --secondary-bg-color: #0D1C2F;
    --alt-font-color: rgb(234 225 225);
    --alt-bg-color: rgb(11, 11, 11);
    --utility-bright-blue-color: rgb(123 116 255);
    --utility-dark-blue-color: #1a2947;
    --utility-blue-color: #2e3f5d;
    --menu-bg-color: #0c1c30f2;
    --bright-menu-bg-color: #0c1c30fa;
    --accent-color: #27569e;
    --hover-accent-color: #364a6a;
	--alt-table-border-color: 0.1px solid #9b9bb5b5;
	--table-border-color: 0.1px solid #9b9bb53d;
	--button-border: 0.1px solid rgb(255 255 255 / 50%);
	--font-weight: 400;
	--popup-box-shadow-bordered: 0 1px 3px 0 rgb(0 0 0 / 28%), 0 1px 2px 0 rgb(0 0 0 / 14%), 0px 2px 13px 0px #0000004d, inset 1px 0.5px 0px 0px #2aa029c7, inset -1px -2px 0px 0px #2aa029c7;
	--popup-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 28%), 0 1px 2px 0 rgb(0 0 0 / 14%), 0px 2px 13px 0px #0000004d;
	--popup-item-list-hover: 0px 0px 2px 0px #ffffffd6, 0px 0px 2px -1px #ffffffc2;

	--sidebar-glass-background: #0c1c30e8;
	--sidebar-box-shadow: -2px 0px 5px -2px #000000db, -4px 0px 8px -4px #000000bf, inset 2px 0px 4px -3px #2f3f5d;

	--popup-glass-background: #0f243ef5 !important;
}

#video
{
	list-style-type: none;
}

video
{
    max-width: 102%;
    border-radius: 6px;
    border: 0.1px solid #1600ff70;
    box-shadow: 0px 1px 3px -1px #00000063, 0px 0px 5px -2px #000000b5;
    margin-left: -7px;
    cursor: pointer;
}

video::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-mute-button {
  display: none !important;
}