/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-container[b-ryu3gba8t8] {
    max-width: 500px;
    margin: auto;
}
.login-header[b-ryu3gba8t8] {
    width: 100%;
    text-align: center;
    padding: 1em;
}
.login-header img[b-ryu3gba8t8] {
    width: 200px;
    margin: auto;
}
.external-login-form[b-ryu3gba8t8] {
    margin: 0;
}
.login-menu-button[b-ryu3gba8t8] {

}

[b-ryu3gba8t8] .gsi-material-button {
    margin-left: 0.5em;
}
.external-login-form-large[b-ryu3gba8t8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.external-login-form-large[b-ryu3gba8t8]  .gsi-material-button {
    margin: 0.5em;
}
.login-links[b-ryu3gba8t8] {
    display: flex;
    justify-content: space-between;
}
.login-links p a[b-ryu3gba8t8] {
    color: #e3e3e3;
    text-decoration: none;
    font-size: 0.9em;
}
/* /Components/Account/Pages/Manage/Preferences.razor.rz.scp.css */
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
/* /Components/CompetitionComponents/SelectionMatrix.razor.rz.scp.css */
table.table-fixed[b-qvtjjcq5ny] {
    overflow: auto;
    max-height: 100%;
    max-width: 100%;
    background-color: var(--background-color);
}

    table.table-fixed tbody tr td:first-child[b-qvtjjcq5ny] {
        position: sticky;
        left: 0px;
        background-color: var(--background-color);
        z-index: 99;
    }
    table.table-fixed tbody tr:nth-child(even) td:first-child[b-qvtjjcq5ny] {
        background-color: #222;
    }
    table.table-fixed thead th:first-child[b-qvtjjcq5ny] {
        position: sticky;
        left: 0px;
        top: 0px;
        background-color: var(--background-color);
        z-index: 99;
    }

    table.table-fixed thead th[b-qvtjjcq5ny] {
        position: sticky;
        top: 0px;
    }

.selection-matrix-table[b-qvtjjcq5ny] {
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0em auto;
    width: max-content;
}
.selection-matrix-table tr[b-qvtjjcq5ny] {
    border-bottom: 1px solid #808080;
}
    .selection-matrix-table tr:nth-child(even)[b-qvtjjcq5ny] {
        background-color: #222;
    }

.selection-matrix-header th a[b-qvtjjcq5ny] {
    color: inherit;
    text-decoration: none;
    text-align: center;
    font-size: 0.8em;
}
.selection-matrix-header th a:visited[b-qvtjjcq5ny] {
    color: #fff;
    text-decoration: none;
}
    .selection-matrix-header th a span[b-qvtjjcq5ny] {
        display: block;
        font-weight: 400;
    }
    .selection-matrix-header th a span.hidden[b-qvtjjcq5ny] {
        display: none;
    }
.selection-matrix-selection[b-qvtjjcq5ny] {
    width: 100px;
    text-align: center;
    display: block;
}
.selection-matrix-horse[b-qvtjjcq5ny] {
    font-size: 0.6em;
}
.selection-matrix-result[b-qvtjjcq5ny] {
    font-size: 0.6em;
}
.selection-matrix-result.winner[b-qvtjjcq5ny] {
    font-weight: bold;
}
.selection-matrix-silks img[b-qvtjjcq5ny] {
    height: 3em;
    width: 3em;
    object-fit: contain;
}
.racedate[b-qvtjjcq5ny] {
    font-size: 0.7em;
}
.profile-column[b-qvtjjcq5ny] {
    width: 100px;
    display: block;
    background-color: var(--background-color);
    z-index: 99;
    min-height: 2.5em;
    border-right: 1px solid #808080;
}
.selection-matrix-profile-link[b-qvtjjcq5ny] {
    text-decoration: none;
    color: inherit;
}
.selection-matrix-profile-image[b-qvtjjcq5ny] {
    border-radius: 50%;
    overflow: hidden;
    height: 3em;
    width: 3em;
    margin: auto;
}
    .selection-matrix-profile-image img[b-qvtjjcq5ny] {
        height: 3em;
        width: 3em;
        border-radius: 50%;
        object-fit: cover;
        object-position: center center;
    }
.selection-matrix-profile-name[b-qvtjjcq5ny] {
    font-weight: bold;
    font-size: 0.8em;
    width: 100%;
    text-align: center;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: clip;
}
.selection-matrix-profile-position[b-qvtjjcq5ny] {
    font-weight: bold;
    font-size: 0.7em;
    width: 100%;
    text-align: center;
    margin: auto;
}
.selection-matrix-table tr.current-user[b-qvtjjcq5ny], .selection-matrix-table tr.current-user td.profile-column[b-qvtjjcq5ny] {
    background-color: #22013c !important;
}

@media (max-width: 641px) {
    .selection-matrix-silks img[b-qvtjjcq5ny] {
        height: 2em;
        width: 2em;
    }
    .selection-matrix-profile-image[b-qvtjjcq5ny] {
        height: 2em;
        width: 2em;
    }
    .selection-matrix-profile-image img[b-qvtjjcq5ny] {
        height: 2em;
        width: 2em;
    }
    .selection-matrix-profile-name[b-qvtjjcq5ny] {
        font-weight: 500;
        font-size: 0.7em;
    }
    .selection-matrix-profile-position[b-qvtjjcq5ny] {
        font-weight: 500;
        font-size: 0.7em;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Layout/NavMenu.razor.rz.scp.css */

/* /Components/Layout/PageContent.razor.rz.scp.css */
.page-content[b-yovz9ygw5h] {
    padding: 0.1em;
    box-sizing: border-box
}
@media (min-width: 641px) {
    .page-content[b-yovz9ygw5h] {
        padding: 0.5em 0.5em 1em 0.5em;
    }
}
/* /Components/Layout/PageHeader.razor.rz.scp.css */
/*.page-header {
    background-image: var(--gradient-background-light);
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
    color: black;
    position: sticky;
}
.page-header-title{
    font-size: 1.25rem;
    font-weight: 600;
    margin-left: 1rem;
}
.page-header-content {
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-grow: 1;
}

@media (min-width: 641px) {
    .page-header {
        background-image: var(--gradient-background);
        color: white;
    }
    ::deep .page-header-button {
        margin-left: 0.5em !important;
        color: white;
    }
        ::deep .rz-button, ::deep .page-header-button {
            margin-left: 0.5em !important;
            text-decoration: none;
        }
}


*/
/* /Components/Layout/PageSplit.razor.rz.scp.css */
.page-split-container[b-ojjxhpzz8b] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}

.page-split-left[b-ojjxhpzz8b] {
    width: 100%;
}

.page-split-right[b-ojjxhpzz8b] {
    display: none;
    background-color: var(--background-color);
    z-index: 999;
}

.page-split-right.closed[b-ojjxhpzz8b] {
    display: none;
}

    .page-split-right.open[b-ojjxhpzz8b] {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;;
    }
[b-ojjxhpzz8b] .close-button {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 1400px) {
    .page-split-left[b-ojjxhpzz8b] {
        width: 50%;
    }

    .page-split-right[b-ojjxhpzz8b] {
        position: relative;
        display: flex;
        flex-grow: 1;
        width: 50%;
    }

    .page-split-right.closed[b-ojjxhpzz8b] {
        display: block;
    }
    [b-ojjxhpzz8b] .close-button {
        display: none;
    }

    .page-split-right.open[b-ojjxhpzz8b] {
        display: inline;
        position: relative;
        height: auto;
        width: 50%;
        top: 0;
        left: 0;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-3j77rz8rve],
.components-reconnect-repeated-attempt-visible[b-3j77rz8rve],
.components-reconnect-failed-visible[b-3j77rz8rve],
.components-pause-visible[b-3j77rz8rve],
.components-resume-failed-visible[b-3j77rz8rve],
.components-rejoining-animation[b-3j77rz8rve] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-3j77rz8rve],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-3j77rz8rve],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-3j77rz8rve],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-3j77rz8rve],
#components-reconnect-modal.components-reconnect-retrying[b-3j77rz8rve],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-3j77rz8rve],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-3j77rz8rve],
#components-reconnect-modal.components-reconnect-failed[b-3j77rz8rve],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-3j77rz8rve] {
    display: block;
}


#components-reconnect-modal[b-3j77rz8rve] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-3j77rz8rve 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-3j77rz8rve 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-3j77rz8rve 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-3j77rz8rve]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-3j77rz8rve 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-3j77rz8rve {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-3j77rz8rve {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-3j77rz8rve {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-3j77rz8rve] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-3j77rz8rve] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-3j77rz8rve] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-3j77rz8rve] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-3j77rz8rve] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-3j77rz8rve] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-3j77rz8rve] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-3j77rz8rve 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-3j77rz8rve] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-3j77rz8rve {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AddCompetition.razor.rz.scp.css */
.competition-container[b-2wx96seui0] {
    display: flex;
    flex-wrap: wrap;
}

#basic-settings[b-2wx96seui0] {
    display: flex;
    flex-direction: column;
}

[b-2wx96seui0] .competition-form-field {
    width: 100%;
}

[b-2wx96seui0] .rz-form-field {
    margin-bottom: 0.5em;
}

#basic-settings[b-2wx96seui0], #users[b-2wx96seui0] {
    flex-basis: 100%;
    width: 100%;
}

#races[b-2wx96seui0] {
    margin-top: 2em;
    border-top: 1px solid var(--primary-color);
}

.races-header[b-2wx96seui0] {
    display: flex;
    justify-content: center;
    gap: 1em;
}

    .races-header h4[b-2wx96seui0] {
        flex-grow: 1;
    }

.competition-profile-list[b-2wx96seui0] {
}

.competition-profile-item[b-2wx96seui0] {
    display: flex;
    gap: 0.5em;
    border-bottom: 1px solid var(--primary-color);
    padding: 0.5em;
}

    .competition-profile-item span[b-2wx96seui0] {
        flex-grow: 1;
    }

    .competition-profile-item button[b-2wx96seui0] {
        margin: 0.5em;
    }

@media (min-width: 1200px) {
    #basic-settings[b-2wx96seui0], #users[b-2wx96seui0] {
        flex-basis: 50%;
    }

    #races[b-2wx96seui0] {
        flex-basis: 100%;
    }
}
/* /Components/Pages/EditCompetition.razor.rz.scp.css */
.competition-container[b-fqx35l4mf9] {
    display: flex;
    flex-wrap: wrap;
}

#basic-settings[b-fqx35l4mf9] {
    display: flex;
    flex-direction: column;
}

[b-fqx35l4mf9] .competition-form-field {
    width: 100%;
}

[b-fqx35l4mf9] .rz-form-field {
    margin-bottom: 0.5em;
}

#basic-settings[b-fqx35l4mf9], #users[b-fqx35l4mf9] {
    flex-basis: 100%;
    width: 100%;
}

#races[b-fqx35l4mf9] {
    margin-top: 2em;
    border-top: 1px solid var(--primary-color);
}

.races-header[b-fqx35l4mf9] {
    display: flex;
    justify-content: center;
    gap: 1em;
}

    .races-header h4[b-fqx35l4mf9] {
        flex-grow: 1;
    }

.competition-profile-list[b-fqx35l4mf9] {
}

.competition-profile-item[b-fqx35l4mf9] {
    display: flex;
    gap: 0.5em;
    border-bottom: 1px solid var(--primary-color);
    padding: 0.5em;
}

    .competition-profile-item span[b-fqx35l4mf9] {
        flex-grow: 1;
    }

    .competition-profile-item button[b-fqx35l4mf9] {
        margin: 0.5em;
    }

@media (min-width: 1200px) {
    #basic-settings[b-fqx35l4mf9], #users[b-fqx35l4mf9] {
        flex-basis: 50%;
    }

    #races[b-fqx35l4mf9] {
        flex-basis: 100%;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* CSS for Home component */

/* Hero Section */
.hero[b-74syi3ig5m] {
    background-color: transparent;
    color: white;
    padding: 2rem 2rem;
    text-align: center;
}

.hero-content[b-74syi3ig5m] {
    max-width: 800px;
    margin: 0 auto;
}

.hero h1[b-74syi3ig5m] {
    font-size: 3rem;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

    .hero h1 span[b-74syi3ig5m] {
        color: var(--secondary);
    }

.hero p[b-74syi3ig5m] {
    font-size: 1.25rem;
    margin-bottom: 2.5rem;
    opacity: 0.9;
}

.cta-btn[b-74syi3ig5m] {
    color: var(--dark);
    padding: 1rem 2.5rem;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    transition: transform 0.2s ease, background-color 0.2s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

    .cta-btn:hover[b-74syi3ig5m] {
        transform: translateY(-2px);
        background-image: var(--gradient-background);
    }

.age-badge[b-74syi3ig5m] {
    margin-top: 1rem;
    font-size: 0.85rem;
    display: block;
    opacity: 0.7;
}

/* Features Section */
.features[b-74syi3ig5m] {
    padding: 1rem 0rem;
    max-width: 1200px;
    margin: 0 auto;
}

.section-title[b-74syi3ig5m] {
    text-align: center;
    font-size: 2.2rem;
    color: var(--dark);
    margin-bottom: 1rem;
}



.feature-card[b-74syi3ig5m] {
    background-image: var(--gradient-background);
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border-top: 4px solid var(--primary);
    transition: transform 0.3s ease;
    flex-basis: 1;
    width: 100%;
}

    .feature-card:hover[b-74syi3ig5m] {
        transform: translateY(-5px);
    }

.feature-icon[b-74syi3ig5m] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.feature-card h3[b-74syi3ig5m] {
    font-size: 1.4rem;
    color: var(--dark);
    margin-bottom: 1rem;
}

/* Social Highlight Section */
.social-proof[b-74syi3ig5m] {
    background-color: transparent;
    padding: 3rem 2rem;
    text-align: center;
}

.social-container[b-74syi3ig5m] {
    max-width: 700px;
    margin: 0 auto;
}

    .social-container h2[b-74syi3ig5m] {
        font-size: 2rem;
        color: var(--dark);
        margin-bottom: 1rem;
    }

.races-carousel[b-74syi3ig5m] {
    display: block;
}
.races-all[b-74syi3ig5m] {
    display: none;
}
.next-three-races[b-74syi3ig5m] {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.race-card-preview[b-74syi3ig5m] {
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid white;
}
.race-card-preview-header[b-74syi3ig5m] {
    display: flex;
    justify-content: space-between;
}
.race-card-preview-runner[b-74syi3ig5m] {
    display: flex;
    justify-content: space-between;
    gap: 1em;
}
    .race-card-preview-runner .silks img[b-74syi3ig5m] {
        height: 1.5em;
        width: 1.5em;
    }
    .race-card-preview-runner .horse[b-74syi3ig5m] {
        text-align: left;
        flex-grow: 1;
        padding-top: 0.5em;
    }

    h4[b-74syi3ig5m] {
        margin: auto;
        text-align: center;
    }


@media (min-width: 641px) {
    .feature-grid[b-74syi3ig5m], .races-carousel[b-74syi3ig5m] {
        margin: 0em 1em;
    }
}
    @media (max-width: 768px) {
        .hero h1[b-74syi3ig5m] {
            font-size: 2rem;
        }

        .hero p[b-74syi3ig5m] {
            font-size: 1rem;
        }
    }
@media (min-width: 900px) {
    .features[b-74syi3ig5m] {
        margin: 1rem auto;
    }
    .next-three-races[b-74syi3ig5m] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        max-width: 1200px;
    }
    .races-carousel[b-74syi3ig5m] {
        display: none;
    }

    .races-all[b-74syi3ig5m] {
        display: block;
        margin: 0em 1em;
    }
}
@media (min-width: 1500px) {


    .next-three-races[b-74syi3ig5m] {
        margin: auto;
    }
        .races-all[b-74syi3ig5m] {
            margin: 0em auto;
            width: 100%;
        }

        .feature-grid[b-74syi3ig5m] {
            margin: 0em 0em;
        }
    }
/* /Components/Pages/HorseProfile.razor.rz.scp.css */
.entity-details[b-5zr522va5i] {
    display: flex;
    flex-direction: column;
    gap: 0.35em;
    margin: 0.75em;
    border: 1px solid #535353;
    border-radius: 0.75em;
    padding: 0.75em;
    max-width: 900px;
    margin: 0em auto;
}

.entity-detail-item[b-5zr522va5i] {
    display: flex;
    justify-content: space-between;
    gap: 0.75em;
    border-bottom: 1px solid #3f3f3f;
    padding-bottom: 0.25em;
}

.entity-detail-label[b-5zr522va5i] {
    font-weight: 600;
    color: var(--primary-color);
}

.entry-list .race-entry[b-5zr522va5i] {
    text-decoration: none;
    color: var(--primary-color);
    display: flex;
    gap: 1em;
    justify-content: space-between;
    margin-bottom: 1em;
}

.entry-list .entry-horse[b-5zr522va5i] {
    font-size: 1.2em;
    flex-basis: 100%;
    color: var(--primary-color);
}

.entry-list .entry-details[b-5zr522va5i] {
    flex-grow: 1;
}

.entry-list[b-5zr522va5i]  .rz-datalist-data {
    margin: 1em;
}

.silks[b-5zr522va5i] {
    position: relative;
}

.silks img[b-5zr522va5i] {
    height: 1.8em;
    margin-top: 0.5em;
}


.odds[b-5zr522va5i] {
    border: 1px solid #535353;
    background-image: var(--gradient-background);
    width: 3em;
    height: 3em;
    text-align: center;
    border-radius: 20%;
    padding: 0.1em;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    margin: 0.1em;
    min-width: 3em;
    color: var(--primary-color);
}

.odds .odds-bookmaker[b-5zr522va5i] {
    font-size: 0.5em;
}

.results-view-toggle[b-5zr522va5i] {
    margin: 1em;
    display: flex;
    width: 100%;
    gap: 0.75em;
    align-items: center;
    margin: auto;
    justify-content: end;
}

    .results-view-toggle.card-view[b-5zr522va5i] {
        max-width: 750px;
    }

    .results-view-toggle-label[b-5zr522va5i] {
        font-size: 0.9em;
        color: #cfcfcf;
    }

.results-table-view[b-5zr522va5i] {
    width: calc(100% - 2em);
    margin: 0 1em 1em;
    border-collapse: collapse;
    font-size: 0.85em;
}

.results-table-view th[b-5zr522va5i],
.results-table-view td[b-5zr522va5i] {
    border-bottom: 1px solid #444;
    padding: 0.45em;
    text-align: left;
}

.results-table-view thead th[b-5zr522va5i] {
    color: var(--primary-color);
    font-weight: 700;
    background: rgba(255, 255, 255, 0.04);
}

.results-table-view td a[b-5zr522va5i] {
    color: var(--primary-color);
    text-decoration: none;
}

@media (min-width: 641px) {
    .silks img[b-5zr522va5i] {
        height: 2.5em;
    }
}
/* /Components/Pages/Jockey.razor.rz.scp.css */
.entry-list .race-entry[b-z0gxwv20lx] {
    text-decoration: none;
    color: var(--primary-color);
    display: flex;
    gap: 1em;
    justify-content: space-between;
    margin-bottom: 1em;
}

.entry-list .entry-horse[b-z0gxwv20lx] {
    font-size: 1.2em;
    flex-basis: 100%;
    color: var(--primary-color);
}

.entry-list .entry-details[b-z0gxwv20lx] {
    flex-grow: 1;
}

.entry-list[b-z0gxwv20lx]  .rz-datalist-data {
    margin: 1em;
}

.results-racecard-list[b-z0gxwv20lx] {
    margin: 1em;
}

.silks[b-z0gxwv20lx] {
    position: relative;
}

.silks img[b-z0gxwv20lx] {
    height: 1.8em;
    margin-top: 0.5em;
}

.jockey-trainer[b-z0gxwv20lx] {
    font-size: 0.75em;
    display: flex;
    justify-content: start;
    width: 100%;
    flex-wrap: wrap;
}

.jockey[b-z0gxwv20lx],
.trainer[b-z0gxwv20lx] {
    width: 100%;
}

.horse-data[b-z0gxwv20lx] {
    font-size: 0.7em;
    color: #e5e5e5;
    display: flex;
    gap: 1em;
}

.odds[b-z0gxwv20lx] {
    border: 1px solid #535353;
    background-image: var(--gradient-background);
    width: 3em;
    height: 3em;
    text-align: center;
    border-radius: 20%;
    padding: 0.1em;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    margin: 0.1em;
    min-width: 3em;
    color: var(--primary-color);
}

.odds .odds-bookmaker[b-z0gxwv20lx] {
    font-size: 0.5em;
}

.search-text-lg[b-z0gxwv20lx] {
    display: none;
}

.search-text-sm[b-z0gxwv20lx] {
    display: block;
    width: 100%;
}

    .search-text-sm[b-z0gxwv20lx]  .rz-form-field {
        width: 100%;
        margin-bottom: 0.5em;
    }

.results-view-toggle[b-z0gxwv20lx] {
    margin: 1em;
    display: flex;
    width: 100%;
    gap: 0.75em;
    align-items: center;
    margin: auto;
    justify-content: end;
}

    .results-view-toggle.card-view[b-z0gxwv20lx] {
        max-width: 750px;
    }

.results-table-view[b-z0gxwv20lx] {
    width: calc(100% - 2em);
    margin: 0 1em 1em;
    border-collapse: collapse;
    font-size: 0.85em;
}

.results-table-view th[b-z0gxwv20lx],
.results-table-view td[b-z0gxwv20lx] {
    border-bottom: 1px solid #444;
    padding: 0.45em;
    text-align: left;
}

.results-table-view thead th[b-z0gxwv20lx] {
    color: var(--primary-color);
    font-weight: 700;
    background: rgba(255, 255, 255, 0.04);
}

.results-table-view td a[b-z0gxwv20lx] {
    color: var(--primary-color);
    text-decoration: none;
}

.results-page-controls[b-z0gxwv20lx] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75em;
    margin: 0 1em 1em;
}

.results-page-summary[b-z0gxwv20lx] {
    font-size: 0.85em;
}

@media (min-width: 641px) {
    .silks img[b-z0gxwv20lx] {
        height: 2.5em;
    }
}

@media (min-width: 750px) {
    .search-text-lg[b-z0gxwv20lx] {
        display: inline-block;
        min-width: 300px;
    }

        .search-text-lg[b-z0gxwv20lx]  .rz-form-field {
            width: 100%;
            max-width: 600px;
            margin-bottom: 0.5em;
        }

    .search-text-sm[b-z0gxwv20lx] {
        display: none;
    }
}
/* /Components/Pages/NotificationsList.razor.rz.scp.css */
/* CSS for NotificationsList component */

.notification-item[b-ig6sanv1kh] {
    color: #aaa9a9;
}
    .notification-item.unread[b-ig6sanv1kh] {
        color: #fff;
    }
    .notification-item.action[b-ig6sanv1kh] {
        cursor: pointer;
    }
    .notification-header[b-ig6sanv1kh] {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #303030;
    }
.notification-title[b-ig6sanv1kh] {
    flex-grow: 1;
    font-weight: bold;
}
.notification-time[b-ig6sanv1kh] {
    font-size: 0.8em;
}
.notification-content[b-ig6sanv1kh] {
    font-size: 0.8em;
    color: #aaa9a9;
}
    .notification-content[b-ig6sanv1kh]  a {
        color: #aaa9a9;
    }
/* /Components/Pages/Races.razor.rz.scp.css */
.racecourse-menu[b-hebau225rd] {
    padding: 0 10px;
}

    .racecourse-menu > a[b-hebau225rd] {
        padding: 14px 16px;
        display: block;
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
        font-size: 1em;
        text-wrap: nowrap;
    }

        .racecourse-menu > a:hover[b-hebau225rd] {
            background-color: rgba(255,255,255,0.05);
        }

        .racecourse-menu > a.active[b-hebau225rd] {
            background-image: var(--gradient-background);
        }
/* /Components/Pages/Search.razor.rz.scp.css */
.search-text-lg[b-pdofdiuy3v] {
    display: none;
}

.search-text-sm[b-pdofdiuy3v] {
    display: block;
    width: 100%;
}

.search-text-sm[b-pdofdiuy3v]  .rz-form-field {
    width: 100%;
    margin-bottom: 0.5em;
}

.search-hint[b-pdofdiuy3v] {
    margin: 0.75em;
    color: #c9c9c9;
}

.search-results[b-pdofdiuy3v] {
    margin: 0.75em;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.search-result-item[b-pdofdiuy3v] {
    display: flex;
    gap: 0.75em;
    text-decoration: none;
    color: var(--primary-color);
    border: 1px solid #444;
    border-radius: 0.6em;
    padding: 0.5em 0.75em;
    background: rgba(255, 255, 255, 0.03);
}

.search-result-type[b-pdofdiuy3v] {
    font-size: 0.75em;
    border: 1px solid #555;
    border-radius: 0.5em;
    padding: 0.15em 0.5em;
    min-width: 4.5em;
    text-align: center;
}

.search-result-name[b-pdofdiuy3v] {
    font-size: 1em;
}

@media (min-width: 750px) {
    .search-text-lg[b-pdofdiuy3v] {
        display: inline-block;
        min-width: 360px;
    }

    .search-text-lg[b-pdofdiuy3v]  .rz-form-field {
        width: 100%;
        margin-bottom: 0.5em;
    }

    .search-text-sm[b-pdofdiuy3v] {
        display: none;
    }
}
/* /Components/Pages/TrackedHorses.razor.rz.scp.css */
.tracker-item[b-o53jzud8qb] {
    display: flex;
    justify-content: space-between;
    gap: 1em;
}
.odds[b-o53jzud8qb] {
    border: 1px solid #535353;
    background-image: var(--gradient-background);
    width: 3em;
    height: 3em;
    text-align: center;
    border-radius: 20%;
    padding: 0.1em;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    margin: 0.1em;
    min-width: 3em;
    color: var(--primary-color);
}
.tracker-item div[b-o53jzud8qb] {
    margin-top: auto;
    margin-bottom: auto;
}
.tracker-item .tracker-name[b-o53jzud8qb] {
    font-size: 1em;
    flex-grow: 1;
}
.tracker-item  .race-entry[b-o53jzud8qb] {
    border-radius: 0.5em;
    background-image: var(--gradient-background);
    color: var(--primary-color);
    text-decoration: none;
    padding: 0.5em;
}

.odds .odds-price[b-o53jzud8qb] {
    padding: 0.15em 0.25em;
}

    .odds .odds-bookmaker[b-o53jzud8qb] {
        font-size: 0.5em;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.silks[b-o53jzud8qb] {
    position: relative;
}

    .silks img[b-o53jzud8qb] {
        height: 1.8em;
        margin-top: 0.5em;
    }

.search-text-lg[b-o53jzud8qb] {
    display: none;
}
.search-text-sm[b-o53jzud8qb] {
    display: block;
    width: 100%;
}
    .search-text-sm[b-o53jzud8qb]  .rz-form-field {
        width: 100%;
        margin-bottom: 0.5em;
    }


.entry-list .race-entry[b-o53jzud8qb] {
    text-decoration: none;
    color: var(--primary-color);
    display: flex;
    gap: 1em;
    justify-content: space-between;
    margin-bottom: 1em;
}
    .entry-list .race-entry .entry-horse[b-o53jzud8qb] {
        font-size: 1.2em;
        flex-basis: 100%;
        color: var(--primary-color);
    }

.entry-list .entry-details[b-o53jzud8qb] {
    flex-grow: 1;

}
.entry-list[b-o53jzud8qb]  .rz-datalist-data {
    margin: 1em;
}

.tracker-filter-container[b-o53jzud8qb] {
    padding: 0.5em;
    width: 100%;
    display: block;
}
.tracker-filter[b-o53jzud8qb] {
    display: flex;
    max-width: 800px;
    justify-content: space-between;
    margin: auto;
    flex-wrap: wrap;
    border-radius: 1em;
    border: 1px solid #535353;
    padding: 0.3em 0.5em;;
}
@media (max-width: 641px) {
    .tracker-filter[b-o53jzud8qb] {
        flex-direction: column;
    }
}
.profile-name-list[b-o53jzud8qb] {
    font-size: 0.7em;
}


.network-item[b-o53jzud8qb] {
    text-decoration: none;
    color: var(--primary-color);
    display: flex;
    gap: 1em;
    justify-content: space-between;
    padding: 0.2em;
    cursor: pointer;
}
    .network-item .network-profile-name[b-o53jzud8qb] {
        flex-grow: 1;
    }

    .network-item .network-following-status[b-o53jzud8qb] {
        font-size: 0.8em;
        padding: 0.3em;
        border-radius: 0.5em;
        font-weight: 500;
    }
    .network-following-status.blocked[b-o53jzud8qb] {
        background-color: var(--rz-danger);
    }

.network-following-status.public[b-o53jzud8qb] {
    background-color: var(--rz-base-light);
    color: var(--rz-base-dark);
}
.network-following-status.pending[b-o53jzud8qb] {
    background-color: var(--rz-warning-dark);
}
.network-following-status.following[b-o53jzud8qb] {
    background-color: var(--rz-success-dark);
}

.network-following-status.followed[b-o53jzud8qb] {
    background-color: var(--rz-info-dark);
}
.network-actions[b-o53jzud8qb] {
    display: flex;
    gap: 0.3em;
}
    .result-list .race-result .result-horse[b-o53jzud8qb] {
        font-size: 1.2em;
        flex-basis: 100%;
        color: var(--primary-color);
    }

    @media (min-width: 641px) {
        .silks img[b-o53jzud8qb] {
            height: 2.5em;
            margin-top: 0.5em;
        }

        .tracker-item .tracker-name[b-o53jzud8qb] {
            font-size: 1.2em;
        }
    }
@media (min-width: 750px) {
    .search-text-lg[b-o53jzud8qb] {
        display: inline-block;
        min-width: 300px;
    }

        .search-text-lg[b-o53jzud8qb]  .rz-form-field {
            width: 100%;
            max-width: 600px;
            margin-bottom: 0.5em;
        }

    .search-text-sm[b-o53jzud8qb] {
        display: none;
    }
}
/* /Components/Pages/Trainer.razor.rz.scp.css */

.entry-list .race-entry[b-l354o78t3x] {
    text-decoration: none;
    color: var(--primary-color);
    display: flex;
    gap: 1em;
    justify-content: space-between;
    margin-bottom: 1em;
}

.entry-list .entry-horse[b-l354o78t3x] {
    font-size: 1.2em;
    flex-basis: 100%;
    color: var(--primary-color);
}

.entry-list .entry-details[b-l354o78t3x] {
    flex-grow: 1;
}

.entry-list[b-l354o78t3x]  .rz-datalist-data {
    margin: 1em;
}


.silks[b-l354o78t3x] {
    position: relative;
}

.silks img[b-l354o78t3x] {
    height: 1.8em;
    margin-top: 0.5em;
}

/*.horse-data {
    font-size: 0.7em;
    color: #e5e5e5;
    display: flex;
    gap: 1em;
}*/

.odds[b-l354o78t3x] {
    border: 1px solid #535353;
    background-image: var(--gradient-background);
    width: 3em;
    height: 3em;
    text-align: center;
    border-radius: 20%;
    padding: 0.1em;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    margin: 0.1em;
    min-width: 3em;
    color: var(--primary-color);
}

.odds .odds-bookmaker[b-l354o78t3x] {
    font-size: 0.5em;
}

.search-text-lg[b-l354o78t3x] {
    display: none;
}

.search-text-sm[b-l354o78t3x] {
    display: block;
    width: 100%;
}

    .search-text-sm[b-l354o78t3x]  .rz-form-field {
        width: 100%;
        margin-bottom: 0.5em;
    }

.results-view-toggle[b-l354o78t3x] {
    margin: 1em;
    display: flex;
    width: 100%;
    gap: 0.75em;
    align-items: center;
    margin: auto;
    justify-content: end;
}

    .results-view-toggle.card-view[b-l354o78t3x] {
        max-width: 750px;
    }

.results-table-view[b-l354o78t3x] {
    width: calc(100% - 2em);
    margin: 0 1em 1em;
    border-collapse: collapse;
    font-size: 0.85em;
}

.results-table-view th[b-l354o78t3x],
.results-table-view td[b-l354o78t3x] {
    border-bottom: 1px solid #444;
    padding: 0.45em;
    text-align: left;
}

.results-table-view thead th[b-l354o78t3x] {
    color: var(--primary-color);
    font-weight: 700;
    background: rgba(255, 255, 255, 0.04);
}

.results-table-view td a[b-l354o78t3x] {
    color: var(--primary-color);
    text-decoration: none;
}

.results-page-controls[b-l354o78t3x] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75em;
    margin: 0 1em 1em;
}

.results-page-summary[b-l354o78t3x] {
    font-size: 0.85em;
}

@media (min-width: 641px) {
    .silks img[b-l354o78t3x] {
        height: 2.5em;
    }

}

@media (min-width: 750px) {
    .search-text-lg[b-l354o78t3x] {
        display: inline-block;
        min-width: 300px;
    }

        .search-text-lg[b-l354o78t3x]  .rz-form-field {
            width: 100%;
            max-width: 600px;
            margin-bottom: 0.5em;
        }

    .search-text-sm[b-l354o78t3x] {
        display: none;
    }
}


/* /Components/Shared/Forms/CyrilsNagsSelectBar.razor.rz.scp.css */
.cn-select-bar[b-4amxpnax4q] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.cn-select-bar-item[b-4amxpnax4q] {
    cursor: pointer;
    flex: 1 1 0px;
    color: var(--primary-color);
    text-align: center;
    font-size: 1em;
    width: 100%;
    margin: 0;
    padding: 0;
    text-wrap: nowrap;
}
    .cn-select-bar-item.show-help .cn-select-bar-help-button[b-4amxpnax4q] {
        display: none;
    }

    .cn-select-bar-item .cn-select-bar-item-title[b-4amxpnax4q] {
        display: block;
        padding: 0.3em;
    }

.cn-select-bar-item-help[b-4amxpnax4q] {
    font-size: 0.6em;
    font-weight: 300;
    text-wrap: wrap;
    margin-bottom: 0.5em;
    padding: 0.15em;

}


@media(max-width: 641px) {
    .cn-select-bar-item:not(:first-of-type)[b-4amxpnax4q] {
        border-top: 0.5px solid #4a4949;
    }
}
    @media (min-width: 641px) {
        .cn-select-bar[b-4amxpnax4q] {
            flex-direction: row;
            font-size: 1em;
        }
        .cn-select-bar-item:not(:first-of-type)[b-4amxpnax4q] {
            border-left: 0.5px solid #4a4949;
        }
        
        .cn-select-bar-item.show-help .cn-select-bar-item-help[b-4amxpnax4q] {
            display: block;
        }
    }
@media (min-width: 1200px) {
    .cn-select-bar[b-4amxpnax4q] {
        font-size: 1.2em;
    }
}

.cn-select-bar-item.selected[b-4amxpnax4q] {
    background: var(--gradient-background);
    font-weight: bold;
    border: 1px solid #FFF;
}
/* /Components/Shared/Forms/CyrilsNagsToggle.razor.rz.scp.css */
.cn-toggle[b-lo0w4b7jo5] {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 0.3em;
    font-size: 1em;
}
.cn-toggle .help-icon[b-lo0w4b7jo5] {}

    .cn-toggle[b-lo0w4b7jo5]  .toggle-icon .rzi {
        color: #ff0000;
    }
    .cn-toggle.selected[b-lo0w4b7jo5] {
        color: var(--primary-color);
        background: var(--gradient-background);
    }
        .cn-toggle.selected .toggle-icon[b-lo0w4b7jo5]  .rzi {
            color: #00ff21;
        }
        .cn-toggle.disabled[b-lo0w4b7jo5] {
            color: var(--primary-color);
            font-weight: bold;
        }
    .cn-toggle .toggle-label[b-lo0w4b7jo5] {
        color: var(--primary-color);
        font-size: 1em;
        flex-grow: 1;
        margin-left: 0.5em;
    }
@media (min-width: 641px) {
    .cn-toggle .toggle-label[b-lo0w4b7jo5] {
        font-size: 1em;
    }
}

@media (min-width: 1200px) {
    .cn-toggle .toggle-label[b-lo0w4b7jo5] {
        font-size: 1.2em;
    }
}
/* /Components/Shared/Racecard.razor.rz.scp.css */
/* /Components/Shared/RaceMenu.razor.rz.scp.css */
.region-container[b-dhmytmu6xs] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.region-races[b-dhmytmu6xs] {
    width: 100%;
    max-width: 800px;
    margin: 0em auto 2em auto;
}

.races-date-picker[b-dhmytmu6xs] {
    width: 100%;
    display: flex;
    justify-content: start;
    gap: 1em;
    max-width: 800px;
    margin: 0em auto 2em auto;
}
.racecourse-title[b-dhmytmu6xs] {
    display: flex;
    justify-content: start;
}

    .racecourse-title.abandoned[b-dhmytmu6xs] {
        color: #808080;
    }

    .racecourse-title h6[b-dhmytmu6xs] {
        flex-grow: 0;
    }

    .racecourse-title .course-select[b-dhmytmu6xs] {
        font-size: 1em;
        margin: 0 0.25em;
        color: var(--primary-color);
    }

        .racecourse-title .course-select[b-dhmytmu6xs]  i.rzi {
            font-size: 1em;
            cursor: pointer;
            color: var(--primary-color);
        }

.itv-racing-button[b-dhmytmu6xs] {
    cursor: pointer;
    background-color: #007658;
    border-radius: 0.5em;
    padding: 0.5em;
    margin-bottom: 0.5em;
}
    .itv-racing-button.disabled[b-dhmytmu6xs] {
        cursor: pointer;
        background-color: #808080;
    }
    .itv-racing-button img[b-dhmytmu6xs] {
        height: 2em;
        width: 2em;
    }
    .itv-racing-button.disabled img[b-dhmytmu6xs] {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }
    .itv-racing-button span[b-dhmytmu6xs] {
        color: #FFF;
    }
    .race-time-menu .race-time[b-dhmytmu6xs] {
        padding: 5px 5px;
        position: relative;
        display: block;
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1em;
        background-color: transparent;
        box-shadow: none;
        border: none;
        margin: 0.1em;
    }

        .race-time-menu .race-time.itv-race[b-dhmytmu6xs]::after {
            content: '';
            display: inline-block;
            position: absolute;
            top: 0.1em;
            right: 0;
            width: 0.5em;
            height: 0.5em;
            vertical-align: top;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #007658;
        }
        .race-time-menu .race-time.result[b-dhmytmu6xs]::after {
            content: '';
            display: inline-block;
            position: absolute;
            top: 0;
            right: 0;
            width: 0.5em;
            height: 0.5em;
            vertical-align: top;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            border: 2px solid #ff0000;
            background-color: #fff;
        }
    .race-time-menu .race-time.abandoned[b-dhmytmu6xs] {
        color: #808080;
    }

    .race-time-menu .race-time.selected[b-dhmytmu6xs] {
        color: #FFF;
        background-color: rgb(0, 255, 0, 0.15);
        font-weight: bold;
        border-radius: 0.4em;
    }

.race-time[b-dhmytmu6xs] {
}

    .race-time.abandoned[b-dhmytmu6xs] {
        color: #808080;
    }

@media (min-width: 1000px) {
    .region-container[b-dhmytmu6xs] {
        margin: 0em 2em;
    }

    .region-races.responsive[b-dhmytmu6xs] {
        width: 50%;
    }
}
/* /Components/Shared/RunnerDialog.razor.rz.scp.css */
body[b-fbmmmrl3oi] {
}