/* /Pages/Elements/ElementsNavMenu.razor.rz.scp.css */
[b-hnkmsfd436] .navigation-container {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

[b-hnkmsfd436] .navigation-menu {
    display: flex;
    justify-content: center;
    align-content: center;
    background: linear-gradient(135deg, rgba(5, 10, 20, 1) 0%, rgba(15, 20, 35, 1) 40%, rgba(22, 28, 47, 1) 100%);
    box-shadow: var(--mud-elevation-1);
    width: 96%;
    border-radius: 40px;
}
@media (max-width: 600px) {
    [b-hnkmsfd436] .navigation-menu {
        height: 44px;
    }
}
@media (min-width: 601px) {
    [b-hnkmsfd436] .navigation-menu {
        height: 60px;
    }
}

[b-hnkmsfd436] .navigation-menu-item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    height: 100%;
    width: calc(100% / 2);
}
@media (max-width: 600px) {
    [b-hnkmsfd436] .navigation-menu-item {
        font-size: 14px;
    }
}
@media (min-width: 601px) {
    [b-hnkmsfd436] .navigation-menu-item {
        font-size: 18px;
    }
}
[b-hnkmsfd436] .navigation-menu-item.active {
        background-color: var(--nav-menu-active-item) !important;
}
[b-hnkmsfd436] .navigation-menu-item:hover {
    background-color: var(--nav-menu-active-item-hover) !important;
}

[b-hnkmsfd436] .item-icon {
    margin-right: 8px;
}

[b-hnkmsfd436] .md3-ripple {
    transition: background 0.3s cubic-bezier(0.1, -0.2, 0.1, 1);
    background-position: center;
    background-image: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.1) 1%) !important;
    background-size: 12000%;
}

[b-hnkmsfd436] .navigation-menu-item:active.md3-ripple {
    transition: background 0s;
    background-position: center;
    background-size: 100%;
}
/* /Pages/Fixtures/ElementPoints.razor.rz.scp.css */
[b-5tyo33mnl9] .element-points {
    border-radius: 4px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    font-weight: 500;
}

[b-5tyo33mnl9] .points-10 {
    border: 1px solid transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(120deg, rgb(30, 90, 60), rgb(140, 110, 30), rgb(30, 90, 60)), linear-gradient(45deg, #FFD700, #FFEA00, #D4AF37, #FFD700);
    box-shadow: 0 0 3px rgba(255, 215, 0, 0.7), 0 0 9px rgba(255, 215, 0, 0.4), inset 0 0 6px rgba(255, 255, 255, 0.2);
    color: #FFD700;
    font-weight: bold;
    font-size: 0.85rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}
[b-5tyo33mnl9] .points-9 {
    background: rgb(30, 90, 60);
    color: rgba(255, 255, 255, 0.8);
}
[b-5tyo33mnl9] .points-8 {
    background: rgb(55, 105, 81);
    color: rgba(255, 255, 255, 0.8);
}
[b-5tyo33mnl9] .points-7 {
    background: rgb(81, 121, 101);
    color: rgba(255, 255, 255, 0.9);
}
[b-5tyo33mnl9] .points-6 {
    background: rgb(106, 136, 122);
    color: #000000;
}
[b-5tyo33mnl9] .points-5 {
    background: rgb(144, 159, 153);
    color: #000000;
}
[b-5tyo33mnl9] .points-4 {
    background: rgba(182, 183, 185);
    color: #000000;
}
[b-5tyo33mnl9] .points-3 {
    background: rgb(168, 150, 153);
    color: #000000;
}
[b-5tyo33mnl9] .points-2 {
    background: rgb(154, 117, 122);
    color: #000000;
}
[b-5tyo33mnl9] .points-1 {
    background: rgb(126, 52, 60);
    color: rgba(255, 255, 255, 0.8);
}
[b-5tyo33mnl9] .points-0 {
    background: rgb(126, 52, 60);
    color: rgba(255, 255, 255, 0.8);
}
/* /Pages/Fixtures/FDRKey.razor.rz.scp.css */
[b-kg5qjw2vyh] .fdr-key-value {
    padding: 4px 8px;
}

[b-kg5qjw2vyh] .difficulty-very-easy {
    background: var(--difficulty-very-easy-background);
    color: var(--difficulty-very-easy-color);
}

[b-kg5qjw2vyh] .difficulty-easy {
    background: var(--difficulty-easy-background);
    color: var(--difficulty-easy-color);
}

[b-kg5qjw2vyh] .difficulty-medium {
    background: var(--difficulty-medium-background);
    color: var(--difficulty-medium-color);
}

[b-kg5qjw2vyh] .difficulty-hard {
    background: var(--difficulty-hard-background);
    color: var(--difficulty-hard-color);
}

[b-kg5qjw2vyh] .difficulty-very-hard {
    background: var(--difficulty-very-hard-background);
    color: var(--difficulty-very-hard-color);
}

[b-kg5qjw2vyh] .difficulty-unset {
    background: var(--difficulty-medium-background);
    color: var(--difficulty-medium-color);
}
/* /Pages/Fixtures/FdrPage.razor.rz.scp.css */
[b-b5n33elrdv] .mud-table-cell {
    padding: 3px 4px;
}

[b-b5n33elrdv] .fixed-position-1 {
    min-width: 160px;
    left: 0;
}

[b-b5n33elrdv] .scrollable-table .scrolled .fixed-position-1-without-detailed-fixtures::after,
[b-b5n33elrdv] .scrollable-table .scrolled .fixed-position-3::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    pointer-events: none;
    box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.6);
}

/* Needs to be 100px if detailed team diff is not active */
@media (max-width: 600px) {
    [b-b5n33elrdv] .fixed-position-1-without-detailed-fixtures {
        min-width: 100px;
    }

    [b-b5n33elrdv] .fixed-position-1-detailed-team-fixtures {
        min-width: 88px;
    }
}

[b-b5n33elrdv] .fixed-position-2 {
    min-width: 40px;
    left: 160px;
}

@media (max-width: 600px) {
    [b-b5n33elrdv] .fixed-position-2 {
        min-width: 32px;
        left: 88px;
    }
}

[b-b5n33elrdv] .fixed-position-3 {
    min-width: 48px;
    left: 200px;
}

@media (max-width: 600px) {
    [b-b5n33elrdv] .fixed-position-3 {
        min-width: 44px;
        left: 120px;
    }
}

@media (max-width: 600px) {
    [b-b5n33elrdv] .mud-table-container {
        /*height: calc(100dvh - var(--mud-appbar-height) - 48px - 52px);*/

        /* Tab bar = 48px, FDR key = 60px, Nav menu = 65px */
        height: calc(100dvh - 65px - 48px - 60px - 65px);
    }
}

/* The same as .size-large in FaFixture component regarding height */
[b-b5n33elrdv] .team-fixture {
    height: 32px;
    width: 28px;
}

[b-b5n33elrdv] .team-fixture-detailed-difficulty {
    height: 48px;
    width: 28px;
}

@media (max-width: 600px) {
    [b-b5n33elrdv] .team-fixture {
        width: 24px;
    }
}

[b-b5n33elrdv] .upcoming-fixtures-summary {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    width: 56px;
    font-size: 17px;
    font-weight: 700;
    margin: 4px;
}

[b-b5n33elrdv] .difficulty-very-easy {
    background: var(--difficulty-very-easy-background);
    color: var(--difficulty-very-easy-color);
}

[b-b5n33elrdv] .difficulty-easy {
    background: var(--difficulty-easy-background);
    color: var(--difficulty-easy-color);
}

[b-b5n33elrdv] .difficulty-medium {
    background: var(--difficulty-medium-background);
    color: var(--difficulty-medium-color);
}

[b-b5n33elrdv] .difficulty-hard {
    background: var(--difficulty-hard-background);
    color: var(--difficulty-hard-color);
}

[b-b5n33elrdv] .difficulty-very-hard {
    background: var(--difficulty-very-hard-background);
    color: var(--difficulty-very-hard-color);
}

[b-b5n33elrdv] .difficulty-unset {
    background: var(--difficulty-medium-background);
    color: var(--difficulty-medium-color);
}

[b-b5n33elrdv] .mud-tabs-tabbar {
    background: linear-gradient(135deg, rgba(5,10,20,1) 0%, rgba(15,20,35,1) 40%, rgba(22,28,47,1) 100%); border-radius: 40px;
    box-shadow: var(--mud-elevation-1);
    border-radius: 20px;
}

@media (max-width: 600px) {
    [b-b5n33elrdv] .mud-tabs-tabbar {
        margin: 0 8px 4px 8px;
    }
}

@media (min-width: 601px) {
    [b-b5n33elrdv] .mud-tabs-tabbar {
        padding: 8px 0;
    }
}
/* /Pages/Fixtures/FixtureFilterDialog.razor.rz.scp.css */
[b-i6brhsy7xq] .filter-caption {
    text-transform: uppercase;
    padding-bottom: 4px;
}
/* /Pages/Fixtures/FixturePage.razor.rz.scp.css */
[b-kp7wesfks9] .fixture-kickoff {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.9);
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
}

@media (max-width: 600px) {
    [b-kp7wesfks9] .fixture-kickoff {
        padding: 4px 8px;
        font-size: 14px;
    }
}

@media (min-width: 601px) {
    [b-kp7wesfks9] .fixture-kickoff {
        padding: 6px 8px;
        font-size: 16px;
    }
}

[b-kp7wesfks9] .fixture-result {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
}

@media (max-width: 600px) {
    [b-kp7wesfks9] .fixture-result {
        height: 40px;
        width: 58px;
        font-size: 16px;
    }
}

@media (min-width: 601px) {
    [b-kp7wesfks9] .fixture-result {
        height: 60px;
        width: 68px;
        font-size: 20px;
    }
}

[b-kp7wesfks9] .fixture-container {
    display: flex;
    gap: 1.6rem;
}

[b-kp7wesfks9] .team-container {
    flex: 1;
    position: relative;
    padding: 8px 0;
}

[b-kp7wesfks9] .team-name-container {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 4px 0;
}

[b-kp7wesfks9] .home-team .team-name-container {
    justify-content: end;
}

@media (max-width: 600px) {
    [b-kp7wesfks9] .club-icon {
        height: 32px;
    }
}

@media (min-width: 601px) {
    [b-kp7wesfks9] .club-icon {
        height: 52px;
    }
}

[b-kp7wesfks9] .team-name {
    font-weight: 500;
}

@media (max-width: 600px) {
    [b-kp7wesfks9] .team-name {
        font-size: 0.8rem;
    }
}

@media (min-width: 601px) {
    [b-kp7wesfks9] .team-name {
        font-size: 1.1rem;
    }
}
    
/*::deep .team-container.home-team.win {
    background: linear-gradient(to right, rgba(77, 182, 172, 0.12), rgba(77, 182, 172, 0.001));
}

::deep .team-container.home-team.draw {
    background: linear-gradient(to right, rgba(180, 180, 180, 0.12), rgba(180, 180, 180, 0.001));
}

::deep .team-container.home-team.loss {
    background: linear-gradient(to right, rgba(198, 40, 40, 0.12), rgba(198, 40, 40, 0.001));
}

::deep .team-container.away-team.win {
    background: linear-gradient(to left, rgba(77, 182, 172, 0.12), rgba(77, 182, 172, 0.001));
}

::deep .team-container.away-team.draw {
    background: linear-gradient(to left, rgba(180, 180, 180, 0.12), rgba(180, 180, 180, 0.001));
}

::deep .team-container.away-team.loss {
    background: linear-gradient(to left, rgba(198, 40, 40, 0.12), rgba(198, 40, 40, 0.001));
}*/

[b-kp7wesfks9] .signal {
    position: absolute;
}

@media (max-width: 600px) {
    [b-kp7wesfks9] .signal {
        height: 60%;
        top: 20%;
        width: 3px;
    }
}

@media (min-width: 601px) {
    [b-kp7wesfks9] .signal {
        height: 70%;
        top: 15%;
        width: 4px;
    }
}

[b-kp7wesfks9] .team-container.home-team .signal {
    border-radius: 0 4px 4px 0;
    left: 0;
}

[b-kp7wesfks9] .team-container.away-team .signal {
    border-radius: 4px 0 0 4px;
    right: 0;
}

[b-kp7wesfks9] .win .signal {
    background: rgba(77, 182, 172, 0.6);
}

[b-kp7wesfks9] .draw .signal {
    background: rgba(180, 180, 180, 0.6);
}

[b-kp7wesfks9] .loss .signal {
    background: rgba(198, 40, 40, 0.6);
}

[b-kp7wesfks9] .element-event-points-chip-summary {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid rgb(66, 66, 66);
}

@media (max-width: 600px) {
    [b-kp7wesfks9] .element-event-points-chip-summary {
        height: 12px;
        width: 12px;
        font-size: 8px;
        padding: 0 2px;
    }
}

@media (min-width: 601px) {
    [b-kp7wesfks9] .element-event-points-chip-summary {
        height: 14px;
        width: 14px;
        font-size: 9px;
        padding: 0 3px;
    }
}

[b-kp7wesfks9] .assist-chip {
    color: rgba(255, 255, 255, 0.85);
    background-color: rgba(66, 66, 66, 1);
}

@media (max-width: 600px) {
    [b-kp7wesfks9] .icon {
        width: 12px;
    }
}

@media (min-width: 601px) {
    [b-kp7wesfks9] .icon {
        width: 14px;
    }
}

[b-kp7wesfks9] .result-container.home-win {
    background: linear-gradient(to right, rgba(77, 182, 172, 0.12), rgba(77, 182, 172, 0.001) 40% 60%, rgba(198, 40, 40, 0.12));
}

[b-kp7wesfks9] .result-container.away-win {
    background: linear-gradient(to right, rgba(198, 40, 40, 0.12), rgba(77, 182, 172, 0.001) 40% 60%, rgba(77, 182, 172, 0.12));
}

[b-kp7wesfks9] .result-container.draw {
    background: linear-gradient(to right, rgba(180, 180, 180, 0.12), rgba(180, 180, 180, 0.001) 40% 60%, rgba(180, 180, 180, 0.12));
}
/* /Pages/Fixtures/FixturePageElementItem.razor.rz.scp.css */
[b-rjqe17z33k] .fixture-page-element-item {
    padding: 4px 8px;
    /*background: linear-gradient(160deg, rgba(22, 28, 47, 1) 0%, rgba(15, 20, 35, 1) 40%, rgba(40, 50, 80, 1) 100%);*/
    /*background: linear-gradient(160deg,rgba(15, 20, 35, 0.3) 0%, rgba(15, 20, 35, 0.8) 40%);*/
    background: linear-gradient(160deg, rgba(22, 28, 47, 1) 0%, rgba(30, 40, 70, 1) 100%);
    display: flex;
    align-items: center;
    margin: 4px 0;
}

[b-rjqe17z33k] .element-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 4px;
}
@media (max-width: 600px) {
    [b-rjqe17z33k] .element-name {
        width: 40%;
    }
}
@media (min-width: 601px) {
    [b-rjqe17z33k] .element-name {
        width: 50%;
    }
}

/* element-event-points-chip is a class in child component */
/*@media (max-width: 600px) {
    ::deep .element-event-points-summary-container .element-event-points-chip {
        height: 16px;
    }
}
@media (min-width: 601px) {
    ::deep .element-event-points-summary-container .element-event-points-chip {
        height: 18px;
    }
}*/
/* /Pages/Fixtures/FixturesDialog.razor.rz.scp.css */
[b-n53k1ze157] .select-item {
    color: rgb(66, 66, 66) !important;
}

@media (max-width: 600px) {
    [b-n53k1ze157] .mud-table-container {
        height: calc(100dvh - var(--mud-appbar-height) - 66px - 120px - 54px);
    }
}
@media (min-width: 601px) {
    [b-n53k1ze157] .mud-table-container {
        max-height: 50dvh;
    }
}
/* /Pages/Fixtures/FixtureSettingsDialog.razor.rz.scp.css */
/* /Pages/Fixtures/FixturesInfoDialog.razor.rz.scp.css */
/* /Pages/Fixtures/FixturesNavMenu.razor.rz.scp.css */
[b-mhta5vmb5p] .navigation-container {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

[b-mhta5vmb5p] .navigation-menu {
    display: flex;
    justify-content: center;
    align-content: center;
    background: linear-gradient(135deg, rgba(5, 10, 20, 1) 0%, rgba(15, 20, 35, 1) 40%, rgba(22, 28, 47, 1) 100%);
    box-shadow: var(--mud-elevation-1);
    width: 96%;
    border-radius: 40px;
}
@media (max-width: 600px) {
    [b-mhta5vmb5p] .navigation-menu {
        height: 44px;
    }
}
@media (min-width: 601px) {
    [b-mhta5vmb5p] .navigation-menu {
        height: 60px;
    }
}

[b-mhta5vmb5p] .navigation-menu-item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    height: 100%;
    width: calc(100% / 2);
}
@media (max-width: 600px) {
    [b-mhta5vmb5p] .navigation-menu-item {
        font-size: 14px;
    }
}
@media (min-width: 601px) {
    [b-mhta5vmb5p] .navigation-menu-item {
        font-size: 18px;
    }
}
[b-mhta5vmb5p] .navigation-menu-item.active {
        background-color: var(--nav-menu-active-item) !important;
}
[b-mhta5vmb5p] .navigation-menu-item:hover {
    background-color: var(--nav-menu-active-item-hover) !important;
}

[b-mhta5vmb5p] .item-icon {
    margin-right: 8px;
}

[b-mhta5vmb5p] .md3-ripple {
    transition: background 0.3s cubic-bezier(0.1, -0.2, 0.1, 1);
    background-position: center;
    background-image: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.1) 1%) !important;
    background-size: 12000%;
}

[b-mhta5vmb5p] .navigation-menu-item:active.md3-ripple {
    transition: background 0s;
    background-position: center;
    background-size: 100%;
}
/* /Pages/Fixtures/FixturesPage.razor.rz.scp.css */
[b-dlfze8nxzd] .fixtures-table .mud-table-cell {
    padding: 0;
}

@media (max-width: 600px) {
    [b-dlfze8nxzd] .team-form-table .mud-table-cell {
        padding: 6px;
    }
}
@media (min-width: 601px) {
    [b-dlfze8nxzd] .team-form-table .mud-table-cell {
        padding: 8px;
    }
}

[b-dlfze8nxzd] .fixture-kickoff {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.9);
    font-weight: 700;
    margin: 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 600px) {
    [b-dlfze8nxzd] .fixture-kickoff {
        width: 52px;
        font-size: 14px;
    }
}
@media (min-width: 601px) {
    [b-dlfze8nxzd] .fixture-kickoff {
        height: 40px;
        width: 60px;
        font-size: 16px;
    }
}

[b-dlfze8nxzd] .fixture-result {
    background: rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    font-weight: 700;
    margin: 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 600px) {
    [b-dlfze8nxzd] .fixture-result {
        width: 52px;
        font-size: 14px;
    }
}
@media (min-width: 601px) {
    [b-dlfze8nxzd] .fixture-result {
        width: 60px;
        font-size: 18px;
    }
}

[b-dlfze8nxzd] .fixture-container {
    display: flex;
    gap: 1.6rem;
    cursor: pointer;
}

/*@media (max-width: 600px) {
    ::deep .fixture-container {*/
        /*height: 44px;*/
    /*}
}

@media (min-width: 601px) {
    ::deep .fixture-container {*/
        /*height: 60px;*/
    /*}
}*/

[b-dlfze8nxzd] .team-container {
    flex: 1;
    position: relative;
    padding: 8px 0;
}

[b-dlfze8nxzd] .team-name-container {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 4px 0;
}

[b-dlfze8nxzd] .home-team .team-name-container {
    justify-content: end;
}

@media (max-width: 600px) {
    [b-dlfze8nxzd] .club-icon {
        height: 24px;
    }
}
@media (min-width: 601px) {
    [b-dlfze8nxzd] .club-icon {
        height: 32px;
    }
}

[b-dlfze8nxzd] .team-name {
    font-weight: 500;
}

[b-dlfze8nxzd] .team-container.home-team.win {
    background: linear-gradient(to right, rgba(77, 182, 172, 0.12), rgba(77, 182, 172, 0.001));
}

[b-dlfze8nxzd] .team-container.home-team.draw {
    background: linear-gradient(to right, rgba(180, 180, 180, 0.12), rgba(180, 180, 180, 0.001));
}

[b-dlfze8nxzd] .team-container.home-team.loss {
    background: linear-gradient(to right, rgba(198, 40, 40, 0.12), rgba(198, 40, 40, 0.001));
}

[b-dlfze8nxzd] .team-container.away-team.win {
    background: linear-gradient(to left, rgba(77, 182, 172, 0.12), rgba(77, 182, 172, 0.001));
}

[b-dlfze8nxzd] .team-container.away-team.draw {
    background: linear-gradient(to left, rgba(180, 180, 180, 0.12), rgba(180, 180, 180, 0.001));
}

[b-dlfze8nxzd] .team-container.away-team.loss {
    background: linear-gradient(to left, rgba(198, 40, 40, 0.12), rgba(198, 40, 40, 0.001));
}

[b-dlfze8nxzd] .signal {
    position: absolute;
}
@media (max-width: 600px) {
    [b-dlfze8nxzd] .signal {
        height: 60%;
        top: 20%;
        width: 3px;
    }
}
@media (min-width: 601px) {
    [b-dlfze8nxzd] .signal {
        height: 70%;
        top: 15%;
        width: 4px;
    }
}

[b-dlfze8nxzd] .team-container.home-team .signal {
    border-radius: 0 4px 4px 0;
    left: 0;
}

[b-dlfze8nxzd] .team-container.away-team .signal {
    border-radius: 4px 0 0 4px;
    right: 0;
}

[b-dlfze8nxzd] .win .signal {
    background: rgba(77, 182, 172, 0.6);
}

[b-dlfze8nxzd] .draw .signal {
    background: rgba(180, 180, 180, 0.6);
}

[b-dlfze8nxzd] .loss .signal {
    background: rgba(198, 40, 40, 0.6);
}

[b-dlfze8nxzd] .element-event-points-chip-fixture-summary {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid rgb(66, 66, 66);
}
@media (max-width: 600px) {
    [b-dlfze8nxzd] .element-event-points-chip-fixture-summary {
        height: 12px;
        width: 12px;
        font-size: 8px;
        padding: 0 2px;
    }
}
@media (min-width: 601px) {
    [b-dlfze8nxzd] .element-event-points-chip-fixture-summary {
        height: 14px;
        width: 14px;
        font-size: 9px;
        padding: 0 3px;
    }
}

[b-dlfze8nxzd] .assist-chip {
    color: rgba(255, 255, 255, 0.85);
    background-color: rgba(66, 66, 66, 1);
}

@media (max-width: 600px) {
    [b-dlfze8nxzd] .icon {
        width: 12px;
    }
}

@media (min-width: 601px) {
    [b-dlfze8nxzd] .icon {
        width: 14px;
    }
}
/* /Pages/Fixtures/FixturesPageSettingsDialog.razor.rz.scp.css */
/* /Pages/Index/Dashboard.razor.rz.scp.css */
.row[b-g303cxd0cu] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.column[b-g303cxd0cu] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}
/* /Pages/Index/Index.razor.rz.scp.css */
[b-1vducgg602] .welcome-caption {
    line-height: 1;
}

[b-1vducgg602] .welcome-name {
    font-weight: 300;
    font-family: Anton, Georgia;
    line-height: 1.25;
    background: linear-gradient(128.87deg, rgb(68, 101, 107) 14.05%, rgb(102, 153, 145) 89.3%);
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

[b-1vducgg602] .welcome-text {
    padding-top: 8px;
    color: rgba(255, 255, 255, 0.7);
}

.light-mode div[b-1vducgg602]  .info-card-media {
    filter: grayscale(0.5) brightness(0.9);
}

.dark-mode div[b-1vducgg602]  .info-card-media {
    filter: grayscale(0.7) brightness(0.6);
}

[b-1vducgg602] .save-entry-button {
    height: 56px;
    transition: 0.3s;
    background: linear-gradient(128.87deg, rgb(68, 101, 107) 14.05%, rgb(102, 153, 145) 89.3%);
}

    [b-1vducgg602] .save-entry-button:hover {
        background: linear-gradient(128.87deg, rgb(38, 71, 77) 14.05%, rgb(72, 123, 115) 89.3%);
    }

.light-mode div[b-1vducgg602]  .save-entry-button {
    color: rgba(255, 255, 255, 0.95);
}

.dark-mode div[b-1vducgg602]  .save-entry-button {
    color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 600px) {
    [b-1vducgg602] .welcome-caption {
        font-size: 2.5rem;
    }

    [b-1vducgg602] .welcome-name {
        font-size: 2.5rem;
    }

    [b-1vducgg602] .welcome-text {
        font-size: 1.25rem;
    }
}

@media (min-width: 601px) {
    [b-1vducgg602] .welcome-caption {
        font-size: 3rem;
    }

    [b-1vducgg602] .welcome-name {
        font-size: 3rem !important;
    }

    [b-1vducgg602] .welcome-text {
        font-size: 1.5rem;
    }
}

@media (min-width: 601px) {
    [b-1vducgg602] .info-card {
        height: 470px;
    }
}

[b-1vducgg602] .entry-info {
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

    [b-1vducgg602] .entry-info.active {
        opacity: 1;
        transition: opacity 0.3s ease-out;
    }

@media (max-width: 600px) {
    [b-1vducgg602] .entry-info {
        width: 100%;
        max-height: 0;
        transition: opacity 0.3s ease-out, max-height 0.25s ease-out;
    }

        [b-1vducgg602] .entry-info.active {
            max-height: 100px;
            transition: opacity 0.3s ease-out, max-height 0.25s ease-in;
        }
}
/* /Pages/Leagues.razor.rz.scp.css */
/* /Pages/MyTeam/Chip.razor.rz.scp.css */
[b-edi7eagp7p] .chip {
    border-radius: 12px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 600px) {
    [b-edi7eagp7p] .chip {
        margin-right: 2px;
        font-size: 11px;
        height: 16px;
        padding: 0px 6px;
    }
}

@media (min-width: 601px) {
    [b-edi7eagp7p] .chip {
        margin-right: 4px;
        font-size: 12px;
        height: 24px;
        padding: 0px 8px;
    }
}

[b-edi7eagp7p] .chip.chip-wildcard {
    background: var(--chip-wildcard-background);
    color: var(--chip-wildcard-color);
}

[b-edi7eagp7p] .chip.chip-loan-rangers {
    background: var(--chip-loan-rangers-background);
    color: var(--chip-loan-rangers-color);
}

[b-edi7eagp7p] .chip.chip-dynamic-duo {
    background: var(--chip-dynamic-duo-background);
    color: var(--chip-dynamic-duo-color);
}

[b-edi7eagp7p] .chip.chip-park-the-bus {
    background: var(--chip-park-the-bus-background);
    color: var(--chip-park-the-bus-color);
}
/* /Pages/MyTeam/ChipSummary.razor.rz.scp.css */
[b-wlyytr00nc] .icon-background {
    display: flex;
    padding: 4px 20px;
    border-radius: 16px;
    margin-right: 12px;
}

/* Light mode */
.light-mode div[b-wlyytr00nc]  .icon-background {
    /*background: linear-gradient(to right top, #c3cfd1, #d4dce3, #e2e9ea);*/
    background: linear-gradient(to right top, #d1c5c3, #d3cdd4, #e1dae2, #f0e8f0);
}

.light-mode div[b-wlyytr00nc]  .gameweek-value {
    background: rgba(0, 0, 0, 0.07);
}

.light-mode div[b-wlyytr00nc]  .points-value {
    background: rgba(0, 0, 0, 0.07);
}

/* Dark mode */
.dark-mode div[b-wlyytr00nc]  .icon-background {
    background: linear-gradient(to right, rgba(40,20,60,1), rgba(90,50,110,0.8), rgba(70,40,90,0.9));
    /*background: linear-gradient(to right, rgba(22, 28, 37, 1), rgba(42, 72, 52, 0.8), rgba(34, 59, 41,0.9));*/
}

.dark-mode div[b-wlyytr00nc]  .gameweek-value {
    background: rgba(0, 0, 0, 0.25);
}

.dark-mode div[b-wlyytr00nc]  .points-value {
    background: rgba(0, 0, 0, 0.25);
}
/* /Pages/MyTeam/ElementEventPointsSummary.razor.rz.scp.css */
[b-rb4dg0yfyg] .element-event-points-summery {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.3);
}
@media (max-width: 600px){
    [b-rb4dg0yfyg] .element-event-points-summery {
        padding: 2px;
    }
}
@media (min-width: 601px) {
    [b-rb4dg0yfyg] .element-event-points-summery {
        padding: 4px;
    }   
}

[b-rb4dg0yfyg] .element-event-points-icon {
    margin: 0;
}
@media (max-width: 600px) {
    [b-rb4dg0yfyg] .element-event-points-icon {
        height: 13px;
        width: 14px;
    }
}
@media (min-width: 601px) {
    [b-rb4dg0yfyg] .element-event-points-icon {
        height: 16px;
    }
}

/* Needed for badge counter. Doesn't work with badge own goal (need to be dark color) */
[b-rb4dg0yfyg] .element-event-points-badge {
    color: rgb(66, 66, 66) !important;
}
@media (max-width: 600px) {
    [b-rb4dg0yfyg] .element-event-points-badge {
        font-size: 10px;
        height: 12px;
        min-width: 12px;
        padding: 4px 4px;
    }
}

[b-rb4dg0yfyg] .element-event-points-chip {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border-style: solid;
    border-width: 1px;
}
@media (max-width: 600px) {
    [b-rb4dg0yfyg] .element-event-points-chip {
        height: 13px;
        font-size: 10px;
        padding: 0 2px;
        margin: 0px 1px;
    }
}
@media (min-width: 601px) {
    [b-rb4dg0yfyg] .element-event-points-chip { 
        height: 16px;
        font-size: 11px;
        padding: 0 3px;
        margin: 0px 2px;
    }
}

[b-rb4dg0yfyg] .assist-chip {
    color: rgba(255, 255, 255, 0.85);
    background-color: rgb(66, 66, 66);
    width: 16px;
}
/* /Pages/MyTeam/ElementItem.razor.rz.scp.css */
@media (max-width: 600px) {
    [b-p9g57x8ufo] .element-last-name {
        max-width: 88px;
    }
}

[b-p9g57x8ufo] .element-item {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4px 8px;
    border-radius: 12px;
}

[b-p9g57x8ufo] .element-points {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 600px) {
    [b-p9g57x8ufo] .element-points {
        height: 32px;
        width: 36px;
    }
}

@media (min-width: 601px) {
    [b-p9g57x8ufo] .element-points {
        height: 32px;
        width: 48px;
    }
}

/* Light mode */
.light-mode div[b-p9g57x8ufo]  .element-item.match-status-no-games {
    /*background: linear-gradient(to right, #b4878788, #b4878722 7%, transparent 15%);*/
    background: linear-gradient(to right, #b4878788, #b4878722 15%);
    /*background: linear-gradient(to right, #b4878788 1%, #b4878722 10%, #EEEEEE);*/
    /*background-color: rgb(242, 191, 207);*/
    /*background: rgba(244, 67, 54, 0.7);*/
    /*background: linear-gradient(to right, #b4878777, #b4878722 70px);*/
    /*background: linear-gradient(to right, #b4878755 6px, #b4878733 20px, #b4878720 45px);*/
    /*background: linear-gradient(to right, #b4878755 12px, #d1bbbb77 40px, #EEEEEE 100px);*/
}

.light-mode div[b-p9g57x8ufo]  .element-item.match-status-has-played {
    /*background: linear-gradient(to right, #a0cfa088, #a0cfa022 7%, transparent 15%);*/
    background: linear-gradient(to right, #a0cfa088, #a0cfa022 15%);
    /*background: linear-gradient(to right, #a0cfa088 1%, #a0cfa022 10%, #EEEEEE);*/
    /*background: linear-gradient(to right, #00800088, #00800022 7%, transparent 15%);*/
    /*background: rgba(76, 175, 80, 0.7);*/
    /*background-color: rgb(218, 236, 232);*/
    /*background: linear-gradient(to right, #a0cfa077, #a0cfa022 70px);*/
    /*background: linear-gradient(to right, #a0cfa055 6px, #a0cfa033 20px, #a0cfa020 45px);*/
    /*background: linear-gradient(to right, #a0cfa088 6px, #a0cfa022 60px, #EEEEEE);*/
    /*background: linear-gradient(to right, #a0cfa088 4px, #b5bcb544 52px, #EEEEEE 80px);*/
    /*background: linear-gradient(to right, #a0cfa055 12px, #d2d5d277 40px, #EEEEEE 100px);*/
}

.light-mode div[b-p9g57x8ufo]  .element-item.match-status-is-playing {
    /*background-color: rgb(209, 237, 250);*/
    /*background: linear-gradient(to right, #00008888, #00008822 7%, transparent 15%);*/
    /*background: linear-gradient(to right, #a0a8d088, #a0a8d022 7%, transparent 15%);*/
    background: linear-gradient(to right, #a0a8d088, #a0a8d022 15%);
    /*background: linear-gradient(to right, #a0a8d088 1%, #a0a8d022 10%, #EEEEEE);*/
    /*background: linear-gradient(to right, #a0a8d077, #a0a8d022 70px);*/
    /*background: linear-gradient(to right, #a0a8d055 6px, #a0a8d033 20px, #a0a8d020 70px);*/
    /*background: linear-gradient(to right, #a0a8d055 12px, #c7cbdf77 40px, #EEEEEE 100px);*/
}

.light-mode div[b-p9g57x8ufo]  .element-item.match-status-did-not-play {
    /*background: linear-gradient(to right, #b4878788, #b4878722 7%, transparent 15%)*/
    background: linear-gradient(to right, #b4878788, #b4878722 15%);
    /*background: linear-gradient(to right, #b4878788 1%, #b4878722 10%, #EEEEEE);*/
    /*background-color: rgb(242, 191, 207);*/
    /*background: rgba(244, 67, 54, 0.7);*/
    /*background: linear-gradient(to right, #b4878777, #b4878722 70px);*/
    /*background: linear-gradient(to right, #b4878755 6px, #b4878733 20px, #b4878720 45px);*/
    /*background: linear-gradient(to right, #b4878755 12px, #d1bbbb77 40px, #EEEEEE 100px);*/
}

.light-mode div[b-p9g57x8ufo]  .element-item.match-status-yet-to-play {
    background: linear-gradient(to right, #99999955 6px, #99999933 20px, #99999920 70px);
}

.light-mode div[b-p9g57x8ufo]  .element-item.match-status-unset {
    /*background-color: #EEEEEE;*/
}

/* element-points */
.light-mode div[b-p9g57x8ufo]  .element-points.match-status-no-games {
    background: linear-gradient(to right top, #b4878755, #b4878722);
}

.light-mode div[b-p9g57x8ufo]  .element-points.match-status-has-played {
    background: linear-gradient(to right top, #a0cfa055, #a0cfa022);
}

.light-mode div[b-p9g57x8ufo]  .element-points.match-status-is-playing {
    background: linear-gradient(to right top, #a0a8d055, #a0a8d022);
}

.light-mode div[b-p9g57x8ufo]  .element-points.match-status-did-not-play {
    background: linear-gradient(to right top, #b4878755, #b4878722);
}

/* TODO: Fix value */
.light-mode div[b-p9g57x8ufo]  .element-points.match-status-yet-to-play {
    background: linear-gradient(to right top, #99999955 6px, #99999933 20px, #99999920 70px);
}

/* Dark mode */
.dark-mode div[b-p9g57x8ufo]  .element-item.match-status-no-games {
    /*background: linear-gradient(to right, #a0cfa088, #a0cfa022 7%, transparent 15%);*/
    background: linear-gradient(to right, #40242488, #2b151522 7%, transparent 15%);
}

.dark-mode div[b-p9g57x8ufo]  .element-item.match-status-has-played {
    /*background: linear-gradient(to right, #a0cfa088, #a0cfa022 7%, transparent 15%);*/
    background: linear-gradient(to right, #1d3a2f88, #12261e22 7%, transparent 15%);
}

.dark-mode div[b-p9g57x8ufo]  .element-item.match-status-is-playing {
    /*background: linear-gradient(to right, #a0a8d088, #a0a8d022 7%, transparent 15%);*/
    background: linear-gradient(to right, #242c4a88, #161d3122 7%, transparent 15%);
}

.dark-mode div[b-p9g57x8ufo]  .element-item.match-status-did-not-play {
    /*background: linear-gradient(to right, #b4878788, #b4878722 7%, transparent 15%)*/
    /*background: linear-gradient(to right, #7b505088, #5d3a3a22 7%, transparent 15%);*/
    background: linear-gradient(to right, #40242488, #2b151522 7%, transparent 15%);
}

.dark-mode div[b-p9g57x8ufo]  .element-item.match-status-yet-to-play {
    background: linear-gradient(to right, #33333388, #33333322 7%, transparent 15%);
}

.dark-mode div[b-p9g57x8ufo]  .element-item.match-status-unset {
    /*background-color: #EEEEEE;*/
}

/* element-points */
.dark-mode div[b-p9g57x8ufo]  .element-points.match-status-no-games {
    background: linear-gradient(to right top, #b4878755, #b4878722);
}

.dark-mode div[b-p9g57x8ufo]  .element-points.match-status-has-played {
    background: linear-gradient(to right top, #a0cfa055, #a0cfa022);
}

.dark-mode div[b-p9g57x8ufo]  .element-points.match-status-is-playing {
    background: linear-gradient(to right top, #a0a8d055, #a0a8d022);
}

.dark-mode div[b-p9g57x8ufo]  .element-points.match-status-did-not-play {
    background: linear-gradient(to right top, #b4878755, #b4878722);
}

/* TODO: Fix value */
.dark-mode div[b-p9g57x8ufo]  .element-points.match-status-yet-to-play {
    background: linear-gradient(to right top, #99999955 6px, #99999933 20px, #99999920 70px);
}

/*::deep .element-event-points-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.3);
}
@media (max-width: 600px) {
    ::deep .element-event-points-container {
        padding: 2px;
    }
}
@media (min-width: 601px) {
    ::deep .element-event-points-container {
        padding: 4px;
    }
}*/
/* /Pages/MyTeam/ElementPowerChip.razor.rz.scp.css */
[b-9ng1d0ftg1] .element-power-chip {
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
@media (max-width: 600px) {
    [b-9ng1d0ftg1] .element-power-chip {
        margin-right: 2px;
        font-size: 11px;
        height: 16px;
        padding: 0px 6px;
    }
}
@media (min-width: 601px) {
    [b-9ng1d0ftg1] .element-power-chip {
        margin-right: 4px;
        font-size: 12px;
        height: 24px;
        padding: 0px 8px;
    }
}

[b-9ng1d0ftg1] .element-power-chip.captain {
    background: var(--element-power-captain-background);
    color: var(--element-power-captain-color);
}
[b-9ng1d0ftg1] .element-power-chip.vice-captain {
    background: var(--element-power-vice-captain-background);
    color: var(--element-power-vice-captain-color);
}
[b-9ng1d0ftg1] .element-power-chip.dynamic-duo {
    background: var(--chip-dynamic-duo-background);
    color: var(--chip-dynamic-duo-color);
}
[b-9ng1d0ftg1] .element-power-chip.park-the-bus {
    background: var(--chip-park-the-bus-background);
    color: var(--chip-park-the-bus-color);
}
/* /Pages/MyTeam/FaElementItemFixtures.razor.rz.scp.css */
[b-d8liadl266] .empty-fixture {
    width: 64px;
    height: 20px;
    margin: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--mud-default-borderradius);
}

.dark-mode div[b-d8liadl266]  .empty-fixture {
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.light-mode div[b-d8liadl266]  .empty-fixture {
    border: 1px solid var(--mud-palette-lines-default);
}
/* /Pages/MyTeam/FixturesGameTimes.razor.rz.scp.css */
[b-uhiji40fhf] .fixtures-game-time {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 960px) {
    [b-uhiji40fhf] .fixtures-game-time {
        height: 16px !important;
        width: 16px !important;
        font-size: 9px;
    }
}
@media (min-width: 961px) {
    [b-uhiji40fhf] .fixtures-game-time {
        height: 20px !important;
        width: 20px !important;
        font-size: 11px;
    }
}
/* /Pages/MyTeam/GameweekSummary.razor.rz.scp.css */
[b-y0iwaibag3] .icon-background {
    display: flex;
    padding: 4px 20px;
    border-radius: 16px;
    margin-right: 12px;
}

/* Light mode */
.light-mode div[b-y0iwaibag3]  .icon-background {
    background: linear-gradient(to right top, #c5d1c3, #d3ddd4, #e1eae2);
}
.light-mode div[b-y0iwaibag3]  .rank-difference-equal {
    background: rgba(0, 0, 0, 0.075);
}

.light-mode div[b-y0iwaibag3]  .rank-difference-up {
    background: linear-gradient(to right top, #96b1a0, #a0c19a, #b0d1b0);
}

.light-mode div[b-y0iwaibag3]  .rank-difference-sligthly-up {
    background: linear-gradient(to right top, #8fa68f, #a2b5a2, #b6c4b6);
}

.light-mode div[b-y0iwaibag3]  .rank-difference-down {
    background: linear-gradient(to right top, #ba7777, #c89595, #dca8a8);
}

.light-mode div[b-y0iwaibag3]  .rank-difference-sligthly-down {
    background: linear-gradient(to right top, #b48787, #c6a1a1, #d8bbbb);
}

.light-mode div[b-y0iwaibag3]  .points-value {
    background: rgba(0, 0, 0, 0.07);
}

.light-mode div[b-y0iwaibag3]  .rank-value {
    background: rgba(0, 0, 0, 0.07);
}

/* Dark mode */
.dark-mode div[b-y0iwaibag3]  .icon-background {
    background: linear-gradient(to right, rgba(22, 28, 37, 1), rgba(42, 72, 52, 0.8), rgba(34, 59, 41,0.9));
}

.dark-mode div[b-y0iwaibag3]  .rank-difference-equal {
    background: rgba(0, 0, 0, 0.075);
}

.dark-mode div[b-y0iwaibag3]  .rank-difference-up {
    background: linear-gradient(to right top, rgba(40, 70, 40, 1), rgba(55, 85, 55, 0.9), rgba(50, 75, 50, 0.8));
}

.dark-mode div[b-y0iwaibag3]  .rank-difference-sligthly-up {
    background: linear-gradient(to right top, rgba(35, 52, 40, 1), rgba(52, 70, 55, 0.85), rgba(45, 60, 50, 0.8));
}

.dark-mode div[b-y0iwaibag3]  .rank-difference-down {
    background: linear-gradient(to right, rgba(58, 22, 37, 1), rgba(122, 62, 82, 0.8), rgba(92, 42, 62, 0.9));
}

.dark-mode div[b-y0iwaibag3]  .rank-difference-sligthly-down {
    background: linear-gradient(to right, rgba(44, 28, 38, 1), rgba(86, 58, 71, 0.85), rgba(66, 43, 56, 0.85));
}

.dark-mode div[b-y0iwaibag3]  .points-value {
    background: rgba(0, 0, 0, 0.25);
}

.dark-mode div[b-y0iwaibag3]  .rank-value {
    background: rgba(0, 0, 0, 0.25);
}
/* /Pages/MyTeam/GameweekTab.razor.rz.scp.css */
[b-f9eyudgfqe] .entry-name {
    margin-left: 8px;
}
@media (max-width: 600px) {
    [b-f9eyudgfqe] .entry-name {
        font-size: 1.5rem;
    }
}
@media (min-width: 601px) {
    [b-f9eyudgfqe] .entry-name {
        font-size: 2.125rem;
    }
}
/* /Pages/MyTeam/OverviewSummary.razor.rz.scp.css */
/* Light mode */
.light-mode div[b-jq9352d5oq]  .icon-background {
    background: linear-gradient(to right top, #c3cfd1, #d4dce3, #e2e9ea);
}

.light-mode div[b-jq9352d5oq]  .gameweek-value {
    background: rgba(0, 0, 0, 0.07);
}

.light-mode div[b-jq9352d5oq]  .total-points-value {
    background: rgba(0, 0, 0, 0.07);
}

/* Dark mode */
.dark-mode div[b-jq9352d5oq]  .icon-background {
    background: linear-gradient(to right, rgba(28,37,58,1), rgba(72,92,132,0.8), rgba(54,74,102,0.9));
}

.dark-mode div[b-jq9352d5oq]  .gameweek-value {
    background: rgba(0, 0, 0, 0.25);
}

.dark-mode div[b-jq9352d5oq]  .total-points-value {
    background: rgba(0, 0, 0, 0.25);
}
/* /Pages/MyTeam/PitchElement.razor.rz.scp.css */
[b-ttwnque21e] .avatar-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px 16px 0 0;
}
@media (max-width: 600px) {
    [b-ttwnque21e] .avatar-container {
        height: 40px;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .avatar-container {
        height: 60px;
    }
}

[b-ttwnque21e] .avatar {
    background: #fff;
    border: 1px solid rgb(66, 66, 66);
}
@media (max-width: 600px) {
    [b-ttwnque21e] .avatar {
        width: 36px !important;
        height: 36px !important;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .avatar {
        width: 56px !important;
        height: 56px !important;
    }
}

[b-ttwnque21e] .element-points {
    background: #fefefe;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    color: rgba(66, 66, 66, 1);
    font-weight: 700;
}
@media (max-width: 600px) {
    [b-ttwnque21e] .element-points {
        height: 20px;
        width: 18px;
        font-size: 13px;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .element-points {
        height: 26px;
        width: 22px;
        font-size: 16px;
    }
}

[b-ttwnque21e] .element-power-points {
    position: absolute;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}
@media (max-width: 600px) {
    [b-ttwnque21e] .element-power-points {
        top: 20px;
        height: 20px;
        width: 18px;
        font-size: 13px;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .element-power-points {
        top: 26px;
        height: 26px;
        width: 22px;
        font-size: 16px;
    }
}

[b-ttwnque21e] .element-power-chip-container {
    position: absolute;
    right: 0;
    z-index: 10;
}
@media (max-width: 600px) {
    [b-ttwnque21e] .element-power-chip-container {
        top: 20px;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .element-power-chip-container {
        top: 32px;
    }
}

[b-ttwnque21e] .element-status-container {
    position: absolute;
    height: 22px;
    border-radius: 4px;
}
@media (max-width: 600px) {
    [b-ttwnque21e] .element-status-container {
        top: 22px;
        left: 2px;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .element-status-container {
        top: 38px;
        left: 4px;
    }
}

[b-ttwnque21e] .element-name {
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 4px;
    padding-right: 4px;
    background: rgba(250, 250, 250, 0.9);
    color: rgba(66, 66, 66, 1);
}
@media (max-width: 600px) {
    [b-ttwnque21e] .element-name {
        font-size: 12px;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .element-name {
        font-size: 15px;
    }
}

[b-ttwnque21e] .club-icon-container {
    position: absolute;
    right: 0;
    top: 0;
    padding: 1px 1px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0 8px 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 600px) {
    [b-ttwnque21e] .club-icon-container {
        height: 22px;
        width: 18px;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .club-icon-container {
        height: 26px;
        width: 22px;
    }
}
[b-ttwnque21e] .club-icon {
    width: 100%;
    padding: 1px;
}

[b-ttwnque21e] .element-name.element-status-warning {
    background: var(--element-status-warning);
}

[b-ttwnque21e] .element-name.element-status-unavailable {
    background: var(--element-status-unavailable);
    color: var(--mud-palette-error-text);
}

    /*TODO*/
    /*address oster to https://localhost:7275/images/Shirts/Outfield/Oster.png*/
    /*Fix upcoming fixtures pitchelements*/
        
    /*Öster målvakt gais målvakt*/
/*    DESSA!
background: radial-gradient(circle at center, #3e8e41 0%, #1c3f1a 100%);
background: radial-gradient(circle at center, #4a90e2 0%, #0f1c4d 100%);
    background: radial-gradient(circle at center, #e94e77 0%, #3b0a0f 100%);

    repeating-radial-gradient(#1F8B55, #147645 100px)
    repeating-radial-gradient(#A05252, #5C2A2A 100px)

    radial-gradient(circle at center, #1F8B55, #1B3B1F 100%)
    radial-gradient(circle at center, #e94e77 0%, #3b0a0f 100%)
    radial-gradient(circle at center, #3A8EDB 0%, #142A4F 100%)
*/

[b-ttwnque21e] .element-item {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    border-radius: 8px;
    margin: 0 4px;
    overflow: hidden;
    cursor: pointer;
}
@media (max-width: 600px) {
    [b-ttwnque21e] .element-item {
        width: 76px;
        height: 80px;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .element-item {
        width: 100px;
        height: 112px;
    }
}

[b-ttwnque21e] .match-status {
    display: flex;
    justify-content: center;
    border-radius: 0 0 7px 7px;
    align-items: center;
    color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 600px) {
    [b-ttwnque21e] .match-status {
        height: 20px;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .match-status {
        height: 28px;
    }
}

/* Light mode */
.light-mode div[b-ttwnque21e]  .match-status.match-status-no-games {
    /*background: var(--chip-park-the-bus-background);*/
    /*background: radial-gradient(circle at center, #3A8EDB 0%, #142A4F 100%);*/
    /*color: rgba(255, 255, 255, 0.8);*/
    background: linear-gradient(to right, rgba(198,40,40,1), rgba(38,50,56,0.7));
}

.light-mode div[b-ttwnque21e]  .match-status.match-status-has-played {
    /*background: var(--chip-wildcard-background);*/
    /*background: linear-gradient(to right, #3a5a4a, #1e2f27);*/
    /*background: radial-gradient(circle at center, #1F8B55, #1B3B1F 100%);*/
    background: linear-gradient(to right, rgba(77,182,172,1), rgba(38,50,56,0.7));
    /*color: rgba(255, 255, 255, 0.8);*/
}

.light-mode div[b-ttwnque21e]  .match-status.match-status-is-playing {
    /*background: var(--chip-loan-rangers-background);*/
    /*background: radial-gradient(circle at center, #e94e77 0%, #3b0a0f 100%);*/
    background: linear-gradient(to right, rgba(66,165,245,1), rgba(38,50,56,0.7));
}

.light-mode div[b-ttwnque21e]  .match-status.match-status-did-not-play {
    /*background: var(--chip-park-the-bus-background);*/
    /*background: linear-gradient(to right, #8b3a3a, #2f1e1e);*/
    /*background: radial-gradient(circle at center, #3A8EDB 0%, #142A4F 100%);*/
    /*color: rgba(255, 255, 255, 0.8);*/
    background: linear-gradient(to right, rgba(198,40,40,1), rgba(38,50,56,0.7));
}

.light-mode div[b-ttwnque21e]  .match-status.match-status-yet-to-play {
    /*background: linear-gradient(to right top, #9aa9a1, #b5c2bb, #d1ded7);*/
    /*background: radial-gradient(circle at center, #A9A9A9 0%, #2F2F2F 100%);*/
    background: linear-gradient(to right, rgba(180,180,180,1), rgba(60,60,60,0.7));
}

.light-mode div[b-ttwnque21e]  .match-status.match-status-unset {
    /*background: linear-gradient(to right top, #9aa9a1, #b5c2bb, #d1ded7);*/
    /*background: radial-gradient(circle at center, #A9A9A9 0%, #2F2F2F 100%);*/
    background: linear-gradient(to right, rgba(180,180,180,1), rgba(60,60,60,0.7));
}

/* Dark mode */
.dark-mode div[b-ttwnque21e]  .match-status.match-status-no-games {
    background: linear-gradient(to right, rgba(198,40,40,1), rgba(38,50,56,0.7));
    /*linear-gradient(to right, rgba(250,180,180,1), rgba(180,80,80,0.7))*/
}

.dark-mode div[b-ttwnque21e]  .match-status.match-status-has-played {
    background: linear-gradient(to right, rgba(77,182,172,1), rgba(38,50,56,0.7));
    /*linear-gradient(to right, rgba(180,220,180,1), rgba(120,160,120,0.7))*/
}

.dark-mode div[b-ttwnque21e]  .match-status.match-status-is-playing {
    background: linear-gradient(to right, rgba(66,165,245,1), rgba(38,50,56,0.7));
    /*linear-gradient(to right, rgba(180,210,250,1), rgba(100,130,180,0.7))*/
}

.dark-mode div[b-ttwnque21e]  .match-status.match-status-did-not-play {
    background: linear-gradient(to right, rgba(198,40,40,1), rgba(38,50,56,0.7));
    /*linear-gradient(to right, rgba(250,180,180,1), rgba(180,80,80,0.7))*/
}

.dark-mode div[b-ttwnque21e]  .match-status.match-status-yet-to-play {
    background: linear-gradient(to right, rgba(180,180,180,1), rgba(60,60,60,0.7));
    /*linear-gradient(to right, rgba(220,220,220,1), rgba(160,160,160,0.7))*/
}

.dark-mode div[b-ttwnque21e]  .match-status.match-status-unset {
    background: linear-gradient(to right, rgba(180,180,180,1), rgba(60,60,60,0.7));
    /*linear-gradient(to right, rgba(220,220,220,1), rgba(160,160,160,0.7))*/
}

[b-ttwnque21e] .element-power-points.captain {
    background: var(--element-power-captain-background);
    color: var(--element-power-captain-color);
}

[b-ttwnque21e] .element-power-points.vice-captain {
    background: var(--element-power-vice-captain-background);
    color: var(--element-power-vice-captain-color);
}

[b-ttwnque21e] .element-power-points.dynamic-duo {
    background: var(--chip-dynamic-duo-background);
    color: var(--chip-dynamic-duo-color);
}

[b-ttwnque21e] .element-power-points.park-the-bus {
    background: var(--chip-park-the-bus-background);
    color: var(--chip-park-the-bus-color);
}

[b-ttwnque21e] .upcoming-fixtures-summary {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 600px) {
    [b-ttwnque21e] .upcoming-fixtures-summary {
        width: 32px;
        height: 14px;
        font-size: 12px;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .upcoming-fixtures-summary {
        width: 40px;
        height: 20px;
        font-size: 14px;
    }
}

[b-ttwnque21e] .upcoming-fixtures-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    margin-top: 2px;
    backdrop-filter: blur(8px);
}

@media (max-width: 600px) {
    [b-ttwnque21e] .element-event-points-summary-container {
        margin-top: 4px;
    }
}
@media (min-width: 601px) {
    [b-ttwnque21e] .element-event-points-summary-container {
        margin-top: 4px;
    }
}

/* element-event-points-chip is a class in child component */
/*@media (max-width: 600px) {
    ::deep .element-event-points-summary-container .element-event-points-chip {
        height: 13px;
    }
}
@media (min-width: 601px) {
    ::deep .element-event-points-summary-container .element-event-points-chip {
        height: 16px;
    }
}*/

/*
::deep .element-event-points-summary-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 600px) {
    ::deep .element-event-points-container {
        padding: 2px;
    }
}

@media (min-width: 601px) {
    ::deep .element-event-points-container {
        padding: 4px;
    }
}
*/
/* /Pages/MyTeam/PointsSummary.razor.rz.scp.css */
/* Light mode */
.light-mode div[b-fft82x5pka]  .icon-background {
    background: linear-gradient(to right top, #c3cfd1, #d4dce3, #e2e9ea);
}

.light-mode div[b-fft82x5pka]  .gameweek-value {
    background: rgba(0, 0, 0, 0.07);
}

.light-mode div[b-fft82x5pka]  .total-points-value {
    background: rgba(0, 0, 0, 0.07);
}

/* Dark mode */
.dark-mode div[b-fft82x5pka]  .icon-background {
    background: linear-gradient(to right, rgba(28,37,58,1), rgba(72,92,132,0.8), rgba(54,74,102,0.9));
}

.dark-mode div[b-fft82x5pka]  .gameweek-value {
    background: rgba(0, 0, 0, 0.25);
}

.dark-mode div[b-fft82x5pka]  .total-points-value {
    background: rgba(0, 0, 0, 0.25);
}
/* /Pages/MyTeam/RankSummary.razor.rz.scp.css */
[b-kl2rerznn7] .icon-background {
    display: flex;
    padding: 4px 20px;
    border-radius: 16px;
    margin-right: 12px;
}

/* Light mode */
.light-mode div[b-kl2rerznn7]  .icon-background {
    background: linear-gradient(to right top, #d1bfa5, #d9c8b2, #e3d5c3, #f0e2d4);
}

.light-mode div[b-kl2rerznn7]  .rank-difference-equal {
    background: rgba(0, 0, 0, 0.075);
}

.light-mode div[b-kl2rerznn7]  .rank-difference-up {
    background: linear-gradient(to right top, #96b1a0, #a0c19a, #b0d1b0);
}

.light-mode div[b-kl2rerznn7]  .rank-difference-sligthly-up {
    background: linear-gradient(to right top, #8fa68f, #a2b5a2, #b6c4b6);
}

.light-mode div[b-kl2rerznn7]  .rank-difference-down {
    background: linear-gradient(to right top, #ba7777, #c89595, #dca8a8);
}

.light-mode div[b-kl2rerznn7]  .rank-difference-sligthly-down {
    background: linear-gradient(to right top, #b48787, #c6a1a1, #d8bbbb);
}

.light-mode div[b-kl2rerznn7]  .gameweek-value {
    background: rgba(0, 0, 0, 0.07);
}

.light-mode div[b-kl2rerznn7]  .total-points-value {
    background: rgba(0, 0, 0, 0.07);
}

/* Dark mode */
.dark-mode div[b-kl2rerznn7]  .icon-background {
    background: linear-gradient(to right, rgba(75, 50, 30, 1), rgba(110, 80, 60, 0.8), rgba(150, 120, 100, 0.9));
}

.dark-mode div[b-kl2rerznn7]  .rank-difference-equal {
    background: rgba(0, 0, 0, 0.35);
}

.dark-mode div[b-kl2rerznn7]  .rank-difference-up {
    background: linear-gradient(to right top, rgba(40, 70, 40, 1), rgba(55, 85, 55, 0.9), rgba(50, 75, 50, 0.8));
}

.dark-mode div[b-kl2rerznn7]  .rank-difference-sligthly-up {
    background: linear-gradient(to right top, rgba(35, 52, 40, 1), rgba(52, 70, 55, 0.85), rgba(45, 60, 50, 0.8));
}

.dark-mode div[b-kl2rerznn7]  .rank-difference-down {
    background: linear-gradient(to right, rgba(58, 22, 37, 1), rgba(122, 62, 82, 0.8), rgba(92, 42, 62, 0.9));
}

.dark-mode div[b-kl2rerznn7]  .rank-difference-sligthly-down {
    background: linear-gradient(to right, rgba(44, 28, 38, 1), rgba(86, 58, 71, 0.85), rgba(66, 43, 56, 0.85));
}

.dark-mode div[b-kl2rerznn7]  .gameweek-value {
    background: rgba(0, 0, 0, 0.25);
}

.dark-mode div[b-kl2rerznn7]  .total-points-value {
    background: rgba(0, 0, 0, 0.25);
}

/** {
    box-sizing: border-box;
}

body {
    background: linear-gradient(#333, #999);
    text-align: center;
    min-height: 100vh;
    padding-top: 10px;
    margin: 0;
}

svg {
    vertical-align: top;
}
*/
/* /Pages/MyTeam/Team.razor.rz.scp.css */
/* /Pages/MyTeam/TeamPitch.razor.rz.scp.css */
[b-sxln0oecgs] .pitch {
    display: block;
    background: url('./images/footballpitch.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

[b-sxln0oecgs] .formation {
    position: absolute;
    background: repeating-radial-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3) 100px);
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, 0.9);
    background: rgba(0, 100, 120, 1);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
}
@media (max-width: 960px) {
    [b-sxln0oecgs] .formation {
        padding: 4px 12px;
        top: 4px;
        font-size: 1.4rem;
    }
}
@media (min-width: 961px) {
    [b-sxln0oecgs] .formation {
        padding: 8px 16px;
        top: 12px;
        font-size: 1.8rem;
    }
}

[b-sxln0oecgs] .pitch-element-container {
    display: flex;
}
@media (max-width: 600px) {
    [b-sxln0oecgs] .pitch-element-container {
        height: 108px;
    }
}
@media (min-width: 601px) {
    [b-sxln0oecgs] .pitch-element-container {
        height: 148px;
    }
}

/* Padding + minus margin at the top is to fill the gap between pitch and bench that occurs in some dimensions */ 
[b-sxln0oecgs] .bench-element-container {
    display: flex;
    background: radial-gradient(circle at center, #1F8B55ee, #1B3B1Fee 100%);
}
@media (max-width: 600px) {
    [b-sxln0oecgs] .bench-element-container {
        min-height: 120px;
        padding: 58px 0 8px 0;
        margin-top: -50px;
    }
}
@media (min-width: 601px) {
    [b-sxln0oecgs] .bench-element-container {
        min-height: 168px;
        padding: 8px 0 8px 0;
    }
}

[b-sxln0oecgs] .position-points-container {
    border-radius: 12px 12px 0 0;
    display: flex;
    flex-direction: column;
    padding: 0 16px;
}

@media (max-width: 960px) {
    [b-sxln0oecgs] .position-points-container {
        padding-bottom: 12px;
    }
}

.light-mode div[b-sxln0oecgs]  .position-points-container {
    background: rgba(0, 0, 0, 0.1);
}

.dark-mode div[b-sxln0oecgs]  .position-points-container {
    background: rgba(0, 0, 0, 0.2);
}

.dark-mode div[b-sxln0oecgs]  .position-points-item {
    color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 961px) {
    [b-sxln0oecgs] .position-points-item {
        height: 148px;
    }
}

[b-sxln0oecgs] .team-points {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 72px;
    width: 160px;
    color: #ecf0f1;
    background: radial-gradient(circle, #2c3e50 0%, #34495e 100%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
}

[b-sxln0oecgs] .position-points-total {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 4px;
    margin-right: 4px;
    padding: 8px;
    height: 64px;
    width: 48px;
}

.light-mode div[b-sxln0oecgs]  .position-points-total {
    background: rgba(255, 255, 255, 0.9);
}

[b-sxln0oecgs] .position-points-average {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 4px;
    margin-right: 4px;
    padding: 8px;
    height: 64px;
    width: 100%;
}

.light-mode div[b-sxln0oecgs]  .position-points-average {
    background: rgba(255, 255, 255, 0.9);
}

@media (max-width: 600px) {
    [b-sxln0oecgs] .pitch {
        background-size: 150%;
    }
}
/* /Pages/MyTeam/TeamSummary.razor.rz.scp.css */
/* /Pages/MyTeam/TeamSummaryChip.razor.rz.scp.css */
[b-x8bxg22c6w] .chip-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 64px;
    position: relative;
}

.light-mode div[b-x8bxg22c6w]  .chip-container {
    background: rgba(0, 0, 0, 0.07);
}

.dark-mode div[b-x8bxg22c6w]  .chip-container {
    background: rgba(0, 0, 0, 0.25);
}
.dark-mode div[b-x8bxg22c6w]  .chip-container.chip-park-the-bus.active {
    background: var(--chip-park-the-bus-background);
    color: var(--chip-park-the-bus-color);
}

.dark-mode div[b-x8bxg22c6w]  .chip-container.chip-dynamic-duo.active {
    background: var(--chip-dynamic-duo-background);
    color: var(--chip-dynamic-duo-color);
}

.dark-mode div[b-x8bxg22c6w]  .chip-container.chip-wildcard.active {
    background: var(--chip-wildcard-background);
    color: var(--chip-wildcard-color);
}

.dark-mode div[b-x8bxg22c6w]  .chip-container.chip-loan-rangers.active {
    background: var(--chip-loan-rangers-background);
    color: var(--chip-loan-rangers-color);
}

[b-x8bxg22c6w] .chip-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-x8bxg22c6w] .played .chip-content {
    opacity: 0.5;
}

[b-x8bxg22c6w] .label {
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
    font-weight: 700;
    font-size: 11px;
    border-radius: 4px;
    text-align: center;
    padding: 0 8px;
}

[b-x8bxg22c6w] .played .label {
    color: rgba(66, 66, 66, 1);
    background: rgba(135, 135, 155, 0.9);
}

[b-x8bxg22c6w] .active .label {
    background: rgba(255, 255, 255, 0.8);
}
/* /Pages/MyTeam/TransfersSummary.razor.rz.scp.css */
[b-qgztcesc1p] .transfer-element-points {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 32px;
    font-weight: 700;
    font-size: 1.1rem;
}

/* Light mode */
.light-mode div[b-qgztcesc1p]  .value {
    background: rgba(0, 0, 0, 0.07);
}

/* Dark mode */
.dark-mode div[b-qgztcesc1p]  .value {
    background: rgba(0, 0, 0, 0.25);
}
/* /Pages/Teams/TeamsNavMenu.razor.rz.scp.css */
[b-bjzyxqwpzn] .navigation-container {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

[b-bjzyxqwpzn] .navigation-menu {
    display: flex;
    justify-content: center;
    align-content: center;
    background: linear-gradient(135deg, rgba(5, 10, 20, 1) 0%, rgba(15, 20, 35, 1) 40%, rgba(22, 28, 47, 1) 100%);
    box-shadow: var(--mud-elevation-1);
    width: 96%;
    border-radius: 40px;
}
@media (max-width: 600px) {
    [b-bjzyxqwpzn] .navigation-menu {
        height: 44px;
    }
}
@media (min-width: 601px) {
    [b-bjzyxqwpzn] .navigation-menu {
        height: 60px;
    }
}

[b-bjzyxqwpzn] .navigation-menu-item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    height: 100%;
    width: calc(100% / 2);
}
@media (max-width: 600px) {
    [b-bjzyxqwpzn] .navigation-menu-item {
        font-size: 14px;
    }
}
@media (min-width: 601px) {
    [b-bjzyxqwpzn] .navigation-menu-item {
        font-size: 18px;
    }
}
[b-bjzyxqwpzn] .navigation-menu-item.active {
        background-color: var(--nav-menu-active-item) !important;
}
[b-bjzyxqwpzn] .navigation-menu-item:hover {
    background-color: var(--nav-menu-active-item-hover) !important;
}

[b-bjzyxqwpzn] .item-icon {
    margin-right: 8px;
}

[b-bjzyxqwpzn] .md3-ripple {
    transition: background 0.3s cubic-bezier(0.1, -0.2, 0.1, 1);
    background-position: center;
    background-image: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.1) 1%) !important;
    background-size: 12000%;
}

[b-bjzyxqwpzn] .navigation-menu-item:active.md3-ripple {
    transition: background 0s;
    background-position: center;
    background-size: 100%;
}
/* /Pages/Teams/TeamsStatistics.razor.rz.scp.css */
[b-wy348ds4me] .fixtures-table .mud-table-cell {
    padding: 0;
    height: 48px;
}
@media (max-width: 600px) {
    [b-wy348ds4me] .team-form-table .mud-table-cell {
        padding: 4px;
    }
}
@media (min-width: 601px) {
    [b-wy348ds4me] .team-form-table .mud-table-cell {
        padding: 8px;
    }
}

@media (max-width: 600px) {
    [b-wy348ds4me] .club-icon {
        height: 24px;
    }
}
@media (min-width: 601px) {
    [b-wy348ds4me] .club-icon {
        height: 32px;
    }
}

[b-wy348ds4me] .team-name {
    font-weight: 500;
}

[b-wy348ds4me] .fixture-result-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}
@media (max-width: 600px) {
    [b-wy348ds4me] .fixture-result-summary {
        margin: 0 6px 0 0;
        height: 20px;
        width: 20px;
        font-size: 12px;
    }
}
@media (min-width: 601px) {
    [b-wy348ds4me] .fixture-result-summary {
        margin: 0 8px 0 0;
        height: 28px;
        width: 28px;
        font-size: 14px;
    }
}
[b-wy348ds4me] .fixture-result-summary.win {
    background: rgba(77, 182, 172, 0.4);
}
[b-wy348ds4me] .fixture-result-summary.draw {
    background: rgba(180, 180, 180, 0.4);
}
[b-wy348ds4me] .fixture-result-summary.loss {
    background: rgba(198, 40, 40, 0.4);
}

[b-wy348ds4me] .fixture-result-game {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
}
@media (max-width: 600px) {
    [b-wy348ds4me] .fixture-result-game {
        margin: 0 6px 0 0;
        height: 28px;
        width: 80px;
        font-size: 13px;
    }
}
@media (min-width: 601px) {
    [b-wy348ds4me] .fixture-result-game {
        margin: 0 8px 0 0;
        height: 32px;
        width: 100px;
        font-size: 15px;
    }
}

[b-wy348ds4me] .fixture-result-game.win {
    background: rgba(77, 182, 172, 0.05);
    border: solid 1px rgba(77, 182, 172, 0.4);
}
[b-wy348ds4me] .fixture-result-game.draw {
    background: rgba(180, 180, 180, 0.05);
    border: solid 1px rgba(180, 180, 180, 0.4);
}
[b-wy348ds4me] .fixture-result-game.loss{
    background:  rgba(198, 40, 40, 0.05);
    border: solid 1px rgba(198, 40, 40, 0.4);
}

[b-wy348ds4me] .fixture-club-icon {
    filter: brightness(70%);
    margin: 0 5px;
}
@media (max-width: 600px) {
    [b-wy348ds4me] .fixture-club-icon {
        height: 16px;
    }
}
@media (min-width: 601px) {
    [b-wy348ds4me] .fixture-club-icon {
        height: 20px;
    }
}

[b-wy348ds4me] .fixed-position-1 {
    left: 0;
    min-width: 28px;
    height: 48px;
}

[b-wy348ds4me] .fixed-position-2 {
}
@media (max-width: 600px) {
    [b-wy348ds4me] .fixed-position-2 {
        min-width: 100px;
        left: 32px;
    }
}
@media (min-width: 601px) {
    [b-wy348ds4me] .fixed-position-2 {
        min-width: 200px;
        left: 36px;
    }
}

[b-wy348ds4me] .scrollable-table .scrolled .fixed-position-2::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    pointer-events: none;
    box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.6);
}

@media (max-width: 600px) {
    [b-wy348ds4me] .location-selector {
        width: 120px;
    }
}

@media (min-width: 601px) {
    [b-wy348ds4me] .location-selector {
        width: 200px;
    }
}

@media (max-width: 600px) {
    [b-wy348ds4me] .gameweek-selector {
        width: 80px;
    }
}
@media (min-width: 601px) {
    [b-wy348ds4me] .gameweek-selector {
        width: 120px;
    }
}

@media (max-width: 600px) {
    [b-wy348ds4me] .header {
        font-size: 1.4rem;
    }
}
@media (min-width: 601px) {
    [b-wy348ds4me] .header {
        font-size: 1.6em;
    }
}

[b-wy348ds4me] .points-per-game-summery {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: rgb(255, 255, 255, 0.8);
}

@media (max-width: 600px) {
    [b-wy348ds4me] .points-per-game-summery {
        width: 32px;
        height: 14px;
        font-size: 12px;
    }
}

@media (min-width: 601px) {
    [b-wy348ds4me] .points-per-game-summery {
        width: 48px;
        height: 28px;
        font-size: 15px;
    }
}

[b-wy348ds4me] :last-child.fixture-result-summary::after {
    content: "";
    display: block;
    position: absolute;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    border-radius: 4px;
    bottom: -6px;
}

@media (max-width: 600px) {
    [b-wy348ds4me] :last-child.fixture-result-summary::after {
        width: 16px;
    }
}

@media (min-width: 601px) {
    [b-wy348ds4me] :last-child.fixture-result-summary::after {
        width: 20px;
    }
}

[b-wy348ds4me] .fixture-result-summary.win::after {
    border-bottom-color: rgba(77, 182, 172, 0.4);
}

[b-wy348ds4me] .fixture-result-summary.draw::after {
    border-bottom-color: rgba(180, 180, 180, 0.4);
}

[b-wy348ds4me] .fixture-result-summary.loss::after {
    border-bottom-color: rgba(198, 40, 40, 0.4);
}

@media (max-width: 600px) {
    [b-wy348ds4me] .table-type-switch {
        width: 8rem;
    }
}

@media (min-width: 601px) {
    [b-wy348ds4me] .table-type-switch {
        width: 20rem;
    }
}
/* /Pages/Teams/TeamsTablePage.razor.rz.scp.css */
[b-hms75v6wq5] .fixtures-table .mud-table-cell {
    padding: 0;
    height: 48px;
}
@media (max-width: 600px) {
    [b-hms75v6wq5] .team-form-table .mud-table-cell {
        padding: 4px;
    }
}
@media (min-width: 601px) {
    [b-hms75v6wq5] .team-form-table .mud-table-cell {
        padding: 8px;
    }
}

@media (max-width: 600px) {
    [b-hms75v6wq5] .club-icon {
        height: 24px;
    }
}
@media (min-width: 601px) {
    [b-hms75v6wq5] .club-icon {
        height: 32px;
    }
}

[b-hms75v6wq5] .team-name {
    font-weight: 500;
}

[b-hms75v6wq5] .fixture-result-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}
@media (max-width: 600px) {
    [b-hms75v6wq5] .fixture-result-summary {
        margin: 0 6px 0 0;
        height: 20px;
        width: 20px;
        font-size: 12px;
    }
}
@media (min-width: 601px) {
    [b-hms75v6wq5] .fixture-result-summary {
        margin: 0 8px 0 0;
        height: 28px;
        width: 28px;
        font-size: 14px;
    }
}
[b-hms75v6wq5] .fixture-result-summary.win {
    background: rgba(77, 182, 172, 0.4);
}
[b-hms75v6wq5] .fixture-result-summary.draw {
    background: rgba(180, 180, 180, 0.4);
}
[b-hms75v6wq5] .fixture-result-summary.loss {
    background: rgba(198, 40, 40, 0.4);
}

[b-hms75v6wq5] .fixture-result-game {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
}
@media (max-width: 600px) {
    [b-hms75v6wq5] .fixture-result-game {
        margin: 0 6px 0 0;
        height: 28px;
        width: 80px;
        font-size: 13px;
    }
}
@media (min-width: 601px) {
    [b-hms75v6wq5] .fixture-result-game {
        margin: 0 8px 0 0;
        height: 32px;
        width: 100px;
        font-size: 15px;
    }
}

[b-hms75v6wq5] .fixture-result-game.win {
    background: rgba(77, 182, 172, 0.05);
    border: solid 1px rgba(77, 182, 172, 0.4);
}
[b-hms75v6wq5] .fixture-result-game.draw {
    background: rgba(180, 180, 180, 0.05);
    border: solid 1px rgba(180, 180, 180, 0.4);
}
[b-hms75v6wq5] .fixture-result-game.loss{
    background:  rgba(198, 40, 40, 0.05);
    border: solid 1px rgba(198, 40, 40, 0.4);
}

[b-hms75v6wq5] .fixture-club-icon {
    filter: brightness(70%);
    margin: 0 5px;
}
@media (max-width: 600px) {
    [b-hms75v6wq5] .fixture-club-icon {
        height: 16px;
    }
}
@media (min-width: 601px) {
    [b-hms75v6wq5] .fixture-club-icon {
        height: 20px;
    }
}

[b-hms75v6wq5] .fixed-position-1 {
    left: 0;
    min-width: 28px;
    height: 48px;
}

[b-hms75v6wq5] .fixed-position-2 {
}
@media (max-width: 600px) {
    [b-hms75v6wq5] .fixed-position-2 {
        min-width: 100px;
        left: 32px;
    }
}
@media (min-width: 601px) {
    [b-hms75v6wq5] .fixed-position-2 {
        min-width: 200px;
        left: 36px;
    }
}

[b-hms75v6wq5] .scrollable-table .scrolled .fixed-position-2::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    pointer-events: none;
    box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.6);
}

@media (max-width: 600px) {
    [b-hms75v6wq5] .location-selector {
        width: 120px;
    }
}

@media (min-width: 601px) {
    [b-hms75v6wq5] .location-selector {
        width: 200px;
    }
}

@media (max-width: 600px) {
    [b-hms75v6wq5] .gameweek-selector {
        width: 80px;
    }
}
@media (min-width: 601px) {
    [b-hms75v6wq5] .gameweek-selector {
        width: 120px;
    }
}

@media (max-width: 600px) {
    [b-hms75v6wq5] .header {
        font-size: 1.4rem;
    }
}
@media (min-width: 601px) {
    [b-hms75v6wq5] .header {
        font-size: 1.6em;
    }
}

[b-hms75v6wq5] .points-per-game-summery {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: rgb(255, 255, 255, 0.8);
}

@media (max-width: 600px) {
    [b-hms75v6wq5] .points-per-game-summery {
        width: 32px;
        height: 14px;
        font-size: 12px;
    }
}

@media (min-width: 601px) {
    [b-hms75v6wq5] .points-per-game-summery {
        width: 48px;
        height: 28px;
        font-size: 15px;
    }
}

[b-hms75v6wq5] .rank-winner {
    background: linear-gradient(to right, rgb(19, 43, 59), var(--mud-palette-surface));
}

[b-hms75v6wq5] .rank-conference-league-qualification {
    background: linear-gradient(to right, rgb(17, 37, 66), var(--mud-palette-surface));
}

[b-hms75v6wq5] .rank-relegation-qualification {
    background: linear-gradient(to right, rgb(39, 46, 62), var(--mud-palette-surface));
}

[b-hms75v6wq5] .rank-relegation {
    background: linear-gradient(to right, rgb(40, 27, 46), var(--mud-palette-surface));
}

[b-hms75v6wq5] .signal {
    position: absolute;
    border-radius: 0 4px 4px 0;
    left: 0;
    top: 15%;
}

@media (max-width: 600px) {
    [b-hms75v6wq5] .signal {
        height: 60%;
        width: 3px;
    }
}

@media (min-width: 601px) {
    [b-hms75v6wq5] .signal {
        height: 70%;
        width: 4px;
    }
}

[b-hms75v6wq5] .rank-winner .signal {
    background: rgba(77, 182, 172, 0.6);
}

[b-hms75v6wq5] .rank-conference-league-qualification .signal {
    background: rgba(66, 133, 244, 0.6);
}

[b-hms75v6wq5] .rank-relegation-qualification .signal {
    background: rgba(180, 180, 180, 0.6);
}

[b-hms75v6wq5] .rank-relegation .signal {
    background: rgba(198, 40, 40, 0.6);
}

[b-hms75v6wq5] .rank-key {
    padding: 12px 8px 12px 8px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 600px) {
    [b-hms75v6wq5] .rank-key {
        Width: 100%;
    }
}

@media (min-width: 601px) {
    [b-hms75v6wq5] .rank-key {
        Width: 220px;
    }
}

[b-hms75v6wq5] :last-child.fixture-result-summary::after {
    content: "";
    display: block;
    position: absolute;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    border-radius: 4px;
    bottom: -6px;
}
@media (max-width: 600px) {
    [b-hms75v6wq5] :last-child.fixture-result-summary::after {
        width: 16px;
    }
}
@media (min-width: 601px) {
    [b-hms75v6wq5] :last-child.fixture-result-summary::after {
        width: 20px;
    }
}
[b-hms75v6wq5] .fixture-result-summary.win::after {
    border-bottom-color: rgba(77, 182, 172, 0.4);
}
[b-hms75v6wq5] .fixture-result-summary.draw::after {
    border-bottom-color: rgba(180, 180, 180, 0.4);
}
[b-hms75v6wq5] .fixture-result-summary.loss::after {
    border-bottom-color: rgba(198, 40, 40, 0.4);
}

@media (max-width: 600px) {
    [b-hms75v6wq5] .table-type-switch {
        width: 12rem;
    }
}
@media (min-width: 601px) {
    [b-hms75v6wq5] .table-type-switch {
        width: 20rem;
    }
}
/* /Pages/TransferPlanner.razor.rz.scp.css */
.pitch[b-deldjdx763] {
    width: 100%;
    background: url('./images/footballpitch.svg');
    background-repeat: no-repeat;
    background-position: center top;
}
@media (max-width: 600px) {
    .pitch[b-deldjdx763] {
        background-size: 150%;
    }
}

@media (max-width: 600px) {
    .element-image[b-deldjdx763] {
        height: 44px;
        width: 44px;
    }
}
@media (min-width: 601px) {
    .element-image[b-deldjdx763] {
        height: 60px;
        width: 60px;
    }
}

@media (max-width: 600px) {
    .element-item[b-deldjdx763] {
        width: 75px;
    }
}

@media (min-width: 601px) {
    .element-item[b-deldjdx763] {
        width: 100px;
    }
}

.position-container[b-deldjdx763] {
    display: flex;
}

[b-deldjdx763] .element-position {
    color: #263238;
}

.element-name-container[b-deldjdx763] {
    color: var(--mud-palette-appbar-text);
    background: #263238;
    padding: 3px 10px;
    border-radius: 4px 4px 0 0;
}
@media (max-width: 600px) {
    .element-name-container[b-deldjdx763] {
        height: 20px;
    }
}

@media (min-width: 601px) {
    .element-name-container[b-deldjdx763] {
        height: 24px;
    }
}


[b-deldjdx763] .element-name {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.element-fixtures-container[b-deldjdx763] {
    color: var(--mud-palette-appbar-text);
    background: #1B5E20;
    border-radius: 0 0 4px 4px;
}
@media (max-width: 600px) {
    .element-fixtures-container[b-deldjdx763] {
        /*height: 20px;*/
        height: 24px;
    }
}

@media (min-width: 601px) {
    .element-fixtures-container[b-deldjdx763] {
        height: 24px;
    }
}
/* /Shared/Charts/BonusPointsChart.razor.rz.scp.css */
[b-tgig254z5f] .apexcharts-svg {
    overflow: visible;
}

[b-tgig254z5f] .chart-container {
    padding: 2rem;
    padding-right: 2.7rem;
}
/* /Shared/Charts/ChartInfoDialog.razor.rz.scp.css */
/* /Shared/Charts/ElementPointsChart.razor.rz.scp.css */
[b-r9fbupyhhl] .apexcharts-svg {
    overflow: visible;
}

[b-r9fbupyhhl] .chart-container {
    padding: 2rem;
    padding-right: 2.7rem;
}
/* /Shared/Charts/PointsChart.razor.rz.scp.css */
/* /Shared/Charts/RankChart.razor.rz.scp.css */
[b-3f6em9uaks] .apexcharts-svg {
    overflow: visible;
}

[b-3f6em9uaks] .chart-container {
    padding: 2rem;
    padding-right: 2.7rem;
}
/* /Shared/ClubIcon/ClubIcon.razor.rz.scp.css */
.size-small[b-0cj66671nw] {
    height: 24px;
}

@media (max-width: 600px) {
    .size-medium[b-0cj66671nw] {
        height: 28px;
    }
}

@media (min-width: 601px) {
    .size-medium[b-0cj66671nw] {
        height: 32px;
    }
}
/* /Shared/ClubJersey/ClubJersey.razor.rz.scp.css */
.size-small[b-okd4aqvt8w] {
    height: 24px;
}

@media (max-width: 600px) {
    .size-medium[b-okd4aqvt8w] {
        height: 28px;
    }
}

@media (min-width: 601px) {
    .size-medium[b-okd4aqvt8w] {
        height: 44px;
    }
}
/* /Shared/Design/TdFixed.razor.rz.scp.css */
.table-row-hover-overlay[b-l7twrerzce] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    /* Needed for OnClick */
    z-index: -10;
}
/* /Shared/Design/ThFixed.razor.rz.scp.css */
/* /Shared/Elements/DataImportInfoDialog.razor.rz.scp.css */
[b-o3gl9qyiy5] .filter-caption {
    text-transform: uppercase;
    padding-bottom: 4px;
}
/* /Shared/Elements/ElementFilterDialog.razor.rz.scp.css */
[b-ql1imn2n75] .filter-caption {
    text-transform: uppercase;
    display: block;
    padding-bottom: 4px;
}
/* /Shared/Elements/ElementsDesktop.razor.rz.scp.css */
.align-percentage-right[b-6co3rgrpsx] {
    width: 50px;
    text-align: right;
}

.fill[b-6co3rgrpsx] {
    width: 100%;
    height: 100%;
    display: block;
}

[b-6co3rgrpsx] .fixed-position {
    left: 0;
}

[b-6co3rgrpsx] .category-bonus {
    background-color: rgba(111, 66, 193, 0.12)
}

[b-6co3rgrpsx] .category-ownership {
    background-color: rgba(255, 107, 203, 0.12);
}

[b-6co3rgrpsx] .category-stats {
    background-color: rgba(25, 82, 169, 0.12)
}

[b-6co3rgrpsx] .category-points {
    background-color: rgba(0, 212, 153, 0.12)
}

[b-6co3rgrpsx] .mud-table-container {
    padding-top: 16px;
}

[b-6co3rgrpsx] .mud-table-cell {
    padding: 3px 4px 3px 12px;
}

[b-6co3rgrpsx] .scrollable-table .scrolled .fixed-position::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    pointer-events: none;
    box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.6);
}
/* /Shared/Elements/ElementsMobile.razor.rz.scp.css */
[b-a2uqc9r2zx] .mud-table-cell {
    padding: 0px 8px !important;
}

[b-a2uqc9r2zx] .mud-toolbar {
    flex-direction: column;
    height: 100%;
    align-items: stretch;
}

[b-a2uqc9r2zx] .fixed-position {
    left: 0;
}

.dark-mode div[b-a2uqc9r2zx]  .category-bonus {
    background-color: #1e1f3f !important;
}

.dark-mode div[b-a2uqc9r2zx]  .category-ownership {
    background-color: #322441 !important;
}

.dark-mode div[b-a2uqc9r2zx]  .category-stats {
    background-color: #11213c !important;
}

.dark-mode div[b-a2uqc9r2zx]  .category-points {
    background-color: #11323b !important;
}

[b-a2uqc9r2zx] .scrollable-table .scrolled .fixed-position::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    pointer-events: none;
    box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.6);
}

/* TODO */
/* Add light mode */
/* /Shared/Elements/ElementStatus.razor.rz.scp.css */
[b-kjnbwhq5m0] .element-status-warning.soft {
    fill: var(--element-status-warning) !important;
}

[b-kjnbwhq5m0] .element-status-unavailable.soft {
    fill: var(--element-status-unavailable) !important;
}

[b-kjnbwhq5m0] .element-status-warning.bright {
    fill: var(--mud-palette-warning) !important;
}

[b-kjnbwhq5m0] .element-status-unavailable.bright {
    fill: var(--mud-palette-error) !important;
}
/* /Shared/Elements/TeamInfoDialog.razor.rz.scp.css */
/* /Shared/Fixtures/FaEmptyFixture.razor.rz.scp.css */
.fixture[b-33p65z75nc] {
    justify-content: center;
    display: inline-flex;
    align-items: center;
}

.size-extra-small[b-33p65z75nc] {
    width: 32px;
    height: 16px;
    margin: 2px;
}

.size-small[b-33p65z75nc] {
    width: 40px;
    height: 16px;
    margin: 4px;
}

.size-medium[b-33p65z75nc] {
    width: 44px;
    height: 24px;
    margin: 4px;
}

.size-large[b-33p65z75nc] {
    width: 56px;
    height: 32px;
    margin: 4px;
}

.size-extra-small-small-detailed-difficulty[b-33p65z75nc] {
    width: 32px;
    height: 24px;
    margin: 2px;
}

.size-small-small-detailed-difficulty[b-33p65z75nc] {
    width: 40px;
    height: 24px;
    margin: 4px;
}

.size-medium-small-detailed-difficulty[b-33p65z75nc] {
    width: 44px;
    height: 36px;
    margin: 4px;
}

.size-large-small-detailed-difficulty[b-33p65z75nc] {
    width: 56px;
    height: 48px;
    margin: 4px;
}
/* /Shared/Fixtures/FaFixture.razor.rz.scp.css */
[b-7z5t11v07p] .fixture-ship {
    padding: 0 8px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
}

[b-7z5t11v07p] .border {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

[b-7z5t11v07p] .size-extra-small {
    width: 32px;
    height: 16px;
    font-size: 10px;
    margin: 2px;
}

[b-7z5t11v07p] .size-small {
    width: 40px;
    height: 16px;
    font-size: 12px;
    margin: 4px;
}

[b-7z5t11v07p] .size-medium {
    width: 44px;
    height: 24px;
    font-size: 12px;
    margin: 4px;
}

[b-7z5t11v07p] .size-large {
    width: 56px;
    height: 32px;
    font-size: 14px;
    margin: 4px;
}

[b-7z5t11v07p] .size-extra-small-detailed-difficulty {
    width: 32px;
    height: 24px;
    font-size: 10px;
    margin: 2px;
}

[b-7z5t11v07p] .size-small-detailed-difficulty {
    width: 40px;
    height: 24px;
    font-size: 12px;
    margin: 4px;
}

[b-7z5t11v07p] .size-medium-detailed-difficulty {
    width: 44px;
    height: 36px;
    font-size: 12px;
    margin: 4px;
}

[b-7z5t11v07p] .size-large-detailed-difficulty {
    width: 56px;
    height: 48px;
    font-size: 14px;
    margin: 4px;
}


/* Class drilled from parent component */
[b-7z5t11v07p] .element-item-single-fixture {
    margin: 4px;
}
@media (max-width: 600px) {
    [b-7z5t11v07p] .element-item-single-fixture {
        height: 16px;
        width: 26px;
        font-size: 9px;
    }
}
@media (min-width: 601px) {
    [b-7z5t11v07p] .element-item-single-fixture {
        height: 20px;
        width: 30px;
        font-size: 11px;
    }
}

/* Class drilled from parent component */
[b-7z5t11v07p] .element-item-multiple-fixtures {
    margin-right: 0;
}
@media (max-width: 600px) {
    [b-7z5t11v07p] .element-item-multiple-fixtures {
        height: 16px;
        width: 22px;
        font-size: 9px;
        margin-left: 2px;
    }
}
@media (min-width: 601px) {
    [b-7z5t11v07p] .element-item-multiple-fixtures {
        height: 20px;
        width: 30px;
        font-size: 11px;
        margin-left: 4px;
    }
}

/* Class drilled from parent component */
@media (max-width: 600px) {
    [b-7z5t11v07p] .element-item-upcoming-fixtures {
        width: 24px;
        height: 20px;
        font-size: 10px;
        margin: 2px;
    }
}
/* TODO: Fix this breakpoint. It's broken */
@media (min-width: 601px) and (max-width: 980px) {
    [b-7z5t11v07p] .element-item-upcoming-fixtures {
        width: 32px;
        height: 24px;
        font-size: 12px;
        margin: 2px 3px;
    }
}
/* TODO: Fix this breakpoint. It's broken */
@media (min-width: 980px) and (max-width: 1280px) {
    [b-7z5t11v07p] .element-item-upcoming-fixtures {
        width: 36px;
        height: 24px;
        font-size: 12px;
        margin: 2px 3px;
    }
}
/* Custom breakpoint to fit content */
@media (min-width: 1281px) and (max-width: 1400px) {
    [b-7z5t11v07p] .element-item-upcoming-fixtures {
        width: 32px;
        height: 24px;
        font-size: 13px;
        margin: 3px;
    }
}
/* Custom breakpoint to fit content */
@media (min-width: 1401px) and (max-width: 1700px) {
    [b-7z5t11v07p] .element-item-upcoming-fixtures {
        width: 36px;
        height: 24px;
        font-size: 13px;
        margin: 3px;
    }
}
/* Custom breakpoint to fit content */
@media (min-width: 1701px) {
    [b-7z5t11v07p] .element-item-upcoming-fixtures {
        width: 44px;
        height: 24px;
        font-size: 12px;
        margin: 4px;
    }
}

[b-7z5t11v07p] .difficulty-very-easy {
    background: var(--difficulty-very-easy-background);
    color: var(--difficulty-very-easy-color);
}

[b-7z5t11v07p] .difficulty-easy {
    background: var(--difficulty-easy-background);
    color: var(--difficulty-easy-color);
}

[b-7z5t11v07p] .difficulty-medium {
    background: var(--difficulty-medium-background);
    color: var(--difficulty-medium-color);
}

[b-7z5t11v07p] .difficulty-hard {
    background: var(--difficulty-hard-background);
    color: var(--difficulty-hard-color);
}

[b-7z5t11v07p] .difficulty-very-hard {
    background: var(--difficulty-very-hard-background);
    color: var(--difficulty-very-hard-color);
}

[b-7z5t11v07p] .difficulty-unset {
    background: var(--difficulty-medium-background);
    color: var(--difficulty-medium-color);
}
/* /Shared/Fixtures/FaFixtures.razor.rz.scp.css */
.gameweek-line[b-bqqliw1y24] {
    position: relative;
    display: flex;
    margin: 0 5px;
    border-top: thin solid var(--mud-palette-text-primary);
}

    .gameweek-line[b-bqqliw1y24]:before,
    .gameweek-line[b-bqqliw1y24]:after {
        position: absolute;
        top: 0;
        height: 3px;
        content: "";
    }

    .gameweek-line[b-bqqliw1y24]::before {
        left: 0;
        border-left: 1px solid black;
    }

    .gameweek-line[b-bqqliw1y24]::after {
        right: 0;
        border-right: 1px solid black;
    }
/* /Shared/MainLayout.razor.rz.scp.css */
[b-ijpa88d9zh] .nav-item {
    font-size: var(--mud-typography-button-size);
    color: var(--mud-palette-appbar-text);
}
[b-ijpa88d9zh] .nav-item:hover {
    transition: color 0.2s ease;
    background: rgba(0, 0, 0, 0.075);
}

/* TODO: Flytta? */
@media (max-width: 960px) {
    [b-ijpa88d9zh] .main-content {
        padding-bottom: calc(var(--mud-appbar-height) - 8px);
    }
}

[b-ijpa88d9zh] .caption-name {
    font-weight: 300;
    font-family: Anton, Georgia;
    text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
    color: rgb(68, 101, 107);
}

[b-ijpa88d9zh] .top-app-bar {
    transition: background-color 0.3s ease;
}
[b-ijpa88d9zh] .top-app-bar.scrolled {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(16px);
}

.light-mode[b-ijpa88d9zh]  .top-app-bar.scrolled {
    background: rgba(0, 0, 0, 0.1);
}

.dark-mode[b-ijpa88d9zh]  .top-app-bar.scrolled {
    background: rgba(0, 0, 0, 0.3);
}
/* /Shared/NavMenu/DesktopNavMenu.razor.rz.scp.css */
/*::deep .nav-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}*/

[b-6i37ccn3s0] .nav-item-text {
    font-size: 0.8rem;
    white-space: nowrap;
    font-weight: 500;
    font-family: "Google Sans", sans-serif;
}
/*
::deep .active .nav-item-text {
    color: var(--nav-menu-text-color-active);
}*/

/* Override MudBlazor class */
[b-6i37ccn3s0] .mud-nav-link-text {
    margin: 0 !important;
}

[b-6i37ccn3s0] .nav-item-md3 {
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-6i37ccn3s0] .nav-item-text-md3 {
    color: var(--nav-menu-text-color);
}

[b-6i37ccn3s0] .active .nav-item-text-md3 {
    color: var(--nav-menu-text-color-active);
}

[b-6i37ccn3s0] .nav-item-icon-md3 {
    padding: 4px 16px;
    display: flex;
    border-radius: 16px;
    color: rgba(28, 27, 29, 1);
    margin-bottom: 2px;
}

[b-6i37ccn3s0] .md3-ripple {
    transition: background 0.3s cubic-bezier(0.1, -0.2, 0.1, 1);
    background-position: center;
    background-image: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.1) 1%) !important;
    background-size: 12000%;
}

/*::deep .md3-ripple:active {
    transition: background 0s;
    background-position: center;
    background-size: 100%;
}*/

[b-6i37ccn3s0] .nav-item-md3:active .md3-ripple {
    transition: background 0s;
    background-position: center;
    background-size: 100%;
}

[b-6i37ccn3s0] .nav-item-md3:hover .nav-item-icon-md3 {
    /*background-color: rgba(0, 0, 0, 0.10);*/
    background-color: var(--nav-menu-active-item-hover) !important;
}

[b-6i37ccn3s0] .active .nav-item-icon-md3 {
    /*background-color: #89a49f !important;*/
    background-color: var(--nav-menu-active-item) !important;
}

[b-6i37ccn3s0] .active.nav-item-md3:hover .nav-item-icon-md3 {
    /*background: rgba(131, 103, 100, 0.25) !important;*/
    /*background: darken(#a0b6b2, 90%) !important;*/
    /*background: #89a49f !important;*/
}

[b-6i37ccn3s0] .not-active-nav-item-icon {
    display: block;
}
[b-6i37ccn3s0] .active .not-active-nav-item-icon {
    display: none;
}
[b-6i37ccn3s0] .nav-item-icon {
    color: var(--nav-menu-icon-color);
}
[b-6i37ccn3s0] .active-nav-item-icon {
    display: none;
}
[b-6i37ccn3s0] .active .active-nav-item-icon {
    display: block;
}

[b-6i37ccn3s0] .ripple {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center center;
    border-radius: 50%;
    filter: blur(4px);
    --mud-ripple-offset-x: 0;
    --mud-ripple-offset-y: 0;
}

/*::deep .nav-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}*/

/*::deep .mud-nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
}

::deep .mud-nav-link-text {
    display: flex;
    justify-content: center;
    margin: 0 !important;
}

::deep .mud-nav-item {
    color: var(--mud-palette-appbar-text);
    align-items: center;
}
*/
/* /Shared/NavMenu/MobileNavMenu.razor.rz.scp.css */
[b-h8ay4ndqle] .nav-item-text {
    font-size: 0.8rem;
    white-space: nowrap;
    font-weight: 500;
    font-family: "Google Sans", sans-serif;
}

[b-h8ay4ndqle] .nav-item-md3 {
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
}

[b-h8ay4ndqle] .nav-item-icon-md3 {
    padding: 4px 16px;
    display: flex;
    border-radius: 16px;
    color: var(--nav-menu-icon-color);
    margin-bottom: 2px;
}

[b-h8ay4ndqle] .md3-ripple {
    transition: background 0.3s cubic-bezier(0.1, -0.2, 0.1, 1);
    background-position: center;
    background-image: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.1) 1%) !important;
    background-size: 12000%;
}

[b-h8ay4ndqle] .nav-item-md3:active .md3-ripple {
    transition: background 0s;
    background-position: center;
    background-size: 100%;
}

[b-h8ay4ndqle] .nav-item-md3:hover .nav-item-icon-md3 {
    background-color: var(--nav-menu-active-item-hover);
}

[b-h8ay4ndqle] .active .nav-item-icon-md3 {
    background-color: var(--nav-menu-active-item) !important;
}

[b-h8ay4ndqle] .nav-item-text-md3 {
    color: var(--nav-menu-text-color);
}

[b-h8ay4ndqle] .active .nav-item-text-md3 {
    color: var(--nav-menu-text-color-active);
}

[b-h8ay4ndqle] .not-active-nav-item-icon {
    display: block;
}

[b-h8ay4ndqle] .active .not-active-nav-item-icon {
    display: none;
}

[b-h8ay4ndqle] .active-nav-item-icon {
    display: none;
}

[b-h8ay4ndqle] .active .active-nav-item-icon {
    display: block;
}

[b-h8ay4ndqle] .mobile-nav-bar {
    background: var(--nav-menu-mobile-background);
    border-top: 1px solid var(--nav-menu-mobile-border);
    backdrop-filter: blur(8px);
}
/* /Shared/Spinner.razor.rz.scp.css */
.spinner[b-yjluogfnvt] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}