html.team-red .css-piz17f {
    --AppBar-background: #9d312f;
    background-color: var(--AppBar-background);
}

html.team-red .css-1nnopmh {
    --Link-underlineColor: rgba(122, 67, 68, 0.4);
    --variant-textColor: #9d312f;
    --variant-outlinedColor: #9d312f;
    --variant-outlinedBorder: rgba(122, 67, 68, 0.5);
    --variant-containedBg: #9d312f;
}

html.team-red .css-1d2ypmi {
    color: rgb(245, 231, 222);
}

html.team-red .css-13kncjy,
html.team-red .css-c1swga {
    background-color: rgb(62, 40, 31);
    color: rgb(245, 231, 222);
}

html.team-red .css-13kncjy *,
html.team-red .css-c1swga * {
    color: inherit !important;
}

html.team-red .css-13kncjy a,
html.team-red .css-c1swga a {
    color: rgb(245, 231, 222) !important;
    text-decoration-color: rgba(245, 231, 222, 0.45);
}

html.team-red .css-13kncjy a:hover,
html.team-red .css-c1swga a:hover {
    color: rgb(245, 231, 222) !important;
}

html.team-red .css-ux8h2m,
html.team-red .css-1fdremr,
html.team-red .css-1w8clli,
html.team-red .css-l5ksto {
    background-color: #9d312f;
    color: rgb(245, 231, 222);
}

html.team-red .css-1dh3be7 {
    color: rgb(245, 231, 222);
}

html.team-red #menu-appbar .MuiPaper-root,
html.team-red #menu-appbar .css-c1swga {
    background-color: rgb(62, 40, 31);
    color: rgb(245, 231, 222);
}

html.team-red #menu-appbar .MuiPaper-root *,
html.team-red #menu-appbar .css-c1swga * {
    color: inherit !important;
}

button[aria-label="Toggle BLU/RED mode"][aria-pressed="true"],
button[aria-label="Pause randomly selecting new backgrounds"][aria-pressed="true"] {
    opacity: 0.65;
}

#menu-appbar {
    pointer-events: none;
}

#menu-appbar.menu-open {
    visibility: visible !important;
    pointer-events: auto !important;
}

#menu-appbar.menu-open .MuiBackdrop-root {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

#menu-appbar.menu-open .MuiPaper-root {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1, 1) !important;
    pointer-events: auto !important;
}

html.team-red body {
    position: relative;
    background-color: #24100d !important;
}

html.team-red body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(36, 16, 13, 0.58);
    pointer-events: none;
    z-index: 0;
}

html.team-red body > * {
    position: relative;
    z-index: 1;
}

html.team-red .css-rdmkvd {
    background-color: #9d312f;
    color: rgb(245, 231, 222);
}

html.team-red .css-ew3gae {
    background-color: rgb(62, 40, 31);
    color: rgb(245, 231, 222);
}

html.team-red .css-ew3gae *,
html.team-red .css-ew3gae a {
    color: rgb(245, 231, 222) !important;
}

html.team-red .css-yzkyje,
html.team-red .css-5s4moo {
    background-color: rgb(62, 40, 31) !important;
    color: rgb(245, 231, 222) !important;
}

html.team-red .css-yzkyje *,
html.team-red .css-5s4moo *,
html.team-red .css-yzkyje th,
html.team-red .css-yzkyje td,
html.team-red .css-yzkyje label,
html.team-red .css-yzkyje span,
html.team-red .css-yzkyje p,
html.team-red .css-yzkyje .MuiTablePagination-root,
html.team-red .css-5s4moo th,
html.team-red .css-5s4moo td,
html.team-red .css-5s4moo label,
html.team-red .css-5s4moo span,
html.team-red .css-5s4moo p,
html.team-red .css-5s4moo .MuiTablePagination-root {
    color: rgb(245, 231, 222) !important;
}

html.team-red .css-yzkyje a,
html.team-red .css-5s4moo a {
    color: rgb(245, 231, 222) !important;
    text-decoration-color: rgba(245, 231, 222, 0.45);
}

/* стр */
html.team-red .css-yzkyje tr,
html.team-red .css-5s4moo tr {
    background-color: transparent !important;
}

html.team-red .css-yzkyje button,
html.team-red .css-5s4moo button {
    background-color: #9d312f !important;
    color: #fff !important;
    border-color: #9d312f !important;
}


html.team-red .css-yzkyje tbody td:last-child a,
html.team-red .css-yzkyje tbody td:last-child button,
html.team-red .css-5s4moo tbody td:last-child a,
html.team-red .css-5s4moo tbody td:last-child button {
    background: #9d312f !important;
    border: 1px solid #9d312f !important;
    color: #fff !important;
    box-shadow: none !important;
}

html.team-red .css-yzkyje tbody td:last-child a:hover,
html.team-red .css-yzkyje tbody td:last-child button:hover,
html.team-red .css-5s4moo tbody td:last-child a:hover,
html.team-red .css-5s4moo tbody td:last-child button:hover {
    background: #872927 !important;
    border-color: #872927 !important;
    color: #fff !important;
}


html.team-red .css-13kncjy,
html.team-red .css-c1swga,
html.team-red .status-block,
html.team-red .guide-container {
    background-color: rgb(62, 40, 31);
    color: rgb(245, 231, 222);
}

html.team-red .status-block *,
html.team-red .guide-container * {
    color: inherit !important;
}

html.team-red .status-block a,
html.team-red .guide-container a {
    color: rgb(245, 231, 222) !important;
    text-decoration-color: rgba(245, 231, 222, 0.45);
}