@import '_content/ScoreCapture.Web.Shared/ScoreCapture.Web.Shared.jdfm1b3vpb.bundle.scp.css';

/* _content/ScoreCapture.Web/Components/Account/Pages/Login.razor.rz.scp.css */
/* Basic Reset & Global Styles */
:root[b-5m0b71ekyb] {
    --primary-color: #6dbd66; /* Main green */
    --primary-dark-color: #4caf50; /* Darker green for sections */
    --text-color-dark: #333;
    --text-color-light: #fff;
    --background-light: #f0f8f0; /* Light green for pattern overlay */
    --border-color: #ddd;
    --input-border-focus: #5cb356;
    --card-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    --font-family: 'Inter', sans-serif;
}

*[b-5m0b71ekyb] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



.login-page-container[b-5m0b71ekyb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.login-box[b-5m0b71ekyb] {
    background-color: #fff;
    padding: 30px 40px;
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    width: 100%;
    max-width: 420px;
    text-align: center;
}

.login-logo img[b-5m0b71ekyb] {
    max-width: 200px;
    margin-bottom: 20px;
}

.login-box h2[b-5m0b71ekyb] {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--text-color-dark);
}

.login-box .subtitle[b-5m0b71ekyb] {
    font-size: 1rem;
    color: #666;
    margin-bottom: 25px;
}

.form-group[b-5m0b71ekyb] {
    margin-bottom: 20px !important;
    text-align: left !important;
}

    .form-group label[b-5m0b71ekyb] {
        display: block !important;
        font-size: 0.9rem !important;
        font-weight: 500 !important;
        margin-bottom: 6px !important;
        color: #555 !important;
    }

    .form-group input[type="email"][b-5m0b71ekyb],
    .form-group input[type="password"][b-5m0b71ekyb] {
        width: 100% !important;
        padding: 12px 15px !important;
        border: 1px solid var(--border-color) !important;
        border-radius: 8px !important;
        font-size: 1rem !important;
        transition: border-color 0.3s ease !important;
    }

        .form-group input[type="email"]:focus[b-5m0b71ekyb],
        .form-group input[type="password"]:focus[b-5m0b71ekyb] {
            outline: none !important;
            border-color: var(--input-border-focus) !important;
            box-shadow: 0 0 0 2px rgba(var(--primary-color), 0.2) !important;
        }

.form-options[b-5m0b71ekyb] {
    display: flex;
    justify-content: flex-end; /* Aligns "Forgot Password" to the right */
    margin-bottom: 20px;
}

.forgot-password[b-5m0b71ekyb] {
    font-size: 0.9rem;
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
}

    .forgot-password:hover[b-5m0b71ekyb] {
        text-decoration: underline;
    }

.btn-login[b-5m0b71ekyb] {
    width: 100%;
    background-color: var(--primary-color);
    color: var(--text-color-light);
    padding: 14px 20px;
    border: none;
    border-radius: 25px; /* Consistent with website buttons */
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
}

    .btn-login:hover[b-5m0b71ekyb] {
        background-color: var(--primary-dark-color);
    }

.signup-redirect[b-5m0b71ekyb] {
    margin-top: 25px;
    font-size: 0.95rem;
    color: #555;
}

    .signup-redirect a[b-5m0b71ekyb] {
        color: var(--primary-color);
        font-weight: 600;
        text-decoration: none;
    }

        .signup-redirect a:hover[b-5m0b71ekyb] {
            text-decoration: underline;
        }

.login-footer[b-5m0b71ekyb] {
    margin-top: 30px;
    text-align: center;
    font-size: 0.85rem;
    color: #777; /* Slightly darker than white for visibility on pattern */
}

    .login-footer p[b-5m0b71ekyb] {
        color: #555; /* Making footer text a bit darker for readability on the pattern */
    }


/* Responsive adjustments */
@media (max-width: 480px) {
    .login-box[b-5m0b71ekyb] {
        padding: 25px 20px;
        margin-top: 20px; /* Give some space from top edge on small screens */
    }

    .login-logo img[b-5m0b71ekyb] {
        max-width: 160px;
    }

    .login-box h2[b-5m0b71ekyb] {
        font-size: 1.6rem;
    }

    .btn-login[b-5m0b71ekyb] {
        padding: 12px 18px;
        font-size: 1rem;
    }
}

/* _content/ScoreCapture.Web/Components/Account/Pages/Login2.razor.rz.scp.css */



*[b-hqoshjxrph] {
    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin: 0;
}

.loginbox[b-hqoshjxrph] {
    margin: 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

h4[b-hqoshjxrph] {
    font-size: 24px;
    font-weight: 600;
    color: #59974E;
    opacity: 0.85;
}

label[b-hqoshjxrph] {
    font-size: 12.5px;
    color: #59974E;
    opacity: 0.8;
    font-weight: 400;
}

.loginform[b-hqoshjxrph] {
    padding: 40px 30px !important;
    background: #fefefe;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
}

    .loginform h4[b-hqoshjxrph] {
        margin-bottom: 20px;
        color: rgba(0, 0, 0, 0.5);
    }

        .loginform h4 span[b-hqoshjxrph] {
            color: #59974E;
            font-weight: 700;
        }

    .loginform p[b-hqoshjxrph] {
        line-height: 155%;
        margin-bottom: 5px;
        font-size: 14px;
        color: #000;
        opacity: 0.65;
        font-weight: 400;
        max-width: 200px;
        margin-bottom: 40px;
    }

a.discrete[b-hqoshjxrph] {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    border-bottom: solid 1px rgba(0, 0, 0, 0);
    padding-bottom: 4px;
    margin-left: auto;
    font-weight: 300;
    transition: all 0.3s ease;
    margin-top: 40px;
}

    a.discrete:hover[b-hqoshjxrph] {
        border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    }

button[b-hqoshjxrph] {
    -webkit-appearance: none;
    width: auto;
    min-width: 100px;
    border-radius: 24px;
    text-align: center;
    padding: 15px 40px;
    margin-top: 5px;
    background-color: #59974E;
    color: #fff;
    font-size: 14px;
    margin-left: auto;
    font-weight: 500;
    box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.13);
    border: none;
    transition: all 0.3s ease;
    outline: 0;
}

    button:hover[b-hqoshjxrph] {
        transform: translateY(-3px);
        box-shadow: 0 2px 6px -1px rgba(182, 157, 230, 0.65);
    }

        button:hover:active[b-hqoshjxrph] {
            transform: scale(0.99);
        }

input[b-hqoshjxrph] {
    font-size: 16px;
    padding: 20px 0px;
    height: 56px;
    border: none;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    background: #fff;
    min-width: 280px;
    box-sizing: border-box;
    transition: all 0.3s linear;
    color: #000;
    font-weight: 400;
    -webkit-appearance: none;
}

    input:focus[b-hqoshjxrph] {
        border-bottom: solid 1px #b69de6;
        outline: 0;
        box-shadow: 0 2px 6px -8px rgba(182, 157, 230, 0.45);
    }

.floating-label[b-hqoshjxrph] {
    position: relative;
    margin-bottom: 10px;
}

    .floating-label label[b-hqoshjxrph] {
        position: absolute;
        top: calc(50% - 7px);
        left: 0;
        opacity: 0;
        transition: all 0.3s ease;
    }

    .floating-label input:not(:-moz-placeholder-shown)[b-hqoshjxrph] {
        padding: 28px 0px 12px 0px;
    }

    .floating-label input:not(:-ms-input-placeholder)[b-hqoshjxrph] {
        padding: 28px 0px 12px 0px;
    }

    .floating-label input:not(:placeholder-shown)[b-hqoshjxrph] {
        padding: 28px 0px 12px 0px;
    }

    .floating-label input:not(:-moz-placeholder-shown) + label[b-hqoshjxrph] {
        transform: translateY(-10px);
        opacity: 0.7;
    }

    .floating-label input:not(:-ms-input-placeholder) + label[b-hqoshjxrph] {
        transform: translateY(-10px);
        opacity: 0.7;
    }

    .floating-label input:not(:placeholder-shown) + label[b-hqoshjxrph] {
        transform: translateY(-10px);
        opacity: 0.7;
    }

.session[b-hqoshjxrph] {
    display: flex;
    flex-direction: row;
    width: auto;
    height: auto;
    margin: auto auto;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.12);
}

.left[b-hqoshjxrph] {
    width: 220px;
    height: auto;
    min-height: 100%;
    position: relative;
    background-image: url("/images/courses/bearmtn.jpg");
    background-size: cover;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .left svg[b-hqoshjxrph] {
        height: 40px;
        width: auto;
        margin: 20px;
    }
/* _content/ScoreCapture.Web/Components/App.razor.rz.scp.css */
#reconnect-modal[b-ixgqv0x7oe] {
    /*display: none;*/ /*Hidden by default */
    /*display: block !important;*/
    position: fixed; /*  Stay in place */
    z-index: 10000; /*Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(255,255,255); /*Fallback color */
    background-color: rgba(255,255,255,0.7); /*White w/ opacity */
    background: rgba(19, 34, 40, 0.9); /*PaletteSecondary w/ opacity */

    color: #000000;
    border: 1px solid #888;
    padding-top: 12vh;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: var(--mud-palette-primary);
    margin: auto;
}

#reconnect-modal .inner[b-ixgqv0x7oe] {
    display: inline-block;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    padding: 1vh 5vw 3vh;
}
    #reconnect-modal .inner[b-ixgqv0x7oe]  .logo {
        background: var(--mud-palette-secondary);
        padding: 10px;
        border-radius: 5px;
    }
/* _content/ScoreCapture.Web/Components/Features/Activity/DisplayGolfActivity.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Features/Activity/DisplayGolfActivityHeader.razor.rz.scp.css */
.drilldownprofilepicture[b-qatb7nurp8] {
    border-radius: 15px;
    border-radius: 35% 0% 30% 0% / 35% 0% 30% 0%;
    width: 100px;
    height: 80px;
    background-color: grey;
    border-right-width: 5px;
    border-bottom-width: 5px;
    /*background-image: url('/images/defaultcourse.jpg')*/
    /**/
    position: absolute;
    left: -40px;
    top: 0;
    background-position: center;
    background-size: cover;
}


@media (max-width: 700px) {
    .drilldownprofilepicture[b-qatb7nurp8] {
        width: 60px;
        height: 50px;
        left: -20px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Activity/DisplayGolfActivityHoleAnalysis.razor.rz.scp.css */

[b-0gua8qgcqu] table {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
}

[b-0gua8qgcqu] thead {
}

[b-0gua8qgcqu] th {
    background-color: #122D2A;
    background: var(--mud-palette-dark);
    color: white !important;
}

@media (min-width: 400px) {
    [b-0gua8qgcqu] th:nth-child(1) {
        border-top-left-radius: 20px;
    }

    [b-0gua8qgcqu] th:nth-last-child(1) {
        border-top-right-radius: 20px;
    }
}

[b-0gua8qgcqu] th:not(.player),
[b-0gua8qgcqu] td:not([data-label="Players"]) {
    min-width: 50px;
    width: 5%;
    text-align: center;
}

[b-0gua8qgcqu] table td[data-label="Team"] {
    width: 10%;
    padding: 3px 8px;
}

    [b-0gua8qgcqu] table td[data-label="Team"] .mud-chip {
        margin: 0px;
    }

[b-0gua8qgcqu] table td[data-label="Hole"],
[b-0gua8qgcqu] table td[data-label="Today"],
[b-0gua8qgcqu] table td[data-label="Round"] {
    width: 8%;
}




[b-0gua8qgcqu] .mud-table-cell {
    border-bottom: 0 !important;
    padding: 8px;
}

    [b-0gua8qgcqu] .mud-table-cell,
    [b-0gua8qgcqu] .mud-table-cell * {
        user-select: none;
    }


[b-0gua8qgcqu] .player-name {
    padding: 1px 0 1px 18px;
    text-indent: -18px;
}

    [b-0gua8qgcqu] .player-name .countryflag {
        width: 15px;
        /*vertical-align: middle;*/
        margin-bottom: -3px;
    }


/*-- position striping --*/

/*::deep .mud-table-row:has(> td.pos-even) */
[b-0gua8qgcqu] .mud-table-row:nth-of-type(even) {
    background-color: transparent;
}

/*::deep .mud-table-row:has(> td.pos-odd)*/
[b-0gua8qgcqu] .mud-table-row:nth-of-type(odd) {
    background-color: var(--mud-palette-gray-light);
}

/*-- position striping *** old duplicate test --*/

[b-0gua8qgcqu] :has(> td.pos-dupe) ~ .mud-table-row:nth-of-type(even) {
    /* elements after .dupe */
    background-color: var(--mud-palette-gray-light);
}

[b-0gua8qgcqu] :has(> td.pos-dupe) ~ .mud-table-row:nth-of-type(odd) {
    /* elements after .dupe */
    background-color: transparent;
}

[b-0gua8qgcqu] .mud-table-row:nth-of-type(even) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) {
    /* style first .dupe by seeing whether it is immediately next to an even row */
    background-color: var(--mud-palette-gray-light);
}

    [b-0gua8qgcqu] .mud-table-row:nth-of-type(even) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) ~ :has(> td.pos-dupe) {
        /* style subsequent .dupe by seeing whether the first .dupe is immediately next to an even row */
        background-color: var(--mud-palette-gray-light);
    }

[b-0gua8qgcqu] .mud-table-row:nth-of-type(odd) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) {
    /* style first .dupe by seeing whether it is immediately next to an odd row */
    background-color: transparent;
}

    [b-0gua8qgcqu] .mud-table-row:nth-of-type(odd) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) ~ :has(> td.pos-dupe) {
        /* style subsequent .dupe by seeing whether the first .dupe is immediately next to an odd row */
        background-color: transparent;
    }
/* _content/ScoreCapture.Web/Components/Features/Activity/DisplayGolfActivityPlayedWithProfileImageStack.razor.rz.scp.css */
.played-with[b-inxj6dw7he]  .starticon {
    width: 25px;
    height: 35px;
    border: 1px solid #FFF;
    border-radius: 100%;
    box-shadow: 0 0 69px -11px rgba(0, 0, 0, 1);
}

.played-with[b-inxj6dw7he]  .profile-image {
    border-radius: 100%;
    width: 35px;
    height: 35px;
}
/* _content/ScoreCapture.Web/Components/Features/Activity/DisplayGolfActivityScoreCard.razor.rz.scp.css */
table[b-dnuezj03dd] {
    border-spacing: 0px;
    border-width: 0px;
    margin: 0px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    border-collapse: collapse;
}

td[b-dnuezj03dd] {
    min-width: 25px;
    min-height: 25px;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

    td .underline[b-dnuezj03dd] {
        border-bottom: 1px solid var(--mud-palette-dark);
    }




.dot[b-dnuezj03dd] {
    height: 3px;
    width: 3px;
    background-color: black;
    border-radius: 50%;
    display: inline-block;
    margin: 1px;
}

.nodot[b-dnuezj03dd] {
    height: 3px;
    width: 3px;
    display: inline-block;
    margin: 1px;
}


.scorecardrowtitle[b-dnuezj03dd] {
    text-align: left;
}

.titleRow[b-dnuezj03dd] {
    background-color: rgba(225, 225, 225, 0.29);
}

.totalColumn[b-dnuezj03dd] {
    background-color: rgba(40, 65, 62, 0.08)
}




.holescore[b-dnuezj03dd] {
    min-width: 15px;
    text-align: center;
}

@media (min-width: 600px) {
    .holescore[b-dnuezj03dd] {
        margin: auto;
    }
}

.condor[b-dnuezj03dd] {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #B274B7;
    border-width: 2px;
    max-width: 22px;
}

.albatross[b-dnuezj03dd] {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #D9D768;
    border-width: 2px;
    max-width: 22px;
}

.eagle[b-dnuezj03dd] {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #EBAC4B;
    border-width: 2px;
    max-width: 22px;
}

.birdie[b-dnuezj03dd] {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #FE0000;
    border-width: 2px;
    max-width: 22px;
}

.bogey[b-dnuezj03dd] {
    border-radius: 5px;
    border-color: #76FAFC;
    border-width: 2px;
    max-width: 22px;
}

.doublebogey[b-dnuezj03dd] {
    border-radius: 5px;
    border-color: #0000FE;
    border-width: 2px;
    max-width: 22px;
}

.triplebogey[b-dnuezj03dd] {
    border-radius: 5px;
    border-color: #793EBF;
    border-width: 2px;
    max-width: 22px;
}

.nightmare[b-dnuezj03dd] {
    border-radius: 5px;
    border-color: #5F3C28;
    border-width: 2px;
    max-width: 22px;
}

@media (max-width: 450px) {
    .condor[b-dnuezj03dd], .albatross[b-dnuezj03dd], .eagle[b-dnuezj03dd], .birdie[b-dnuezj03dd], .bogey[b-dnuezj03dd], .doublebogey[b-dnuezj03dd], .triplebogey[b-dnuezj03dd], .nightmare[b-dnuezj03dd] {
        width: 20px;
        margin: auto -3px !important;
    }
}


.pickup span[b-dnuezj03dd] {
    position: relative;
    z-index: 2;
}

.pickup[b-dnuezj03dd] {
    position: relative;
    max-width: 22px;
    text-align: center;
}

    .pickup[b-dnuezj03dd]:before,
    .pickup[b-dnuezj03dd]:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

    .pickup[b-dnuezj03dd]:before {
        background: linear-gradient(to top right, transparent calc(50% - 1px), lightgrey 50%, transparent calc(50% + 1px) );
    }

    .pickup[b-dnuezj03dd]:after {
        background: linear-gradient(to left top, transparent calc(50% - 1px), lightgrey 50%, transparent calc(50% + 1px) );
    }
/* _content/ScoreCapture.Web/Components/Features/Activity/DisplayGolfActivityScoreCard_Mini.razor.rz.scp.css */
table[b-pj3eg8laio] {
    border-spacing: 0px;
    border-width: 0px;
    margin: 0px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    border-collapse: collapse;
}

td[b-pj3eg8laio] {
    min-width: 25px;
    min-height: 25px;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

    td .underline[b-pj3eg8laio] {
        border-bottom: 1px solid var(--mud-palette-dark);
    }


@media (max-width: 960px) {
    td:not(.scorecardrowtitle)[b-pj3eg8laio] {
        max-width: 25px;
        padding: 3px;
    }
    td.totalColumn[b-pj3eg8laio] {
        padding: 0px;
    }
}


table[b-pj3eg8laio]  .dot {
    height: 3px;
    width: 3px;
    background-color: black;
    border-radius: 50%;
    display: inline-block;
    margin: 1px;
}

table[b-pj3eg8laio]  .nodot {
    height: 3px;
    width: 3px;
    display: inline-block;
    margin: 1px;
}


table[b-pj3eg8laio]  .scorecardrowtitle {
    text-align: left;
}

table[b-pj3eg8laio]  .titleRow {
    background-color: rgba(225, 225, 225, 0.29);
}

table[b-pj3eg8laio]  .totalColumn {
    background-color: rgba(40, 65, 62, 0.08)
}




table[b-pj3eg8laio]  .holescore {
    min-width: 15px;
    text-align: center;
    margin: auto;
}

/*@media (min-width: 600px) {
    .holescore {
        margin: auto;
    }
}*/

table[b-pj3eg8laio]  .condor {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #B274B7;
    border-width: 2px;
    max-width: 22px;
}

table[b-pj3eg8laio]  .albatross {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #D9D768;
    border-width: 2px;
    max-width: 22px;
}

table[b-pj3eg8laio]  .eagle {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #EBAC4B;
    border-width: 2px;
    max-width: 22px;
}

table[b-pj3eg8laio]  .birdie {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #FE0000;
    border-width: 2px;
    max-width: 22px;
}

table[b-pj3eg8laio]  .bogey {
    border-radius: 5px;
    border-color: #76FAFC;
    border-width: 2px;
    max-width: 22px;
}

table[b-pj3eg8laio]  .doublebogey {
    border-radius: 5px;
    border-color: #0000FE;
    border-width: 2px;
    max-width: 22px;
}

table[b-pj3eg8laio]  .triplebogey {
    border-radius: 5px;
    border-color: #793EBF;
    border-width: 2px;
    max-width: 22px;
}

table[b-pj3eg8laio]  .nightmare {
    border-radius: 5px;
    border-color: #5F3C28;
    border-width: 2px;
    max-width: 22px;
}

@media (max-width: 450px) {
    table[b-pj3eg8laio]  .condor, table[b-pj3eg8laio]  .albatross, table[b-pj3eg8laio]  .eagle, table[b-pj3eg8laio]  .birdie, table[b-pj3eg8laio]  .bogey, table[b-pj3eg8laio]  .doublebogey, table[b-pj3eg8laio]  .triplebogey, table[b-pj3eg8laio]  .nightmare {
        width: 20px;
        margin: auto !important;
    }
}


table[b-pj3eg8laio]  .pickup span {
    position: relative;
    z-index: 2;
}

table[b-pj3eg8laio]  .pickup {
    position: relative;
    max-width: 22px;
    text-align: center;
}

    table[b-pj3eg8laio]  .pickup:before,
    table[b-pj3eg8laio]  .pickup:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

    table[b-pj3eg8laio]  .pickup:before {
        background: linear-gradient(to top right, transparent calc(50% - 1px), lightgrey 50%, transparent calc(50% + 1px) );
    }

    table[b-pj3eg8laio]  .pickup:after {
        background: linear-gradient(to left top, transparent calc(50% - 1px), lightgrey 50%, transparent calc(50% + 1px) );
    }
/* _content/ScoreCapture.Web/Components/Features/Activity/DisplayMyGolfActivity.razor.rz.scp.css */
[b-y5t1gxi671] .activityCourseName {
    line-height: 18px;
    margin: 0 0 3px;
}

[b-y5t1gxi671] .activityClubName {
    line-height: 16px;
}

[b-y5t1gxi671] .activityDate {
   /* line-height: 16px;*/
}

@media (max-width: 500px) {

    [b-y5t1gxi671] .activityClubName {
        line-height: 15px;
        font-size: 12px;
    }

    [b-y5t1gxi671] .activityDate {
        font-size: 12px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Activity/DisplayMyGolfActivityStats.razor.rz.scp.css */


/* -- StatCards --- --- --- --- --- --- --- --- --- --- --- --- --- ---*/

@media (min-width: 600px) and (max-width: 900px) {
    [b-vddzyo0g9j] .StatCards .StatCard {
        padding: 0 15px !important;
    }

        [b-vddzyo0g9j] .StatCards .StatCard .stat-title {
            font-size: 25px;
            line-height: 25px;
        }

        [b-vddzyo0g9j] .StatCards .StatCard .stat-value {
            font-size: 28px;
            line-height: 25px;
        }
}

@media (min-width: 600px) and (max-width: 700px) {
    [b-vddzyo0g9j] .StatCards .StatCard {
    }

        [b-vddzyo0g9j] .StatCards .StatCard .stat-title {
            font-size: 20px;
            line-height: 23px;
        }

        [b-vddzyo0g9j] .StatCards .StatCard .stat-value {
            font-size: 25px;
            line-height: 23px;
        }
}

/* -- PositionCards --- --- --- --- --- --- --- --- --- --- --- --- --- ---*/

@media (min-width: 600px) and (max-width: 1035px) {
    [b-vddzyo0g9j] .PositionCards .PositionCard {
        height: 69px;
        width: 69px;
    }

        [b-vddzyo0g9j] .PositionCards .PositionCard .pos-value {
            font-size: 23px;
        }

        [b-vddzyo0g9j] .PositionCards .PositionCard .pos-title {
            font-size: 12px;
        }
}

@media (min-width: 600px) and (max-width: 755px) {

    [b-vddzyo0g9j] .PositionCards > div {
        flex-grow: 1;
    }
    
    [b-vddzyo0g9j] .PositionCards .PositionCard {
        height: 60px;
        width: 100%;
    }

        [b-vddzyo0g9j] .PositionCards .PositionCard .pos-value {
            font-size: 21px;
        }

}
/* _content/ScoreCapture.Web/Components/Features/Activity/RoundScore.razor.rz.scp.css */

.roundscore[b-xtxcbvqseh] {
    color: white !important;
    width: 50px;
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 1;
}

    .roundscore[b-xtxcbvqseh]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .roundscore.roundscorelarge[b-xtxcbvqseh] {
        font-weight: bold;
        font-size: 24px;
        width: 65px;
    }

        .roundscore.roundscorelarge[b-xtxcbvqseh]:after {
            width: 65px;
            height: 50px;
        }

.roundscore.ts_under[b-xtxcbvqseh]:after {
    background-color: var(--mud-palette-error);
    color: white !important;
}

.roundscore.ts_over[b-xtxcbvqseh]:after {
    background-color: var(--mud-palette-info);
}

.roundscore.ts_even[b-xtxcbvqseh]:after {
    background-color: var(--mud-palette-gray-darker);
}

.roundscore.no_score[b-xtxcbvqseh],
.roundscore.no_score[b-xtxcbvqseh]:after {
    background-color: transparent;
    color: black !important;
}

@media (max-width: 700px) {
    .roundscore[b-xtxcbvqseh]:after {
        width: 30px;
        height: 30px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Activity/ScoreBadge.razor.rz.scp.css */
/*:root*/
.net-badge[b-3de01cuao9] {
    --badge-size: 50px;
    --badge-bg: #1b3a26; /* dark green */
    --badge-border: #ffffff; /* white */
    --badge-outline-color: var(--mud-palette-dark);
    --text-color: #ffffff; /* white */
    --border-width: 1.5px;
    --outline-width: 3px;
}

    .net-badge.ts_under[b-3de01cuao9] {
        --badge-outline-color: var(--mud-palette-error);
    }

    .net-badge.ts_over[b-3de01cuao9] {
        --badge-outline-color: var(--mud-palette-info);
    }

.net-badge[b-3de01cuao9] {
    position: relative !important;
    width: var(--badge-size);
    height: var(--badge-size);
    border-radius: 50%;
    background-color: var(--badge-bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 var(--outline-width) var(--badge-outline-color), inset 0 0 0 var(--border-width) var(--badge-border);
    box-shadow: 0 0 0 var(--border-width) var(--badge-border), var(--border-width) var(--border-width) 0 var(--outline-width) var(--badge-outline-color), Calc(var(--border-width) * -1) Calc(var(--border-width) * -1) 0 var(--outline-width) var(--badge-outline-color), var(--border-width) Calc(var(--border-width) * -1) 0 var(--outline-width) var(--badge-outline-color), Calc(var(--border-width) * -1) var(--border-width) 0 var(--outline-width) var(--badge-outline-color), inset 0 0 5px var(--border-width) var(--badge-outline-color);
    font-family: Arial, sans-serif;
    color: var(--text-color);
    font-weight: bold;
    font-size: 8px; /* calc(var(--badge-size) * 0.25); */
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

    .net-badge .label[b-3de01cuao9] {
        display: block;
        font-size: calc(var(--badge-size) * 0.20);
        line-height: 12px;
        text-transform: uppercase;
    }

    .net-badge .value[b-3de01cuao9] {
        display: block;
        font-size: calc(var(--badge-size) * 0.45);
        line-height: 1;
        margin: 1px auto;
    }

    .net-badge .total[b-3de01cuao9] {
        display: block;
        font-size: calc(var(--badge-size) * 0.21);
        line-height: 1;
    }

    .net-badge:has(.total) .label[b-3de01cuao9] {
        font-size: calc(var(--badge-size) * 0.18);
        line-height: 12px;
        margin-top: 3px;
    }

    .net-badge:has(.total) .value[b-3de01cuao9] {
        line-height: 19px;
    }


@media(max-width: 750px) {
    .net-badge[b-3de01cuao9] {
        --badge-size: 40px;
    }
        .net-badge:has(.total) .label[b-3de01cuao9] {
            font-size: calc(var(--badge-size) * 0.20);
            line-height: 8px;
            margin-top: 6px;
        }
        .net-badge:has(.total) .value[b-3de01cuao9] {
            font-size: calc(var(--badge-size) * 0.43);
            line-height: 11px;
            margin: 2px auto 3px;
        }
        .net-badge .total[b-3de01cuao9] {
            font-size: calc(var(--badge-size) * 0.23);
        }
}
/* _content/ScoreCapture.Web/Components/Features/Admin/Associations/Edit/EditAssociationImages.razor.rz.scp.css */
.img-preview[b-thjp3714yc] {
    position: relative;
    width: 125px;
    height: 125px;
}

    .img-preview[b-thjp3714yc]  img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .img-preview:hover[b-thjp3714yc]  .img-edit,
    .img-preview:hover[b-thjp3714yc]  .img-delete-request {
        display: inline-block;
    }

    .img-preview[b-thjp3714yc]  .img-edit {
        display: none;
        position: absolute;
        margin: auto !important;
        top: -5px;
        left: -5px;
        background: linear-gradient(-45deg, transparent 40%, var(--mud-palette-info) 0) top left;
        box-shadow: none;
    }

        .img-preview[b-thjp3714yc]  .img-edit .mud-icon-button-label {
            top: -3px;
            left: -3px;
            position: relative;
        }

    .img-preview[b-thjp3714yc]  .img-delete-request {
        display: none;
        position: absolute;
        bottom: -5px;
        left: -5px;
        background: linear-gradient(-135deg, transparent 40%, var(--mud-palette-error) 0);
        box-shadow: none;
    }

        .img-preview[b-thjp3714yc]  .img-delete-request .mud-icon-button-label {
            bottom: -3px;
            left: -3px;
            position: relative;
        }

[b-thjp3714yc] .GalleriesGroupItem div[role="group"],
[b-thjp3714yc] .AdvertsGroupItem div[role="group"],
[b-thjp3714yc] .BannersGroupItem div[role="group"] {
    padding: 5px;
    max-height: 50vh;
    overflow-y: scroll;
}

[b-thjp3714yc] .BannersGroupItem .mud-paper {
    max-width: none !important;
    /* max-height: none; */
    width: 100%;
}

    [b-thjp3714yc] .BannersGroupItem .mud-paper img {
        width: 100%;
    }
/* _content/ScoreCapture.Web/Components/Features/Admin/Clubs/Edit/EditClubImages.razor.rz.scp.css */
.img-preview[b-89g7bieo9m] {
    position: relative;
    width: 125px;
    height: 125px;
}

    .img-preview[b-89g7bieo9m]  img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .img-preview:hover[b-89g7bieo9m]  .img-edit,
    .img-preview:hover[b-89g7bieo9m]  .img-delete-request {
        display: inline-block;
    }

    .img-preview[b-89g7bieo9m]  .img-edit {
        display: none;
        position: absolute;
        margin: auto !important;
        top: -5px;
        left: -5px;
        background: linear-gradient(-45deg, transparent 40%, var(--mud-palette-info) 0) top left;
        box-shadow: none;
    }

        .img-preview[b-89g7bieo9m]  .img-edit .mud-icon-button-label {
            top: -3px;
            left: -3px;
            position: relative;
        }

    .img-preview[b-89g7bieo9m]  .img-delete-request {
        display: none;
        position: absolute;
        bottom: -5px;
        left: -5px;
        background: linear-gradient(-135deg, transparent 40%, var(--mud-palette-error) 0);
        box-shadow: none;
    }

        .img-preview[b-89g7bieo9m]  .img-delete-request .mud-icon-button-label {
            bottom: -3px;
            left: -3px;
            position: relative;
        }

[b-89g7bieo9m] .GalleriesGroupItem div[role="group"],
[b-89g7bieo9m] .AdvertsGroupItem div[role="group"],
[b-89g7bieo9m] .BannersGroupItem div[role="group"] {
    padding: 5px;
    max-height: 50vh;
    overflow-y: scroll;
}

[b-89g7bieo9m] .BannersGroupItem .mud-paper {
    max-width: none !important;
    /* max-height: none; */
    width: 100%;
}

    [b-89g7bieo9m] .BannersGroupItem .mud-paper img {
        width: 100%;
    }
/* _content/ScoreCapture.Web/Components/Features/Admin/Course/EditCourseTeeGeo.razor.rz.scp.css */

.lookupfield[b-yeqlgn04jv]  p {
    line-height: 19px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
}

.lookupfield[b-yeqlgn04jv]  button {
    margin: -6px auto;
}

/* *** */
[b-yeqlgn04jv] .mud-table.CourseTeeGeoList {
    max-width: Calc(100vw - 190px);
}

    [b-yeqlgn04jv] .mud-table.CourseTeeGeoList .mud-table-container {
        max-height: Calc(100vh - 170px);
        max-width: 100%;
    }

    [b-yeqlgn04jv] .mud-table.CourseTeeGeoList tbody tr:hover:not(:has(.btn-new)) {
        background: var(--mud-palette-primary-lighten);
        background: linear-gradient(to bottom right, var(--mud-palette-primary-lighten) 20%, rgba(255, 255, 255, 0) 300%);
        background: linear-gradient(to bottom right, #38AB24 20%, #D7EED3 250%);
        color: #FFF;
    }

    [b-yeqlgn04jv] .mud-table.CourseTeeGeoList tbody tr:hover,
    [b-yeqlgn04jv] .mud-table.CourseTeeGeoList tbody tr:hover input,
    [b-yeqlgn04jv] .mud-table.CourseTeeGeoList tbody tr:hover label {
        color: #FFF;
    }

        [b-yeqlgn04jv] .mud-table.CourseTeeGeoList tbody tr:hover .mud-input:before {
            border-bottom-color: rgba(255, 255, 255, 0.5);
        }

        [b-yeqlgn04jv] .mud-table.CourseTeeGeoList tbody tr:hover .mud-input:after,
        [b-yeqlgn04jv] .mud-table.CourseTeeGeoList tbody tr * .mud-input:hover:before {
            border-bottom-color: #FFF !important;
        }

        [b-yeqlgn04jv] .mud-table.CourseTeeGeoList tbody tr:hover .btn-remove:hover {
            background: red;
            color: #FFF;
        }

        [b-yeqlgn04jv] .mud-table.CourseTeeGeoList tbody tr:hover .mud-input-error {
            color: red !important;
        }

        [b-yeqlgn04jv] .mud-table.CourseTeeGeoList tbody tr:hover .mud-input.mud-input-error:after {
            border-bottom-color: red;
        }


    [b-yeqlgn04jv] .mud-table.CourseTeeGeoList th, [b-yeqlgn04jv] .mud-table.CourseTeeGeoList td:first-of-type:not(.empty),
    [b-yeqlgn04jv] .mud-table.CourseTeeGeoList_importPreview th, [b-yeqlgn04jv] .mud-table.CourseTeeGeoList_importPreview td:first-of-type:not(.empty) {
        background: var(--mud-palette-gray-dark);
        color: #FFFFFF;
    }

        [b-yeqlgn04jv] .mud-table.CourseTeeGeoList th:first-of-type,
        [b-yeqlgn04jv] .mud-table.CourseTeeGeoList_importPreview th:first-of-type {
            position: sticky;
            left: 0;
            z-index: 2;
            padding-left: 12px;
            border: 0;
        }

    [b-yeqlgn04jv] .mud-table.CourseTeeGeoList td:first-of-type,
    [b-yeqlgn04jv] .mud-table.CourseTeeGeoList_importPreview td:first-of-type {
        position: sticky;
        left: 0;
        z-index: 1;
        padding-left: 12px;
        border: 0;
    }

    [b-yeqlgn04jv] .mud-table.CourseTeeGeoList td .mud-input-control {
        min-width: 100px;
    }

/* *** */
[b-yeqlgn04jv] .mud-table.CourseTeeGeoList_importPreview .mud-table-container {
    max-height: 60vh;
}

[b-yeqlgn04jv] .mud-table.CourseTeeGeoList_importPreview tbody tr:hover {
    background: #D7EED3;
}
/* _content/ScoreCapture.Web/Components/Features/Admin/Course/EditCourseTeeHoles.razor.rz.scp.css */
[b-wqtpmc3clc] #hole-table {
    max-width: Calc(100vw - 190px)
}

    [b-wqtpmc3clc] #hole-table .mud-table-container {
        max-height: Calc(100vh - 135px);
        max-width: 100%;
    }

    [b-wqtpmc3clc] #hole-table th:first-of-type {
        min-width: 100px;
    }

    [b-wqtpmc3clc] #hole-table td, [b-wqtpmc3clc] #hole-table th {
        border-bottom: 0;
        padding: 5px 0 5px 10px;
    }

        [b-wqtpmc3clc] #hole-table th:not(:first-of-type) {
            text-align: center;
        }

        [b-wqtpmc3clc] #hole-table th, [b-wqtpmc3clc] #hole-table td:first-of-type {
            background: var(--mud-palette-gray-dark);
            color: #FFFFFF;
        }

            [b-wqtpmc3clc] #hole-table th:first-of-type {
                position: sticky;
                left: 0;
                z-index: 2;
                padding-left: 12px;
            }

        [b-wqtpmc3clc] #hole-table td:first-of-type {
            position: sticky;
            left: 0;
            z-index: 1;
            padding-left: 12px;
        }


        [b-wqtpmc3clc] #hole-table td .mud-input-control {
            min-width: 35px;
        }

        [b-wqtpmc3clc] #hole-table td .mud-input-control input {
            text-align: center;
        }

[b-wqtpmc3clc] .mud-select:has(.HoleTableMeasurementUnit) {
    max-width: 150px;
}
/* _content/ScoreCapture.Web/Components/Features/Admin/Course/EditCourseTeeRatings.razor.rz.scp.css */
[b-3b0j73ljro] #ratings-table .mud-table-cell.title-cell {
    position: relative;
    justify-content: normal;
    padding-right: 23px;
    background: var(--mud-palette-gray-light);
}
    [b-3b0j73ljro] #ratings-table .mud-table-cell.title-cell:hover {
        background: var(--mud-palette-gray);
    }

[b-3b0j73ljro] #hole-table {
    max-width: Calc(100vw - 220px);
}

[b-3b0j73ljro] #ratings-table .mud-table-cell.title-cell.invalid {
    background: var(--mud-palette-error) !important;
    color: #FFF;
    border: none;
}

    [b-3b0j73ljro] #ratings-table .mud-table-cell.title-cell.invalid:hover {
        background: var(--mud-palette-error-lighten) !important;
    }

[b-3b0j73ljro] #ratings-table .mud-table-cell.title-cell .toggleicon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 23px;
}

[b-3b0j73ljro] .teerating-grid #hole-table {
    max-width: Calc(100vw - 240px);
}

/* _content/ScoreCapture.Web/Components/Features/Admin/Knockout/KnockoutBracket.razor.rz.scp.css */
/* bracket design templates source 
    https://blog.codepen.io/2018/02/16/need-make-tournament-bracket/
*/

body[b-36fcziw932] {
    font-family: 'Istok Web', sans-serif;
    /*background: url("http://picjumbo.com/wp-content/uploads/HNCK2189-1300x866.jpg") no-repeat #000;*/
    background-size: cover;
    min-height: 100%;
    margin: 0;
}

.hero[b-36fcziw932] {
    position: relative;
    text-align: center;
    overflow: hidden;
    color: #fcfcfc;
}

    .hero h1[b-36fcziw932] {
        font-family: 'Holtwood One SC', serif;
        font-weight: normal;
        font-size: 5.4em;
        margin: 0 0 20px;
        text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
        text-transform: uppercase;
        letter-spacing: -1px;
    }

    .hero p[b-36fcziw932] {
        font-family: 'Abel', sans-serif;
        text-transform: uppercase;
        color: #5CCA87;
        letter-spacing: 6px;
        text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
        font-size: 1.2em;
    }

.hero-wrap[b-36fcziw932] {
    padding: 3.5em 10px;
}

.hero p.intro[b-36fcziw932] {
    font-family: 'Holtwood One SC', serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 3em;
    margin-bottom: -40px;
}

.hero p.year[b-36fcziw932] {
    color: #fff;
    letter-spacing: 20px;
    font-size: 34px;
    margin: -25px 0 25px;
}

    .hero p.year i[b-36fcziw932] {
        font-size: 14px;
        vertical-align: middle;
    }

#bracket[b-36fcziw932] {
    overflow: hidden;
    background-color: #e1e1e1;
    background-color: rgba(225,225,225,0.9);
    padding-top: 20px;
    font-size: 12px;
    padding: 40px 0;
}

.container[b-36fcziw932] {
    /*max-width: 1100px;*/
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: calc(100% - 20px);
    overflow: auto;
}

.split[b-36fcziw932] {
    display: block;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 42%;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
}

.champion[b-36fcziw932] {
    float: left;
    display: block;
    width: 16%;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-self: center;
    align-self: center;
    margin-top: -15px;
    text-align: center;
    padding: 230px 0\9;
}

    .champion i[b-36fcziw932] {
        color: #a0a6a8;
        font-size: 45px;
        padding: 10px 0;
    }

.round[b-36fcziw932] {
    display: block;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 95%;
    width: 30.8333%\9;
}

.split-two[b-36fcziw932] {
}

.split-one .round[b-36fcziw932] {
    margin: 0 2.5% 0 0;
}

.split-two .round[b-36fcziw932] {
    margin: 0 0 0 2.5%;
}

.round[b-36fcziw932]  .matchup {
    margin: calc((pow(2, var(--round-index) - 1) - 1) * 40px) 0;
    width: 100%;
    padding: 10px 0;
    height: 60px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    box-sizing: content-box;
}

.round[b-36fcziw932]  .score {
    font-size: 11px;
    text-transform: uppercase;
    float: right;
    color: #2C7399;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    right: 5px;
}

.round[b-36fcziw932]  .team {
    padding: 0 5px;
    margin: 3px 0;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    /*min-width: 100px;*/
}

    .round[b-36fcziw932]  .team .bye {
        opacity: 0.5;
        letter-spacing: 1px;
    }

.round-details[b-36fcziw932] {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: #2C7399;
    text-transform: uppercase;
    text-align: center;
    height: 40px;
}

.champion[b-36fcziw932]  li, .round[b-36fcziw932]  li {
    background-color: #fff;
    box-shadow: none;
    opacity: 0.45;
}

.current[b-36fcziw932]  li {
    opacity: 1;
}

    .current[b-36fcziw932]  li.team {
        background-color: #fff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
        opacity: 1;
    }

.vote-options[b-36fcziw932] {
    display: block;
    height: 52px;
}

.share .container[b-36fcziw932] {
    margin: 0 auto;
    text-align: center;
}

.share-icon[b-36fcziw932] {
    font-size: 24px;
    color: #fff;
    padding: 25px;
}

.share-wrap[b-36fcziw932] {
    max-width: 1100px;
    text-align: center;
    margin: 60px auto;
}

.final[b-36fcziw932] {
    margin: 4.5em 0;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse-b-36fcziw932 {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.share-icon[b-36fcziw932] {
    color: #fff;
    opacity: 0.35;
}

    .share-icon:hover[b-36fcziw932] {
        opacity: 1;
        -webkit-animation: pulse 0.5s;
        animation: pulse-b-36fcziw932 0.5s;
    }

.date[b-36fcziw932] {
    font-size: 10px;
    letter-spacing: 2px;
    font-family: 'Istok Web', sans-serif;
    color: #3F915F;
}



@media screen and (min-width: 981px) and (max-width: 1099px) {
    .container[b-36fcziw932] {
        margin: 0 1%;
    }

    .champion[b-36fcziw932] {
        width: 14%;
    }

    .split[b-36fcziw932] {
        width: 43%;
    }

    .split-one .vote-box[b-36fcziw932] {
        margin-left: 138px;
    }

    .hero p.intro[b-36fcziw932] {
        font-size: 28px;
    }

    .hero p.year[b-36fcziw932] {
        margin: 5px 0 10px;
    }
}

@media screen and (max-width: 980px) {
    .container[b-36fcziw932] {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
    }

    .split[b-36fcziw932], .champion[b-36fcziw932] {
        width: 90%;
        margin: 35px 5%;
    }

    .champion[b-36fcziw932] {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
    }

    .split[b-36fcziw932] {
        border-bottom: 1px solid #b6b6b6;
        padding-bottom: 20px;
    }

    .hero p.intro[b-36fcziw932] {
        font-size: 24px;
    }

    .hero h1[b-36fcziw932] {
        font-size: 3em;
        margin: 15px 0;
    }

    .hero p[b-36fcziw932] {
        font-size: 1em;
    }
}


@media screen and (max-width: 400px) {

    .split[b-36fcziw932] {
        width: 95%;
        margin: 25px 2.5%;
    }

    .round[b-36fcziw932] {
        width: 21%;
    }

    .current[b-36fcziw932] {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
    }

    .hero h1[b-36fcziw932] {
        font-size: 2.15em;
        letter-spacing: 0;
        margin: 0;
    }

    .hero p.intro[b-36fcziw932] {
        font-size: 1.15em;
        margin-bottom: -10px;
    }

    .round-details[b-36fcziw932] {
        font-size: 90%;
    }

    .hero-wrap[b-36fcziw932] {
        padding: 2.5em;
    }

    .hero p.year[b-36fcziw932] {
        margin: 5px 0 10px;
        font-size: 18px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Admin/Knockout/KnockoutBracket_Matchup.razor.rz.scp.css */

.matchup[b-xb3ie3zu0w] {
    margin: calc((pow(2, var(--round-index) - 1) - 1) * 40px) 0;
    width: 100%;
    padding: 10px 0;
    height: 60px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    box-sizing: content-box;
}

.score[b-xb3ie3zu0w] {
    font-size: 11px;
    text-transform: uppercase;
    float: right;
    color: #2C7399;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    right: 5px;
}

.team[b-xb3ie3zu0w] {
    padding: 0 5px;
    margin: 3px 0;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.team .bye[b-xb3ie3zu0w] {
    opacity: 0.5;
    letter-spacing: 1px;
}
/* _content/ScoreCapture.Web/Components/Features/Admin/Knockout/KnockoutMembers.razor.rz.scp.css */
    
[b-mixvmei9ph] .mud-table#ko-members-table {
    /*max-width: Calc(100vw - 190px);*/
}

    [b-mixvmei9ph] .mud-table#ko-members-table .mud-table-container {
        max-height: Calc(100vh - 170px);
        max-width: 100%;
    }

    [b-mixvmei9ph] .mud-table#ko-members-table tbody tr:nth-child(2n) {
        background: var(--mud-palette-gray-light);
    }

    [b-mixvmei9ph] .mud-table#ko-members-table tbody tr:hover:not(:has(.btn-new)) {
        background: var(--mud-palette-primary-lighten);
        background: linear-gradient(to bottom right, var(--mud-palette-primary-lighten) 20%, rgba(255, 255, 255, 0) 300%);
        background: linear-gradient(to bottom right, #38AB24 20%, #D7EED3 250%);
        color: #FFF;
    }

    [b-mixvmei9ph] .mud-table#ko-members-table tbody tr:hover,
    [b-mixvmei9ph] .mud-table#ko-members-table tbody tr:hover input,
    [b-mixvmei9ph] .mud-table#ko-members-table tbody tr:hover label,
    [b-mixvmei9ph] .mud-table#ko-members-table tbody tr:hover .mud-select-input {
        color: #FFF;
    }

        [b-mixvmei9ph] .mud-table#ko-members-table tbody tr:hover .mud-input:before {
            border-bottom-color: rgba(255, 255, 255, 0.5);
        }

        [b-mixvmei9ph] .mud-table#ko-members-table tbody tr:hover .mud-input:after,
        [b-mixvmei9ph] .mud-table#ko-members-table tbody tr * .mud-input:hover:before {
            border-bottom-color: #FFF !important;
        }

        [b-mixvmei9ph] .mud-table#ko-members-table tbody tr:hover .btn-remove:hover {
            background: red;
            color: #FFF;
        }

        [b-mixvmei9ph] .mud-table#ko-members-table tbody tr:hover .mud-input-error {
            color: red !important;
        }

        [b-mixvmei9ph] .mud-table#ko-members-table tbody tr:hover .mud-input.mud-input-error:after {
            border-bottom-color: red;
        }

[b-mixvmei9ph] .mud-table#ko-members-table th {
    background: var(--mud-palette-gray-dark);
    color: #FFFFFF;
}

    [b-mixvmei9ph] .mud-table#ko-members-table th:first-of-type {
        position: sticky;
        left: 0;
        z-index: 2;
    }

    [b-mixvmei9ph] .mud-table#ko-members-table tbody tr.invalid,
    [b-mixvmei9ph] .mud-table#ko-members-table tbody tr.invalid input,
    [b-mixvmei9ph] .mud-table#ko-members-table tbody tr.invalid label,
    [b-mixvmei9ph] .mud-table#ko-members-table tbody tr.invalid .mud-select-input
    {
        background: var(--mud-palette-error) !important;
        color: #FFF;
    }

        [b-mixvmei9ph] .mud-table#ko-members-table tbody tr.invalid:hover,
        [b-mixvmei9ph] .mud-table#ko-members-table tbody tr.invalid:hover input,
        [b-mixvmei9ph] .mud-table#ko-members-table tbody tr.invalid:hover label,
        [b-mixvmei9ph] .mud-table#ko-members-table tbody tr.invalid:hover .mud-select-input {
            background: var(--mud-palette-error-lighten) !important;
        }

        [b-mixvmei9ph] .mud-table#ko-members-table tbody tr.invalid .mud-input:before {
            z-index: 1;
        }

/* _content/ScoreCapture.Web/Components/Features/Admin/Knockout/KnockoutMembers_BetterballMemberPairing.razor.rz.scp.css */
    
[b-taxdwc1s06] .mud-table#ko-members-table {
    /*max-width: Calc(100vw - 190px);*/
}

    [b-taxdwc1s06] .mud-table#ko-members-table .mud-table-container {
        max-height: Calc(100vh - 170px);
        max-width: 100%;
    }

    [b-taxdwc1s06] .mud-table#ko-members-table tbody tr:nth-child(2n) {
        background: var(--mud-palette-gray-light);
    }

    [b-taxdwc1s06] .mud-table#ko-members-table tbody tr:hover:not(:has(.btn-new)) {
        background: var(--mud-palette-primary-lighten);
        background: linear-gradient(to bottom right, var(--mud-palette-primary-lighten) 20%, rgba(255, 255, 255, 0) 300%);
        background: linear-gradient(to bottom right, #38AB24 20%, #D7EED3 250%);
        color: #FFF;
    }

    [b-taxdwc1s06] .mud-table#ko-members-table tbody tr:hover,
    [b-taxdwc1s06] .mud-table#ko-members-table tbody tr:hover input,
    [b-taxdwc1s06] .mud-table#ko-members-table tbody tr:hover label,
    [b-taxdwc1s06] .mud-table#ko-members-table tbody tr:hover .mud-select-input {
        color: #FFF;
    }

        [b-taxdwc1s06] .mud-table#ko-members-table tbody tr:hover .mud-input:before {
            border-bottom-color: rgba(255, 255, 255, 0.5);
        }

        [b-taxdwc1s06] .mud-table#ko-members-table tbody tr:hover .mud-input:after,
        [b-taxdwc1s06] .mud-table#ko-members-table tbody tr * .mud-input:hover:before {
            border-bottom-color: #FFF !important;
        }

        [b-taxdwc1s06] .mud-table#ko-members-table tbody tr:hover .btn-remove:hover {
            background: red;
            color: #FFF;
        }

        [b-taxdwc1s06] .mud-table#ko-members-table tbody tr:hover .mud-input-error {
            color: red !important;
        }

        [b-taxdwc1s06] .mud-table#ko-members-table tbody tr:hover .mud-input.mud-input-error:after {
            border-bottom-color: red;
        }

[b-taxdwc1s06] .mud-table#ko-members-table th {
    background: var(--mud-palette-gray-dark);
    color: #FFFFFF;
}

    [b-taxdwc1s06] .mud-table#ko-members-table th:first-of-type {
        position: sticky;
        left: 0;
        z-index: 2;
    }

    [b-taxdwc1s06] .mud-table#ko-members-table tbody tr.invalid,
    [b-taxdwc1s06] .mud-table#ko-members-table tbody tr.invalid input,
    [b-taxdwc1s06] .mud-table#ko-members-table tbody tr.invalid label,
    [b-taxdwc1s06] .mud-table#ko-members-table tbody tr.invalid .mud-select-input
    {
        background: var(--mud-palette-error) !important;
        color: #FFF;
    }

        [b-taxdwc1s06] .mud-table#ko-members-table tbody tr.invalid:hover,
        [b-taxdwc1s06] .mud-table#ko-members-table tbody tr.invalid:hover input,
        [b-taxdwc1s06] .mud-table#ko-members-table tbody tr.invalid:hover label,
        [b-taxdwc1s06] .mud-table#ko-members-table tbody tr.invalid:hover .mud-select-input {
            background: var(--mud-palette-error-lighten) !important;
        }

        [b-taxdwc1s06] .mud-table#ko-members-table tbody tr.invalid .mud-input:before {
            z-index: 1;
        }

/* _content/ScoreCapture.Web/Components/Features/Admin/Knockout/KnockoutRoundDates.razor.rz.scp.css */

[b-xk5gh1zl8s] .mud-table#ko-rounddates-table {
    /*max-width: Calc(100vw - 190px);*/
}

    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table .mud-table-container {
        max-height: Calc(100vh - 170px);
        max-width: 100%;
    }

    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr:nth-child(2n) {
        background: var(--mud-palette-gray-light);
    }

    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr:hover:not(:has(.btn-new)) {
        background: var(--mud-palette-primary-lighten);
        background: linear-gradient(to bottom right, var(--mud-palette-primary-lighten) 20%, rgba(255, 255, 255, 0) 300%);
        background: linear-gradient(to bottom right, #38AB24 20%, #D7EED3 250%);
        color: #FFF;
    }

    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr:hover,
    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr:hover input,
    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr:hover label,
    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr:hover .mud-select-input {
        color: #FFF;
    }

        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr:hover .mud-input:before {
            border-bottom-color: rgba(255, 255, 255, 0.5);
        }

        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr:hover .mud-input:after,
        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr * .mud-input:hover:before {
            border-bottom-color: #FFF !important;
        }

        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr:hover .btn-remove:hover {
            background: red;
            color: #FFF;
        }

        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr:hover .mud-input-error {
            color: red !important;
        }

        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr:hover .mud-input.mud-input-error:after {
            border-bottom-color: red;
        }

    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table th {
        background: var(--mud-palette-gray-dark);
        color: #FFFFFF;
    }

        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table th:first-of-type {
            position: sticky;
            left: 0;
            z-index: 2;
        }

    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr.invalid,
    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr.invalid input,
    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr.invalid label,
    [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr.invalid .mud-select-input {
        background: var(--mud-palette-error) !important;
        color: #FFF;
    }

        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr.invalid:hover,
        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr.invalid:hover input,
        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr.invalid:hover label,
        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr.invalid:hover .mud-select-input {
            background: var(--mud-palette-error-lighten) !important;
        }

        [b-xk5gh1zl8s] .mud-table#ko-rounddates-table tbody tr.invalid .mud-input:before {
            z-index: 1;
        }
/* _content/ScoreCapture.Web/Components/Features/Admin/Knockout/KnockoutRounds.razor.rz.scp.css */

[b-hq45r3tsr5] .mud-table#ko-rounds-table {
    /*max-width: Calc(100vw - 190px);*/
}

    [b-hq45r3tsr5] .mud-table#ko-rounds-table .mud-table-container {
        max-height: Calc(100vh - 170px);
        max-width: 100%;
    }
    
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:nth-of-type(even):not(:hover),
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:nth-of-type(even):not(:hover) + tr.matchpos-sibling:not(:hover),
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:nth-of-type(even):not(:hover) + tr.matchpos-sibling:not(:hover) + tr.matchpos-sibling:not(:hover),
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:nth-of-type(even):not(:hover) + tr.matchpos-sibling:not(:hover) + tr.matchpos-sibling:not(:hover) + tr.matchpos-sibling:not(:hover) {
        background: var(--mud-palette-gray-light);
    }

    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchingRoundHover {
        background: var(--mud-palette-primary-lighten);
        background: linear-gradient(to bottom right, var(--mud-palette-primary-lighten) 20%, rgba(255, 255, 255, 0) 300%);
        background: linear-gradient(to bottom right, #38AB24 20%, #D7EED3 250%);
        color: #FFF;
    }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling {
            background: var(--mud-palette-primary-lighten);
            background: linear-gradient(to bottom right, var(--mud-palette-primary-lighten) 20%, rgba(255, 255, 255, 0) 300%);
            background: linear-gradient(to bottom right, #38AB24 20%, #D7EED3 250%);
            color: #FFF;
        }

    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling:hover),
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling:hover),
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover),
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) {
        background: var(--mud-palette-primary-lighten);
        background: linear-gradient(to bottom right, var(--mud-palette-primary-lighten) 20%, rgba(255, 255, 255, 0) 300%);
        background: linear-gradient(to bottom right, #38AB24 20%, #D7EED3 250%);
        color: #FFF;
    }

    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling:hover),
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling:hover),
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover),
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) {
        background: var(--mud-palette-primary-lighten);
        background: linear-gradient(to bottom right, var(--mud-palette-primary-lighten) 20%, rgba(255, 255, 255, 0) 300%);
        background: linear-gradient(to bottom right, #38AB24 20%, #D7EED3 250%);
        color: #FFF;
    }

    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover .mud-select-input,
    /**/
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchingRoundHover,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchingRoundHover input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchingRoundHover label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchingRoundHover .mud-select-input {
        color: #FFF;
    }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling input,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling label,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling .mud-select-input,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling input,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling label,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling .mud-select-input,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling input,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling label,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling .mud-select-input,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling input,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling label,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling .mud-select-input {
            color: #FFF;
        }

    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling:hover) input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling:hover) label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling:hover) .mud-select-input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling:hover) input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling:hover) label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling:hover) .mud-select-input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) .mud-select-input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-first:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) .mud-select-input {
        color: #FFF;
    }

    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling:hover) input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling:hover) label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling:hover) .mud-select-input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling:hover) input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling:hover) label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling:hover) .mud-select-input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) .mud-select-input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.matchpos-sibling:has(+ tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling + tr.matchpos-sibling:hover) .mud-select-input {
        color: #FFF;
    }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover .mud-input:before {
            border-bottom-color: rgba(255, 255, 255, 0.5);
        }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover .mud-input:after,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr * .mud-input:hover:before {
            border-bottom-color: #FFF !important;
        }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover .btn-remove:hover {
            background: red;
            color: #FFF;
        }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover .mud-input-error {
            color: red !important;
        }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr:hover .mud-input.mud-input-error:after {
            border-bottom-color: red;
        }

    [b-hq45r3tsr5] .mud-table#ko-rounds-table th, [b-hq45r3tsr5] .mud-table#ko-rounds-table td:first-of-type:not(.empty) {
        background: var(--mud-palette-gray-dark);
        color: #FFFFFF;
    }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table th:first-of-type {
            position: sticky;
            left: 0;
            z-index: 2;
            padding-left: 12px;
            border: 0;
        }

    [b-hq45r3tsr5] .mud-table#ko-rounds-table td:first-of-type {
        position: sticky;
        left: 0;
        z-index: 1;
        padding-left: 12px;
        border: 0;
    }

    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.invalid,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.invalid input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.invalid label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.invalid .mud-select-input {
        background: var(--mud-palette-error) !important;
        color: #FFF;
    }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.invalid:hover,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.invalid:hover input,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.invalid:hover label,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.invalid:hover .mud-select-input {
            background: var(--mud-palette-error-lighten) !important;
        }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody tr.invalid .mud-input:before {
            z-index: 1;
        }

    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody td.invalid,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody td.invalid input,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody td.invalid label,
    [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody td.invalid .mud-select-input {
        background: var(--mud-palette-error) !important;
        color: #FFF;
    }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody td.invalid:hover,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody td.invalid:hover input,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody td.invalid:hover label,
        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody td.invalid:hover .mud-select-input {
            background: var(--mud-palette-error-lighten) !important;
        }

        [b-hq45r3tsr5] .mud-table#ko-rounds-table tbody td.invalid .mud-input:before {
            z-index: 1;
        }


    [b-hq45r3tsr5] .mud-table#ko-rounds-table td .mud-input-control {
        min-width: 100px;
    }
/* _content/ScoreCapture.Web/Components/Features/Admin/Knockout/SocietyKnockoutList.razor.rz.scp.css */

[b-6g9g6kjds5] .mud-table#ko-list-table {
    /*max-width: Calc(100vw - 190px);*/
}

    [b-6g9g6kjds5] .mud-table#ko-list-table .mud-table-container {
        max-height: Calc(100vh - 170px);
        max-width: 100%;
    }

    [b-6g9g6kjds5] .mud-table#ko-list-table tbody tr:nth-child(2n) {
        background: var(--mud-palette-gray-light);
    }

    [b-6g9g6kjds5] .mud-table#ko-list-table thead th {
        background: var(--mud-palette-gray-dark);
        color: #FFFFFF;
    }

        [b-6g9g6kjds5] .mud-table#ko-list-table thead th:first-of-type {
            position: sticky;
            left: 0;
            z-index: 2;
        }



    [b-6g9g6kjds5] .mud-table#ko-list-table .mud-table-row.group-header .mud-table-cell:first-child {
        width: 30px;
        padding: 6px 10px 6px 16px;
    }

    [b-6g9g6kjds5] .mud-table#ko-list-table [class*="indented-1"] td:first-child {
        padding-left: 36px !important
    }

    [b-6g9g6kjds5] .mud-table#ko-list-table [class*="indented-2"] td:first-child {
        padding-left: 56px !important
    }

    [b-6g9g6kjds5] .mud-table#ko-list-table .mud-table-row:not(.group-header) .mud-table-cell:first-child div {
        padding: 0 !important;
    }


    [b-6g9g6kjds5] .mud-table#ko-list-table .group-header,
    [b-6g9g6kjds5] .mud-table#ko-list-table .group-header * {
        background-color: var(--mud-palette-primary);
        color: #FFF;
    }

    [b-6g9g6kjds5] .mud-table#ko-list-table .mud-table-row.group-header:hover,
    [b-6g9g6kjds5] .mud-table#ko-list-table .mud-table-row.group-header:hover * {
        background-color: var(--mud-palette-primary-lighten);
    }

    [b-6g9g6kjds5] .mud-table#ko-list-table .mud-table-row.group-header .mud-table-cell button {
        transition: 0s;
    }

/*mud-table-row-group-indented-1*/
    [b-6g9g6kjds5] .mud-table#ko-list-table .group-header[class*="indented-1"],
    [b-6g9g6kjds5] .mud-table#ko-list-table .group-header[class*="indented-1"] * {
        background-color: var(--mud-palette-primary-darken);
        color: #FFF;
    }

    [b-6g9g6kjds5] .mud-table#ko-list-table .mud-table-row.group-header[class*="indented-1"]:hover,
    [b-6g9g6kjds5] .mud-table#ko-list-table .mud-table-row.group-header[class*="indented-1"]:hover * {
        background-color: var(--mud-palette-primary-lighten);
    }

    [b-6g9g6kjds5] .mud-table#ko-list-table .group-header[class*="indented-2"],
    [b-6g9g6kjds5] .mud-table#ko-list-table .group-header[class*="indented-2"] * {
        background-color: var(--mud-palette-secondary-darken);
        color: #FFF;
    }

    [b-6g9g6kjds5] .mud-table#ko-list-table .mud-table-row.group-header[class*="indented-2"]:hover,
    [b-6g9g6kjds5] .mud-table#ko-list-table .mud-table-row.group-header[class*="indented-2"]:hover * {
        background-color: var(--mud-palette-secondary-lighten);
    }

/* _content/ScoreCapture.Web/Components/Features/Admin/Societies/Edit/EditSocietyImages.razor.rz.scp.css */
.img-preview[b-jvxppbq14r] {
    position: relative;
    width: 125px;
    height: 125px;
}

    .img-preview[b-jvxppbq14r]  img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .img-preview:hover[b-jvxppbq14r]  .img-edit,
    .img-preview:hover[b-jvxppbq14r]  .img-delete-request {
        display: inline-block;
    }

    .img-preview[b-jvxppbq14r]  .img-edit {
        display: none;
        position: absolute;
        margin: auto !important;
        top: -5px;
        left: -5px;
        background: linear-gradient(-45deg, transparent 40%, var(--mud-palette-info) 0) top left;
        box-shadow: none;
    }

        .img-preview[b-jvxppbq14r]  .img-edit .mud-icon-button-label {
            top: -3px;
            left: -3px;
            position: relative;
        }

    .img-preview[b-jvxppbq14r]  .img-delete-request {
        display: none;
        position: absolute;
        bottom: -5px;
        left: -5px;
        background: linear-gradient(-135deg, transparent 40%, var(--mud-palette-error) 0);
        box-shadow: none;
    }

        .img-preview[b-jvxppbq14r]  .img-delete-request .mud-icon-button-label {
            bottom: -3px;
            left: -3px;
            position: relative;
        }

[b-jvxppbq14r] .GalleriesGroupItem div[role="group"],
[b-jvxppbq14r] .AdvertsGroupItem div[role="group"],
[b-jvxppbq14r] .BannersGroupItem div[role="group"] {
    padding: 5px;
    max-height: 50vh;
    overflow-y: scroll;
}

[b-jvxppbq14r] .BannersGroupItem .mud-paper {
    max-width: none !important;
    /* max-height: none; */
    width: 100%;
}

    [b-jvxppbq14r] .BannersGroupItem .mud-paper img {
        width: 100%;
    }
/* _content/ScoreCapture.Web/Components/Features/Admin/Tournament/EditTournamentRoundsFields.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Features/Awards/DisplayAchievement.razor.rz.scp.css */
[b-k45sxqmr4q] .achievement-card {
    background: linear-gradient(to top right, rgba(19,34,40,1) 55%, transparent);
    position: relative;
    padding: 12px;
}
    [b-k45sxqmr4q] .achievement-card:has(.last-achieved-date) {
        padding: 12px 12px 20px;
    }
[b-k45sxqmr4q] .achievement-title {
    color: #38AB24;
    margin: auto 10px auto 0;
    line-height: 23px;
}
[b-k45sxqmr4q] .achievement-count {
    color: #FFF;
    margin: auto 15px auto auto;
}

[b-k45sxqmr4q] .last-achieved-date {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 11px;
    text-align: center;
    color: rgba(255, 255, 255, .5);
}
/* _content/ScoreCapture.Web/Components/Features/CaptureRound/CaptureRound.razor.rz.scp.css */
.capture-card-container[b-1on4lgs1r6] {
    min-height: 550px;
    width: 600px;
    margin: 2px;
    padding-left: 25px;
    padding-bottom: 20px;
}

@media(max-width: 600px) {
    .capture-card-container[b-1on4lgs1r6] {
        width: Calc(100% - 5px);
        padding-left: 8px;
        padding-right: 8px;
    }
        .capture-card-container[b-1on4lgs1r6]  .mud-grid {
            width: 100%;
            margin-left: 0;
        }
        .capture-card-container[b-1on4lgs1r6]  .mud-grid-item {
            padding-left: 0;
        }
}
/* _content/ScoreCapture.Web/Components/Features/Cards/PositionCard.razor.rz.scp.css */
[b-aklxu7gqld] .PositionCard {
    height: 85px;
    width: 85px;
    text-align: center;
}
    [b-aklxu7gqld] .PositionCard .pos-value {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: #38AB24;
        font-size: 28px;
    }
    [b-aklxu7gqld] .PositionCard .pos-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        color: white;
        font-size: 12px;
    }
/* _content/ScoreCapture.Web/Components/Features/Cards/ScoreCaptureCard.razor.rz.scp.css */
/* BEGIN CARD DESIGN */
.hero[b-3lap1tj4yp] {
    display: inline-block;
    position: relative;
    width: 400px;
    min-width: 400px;
    height: 400px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
    margin: 30px;
    background-color: white;
}

.hero-profile-img[b-3lap1tj4yp] {
    height: 70%;
}

.hero-description-bk[b-3lap1tj4yp] {
    background-image: linear-gradient(0deg, #28383c, #5a9654);
    border-radius: 30px;
    position: absolute;
    top: 55%;
    left: -5px;
    height: 65%;
    width: 108%;
    transform: skew(19deg, -9deg);
}

.second .hero-description-bk[b-3lap1tj4yp] {
    background-image: linear-gradient(-20deg, #bb7413, #e7d25c)
}

.hero-name[b-3lap1tj4yp] {
    position: absolute;
    top: 30px;
    right: 25px;
    font-weight: 400;
    font-size: 24px;
}

.hero-logo[b-3lap1tj4yp] {
    height: 80px;
    width: 80px;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    bottom: 30%;
    left: 30px;
    overflow: hidden;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);
}

    .hero-logo img[b-3lap1tj4yp] {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.hero-badge[b-3lap1tj4yp] {
    height: 80px;
    width: 80px;
    border-radius: 5px;
    background-color: transparent;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    right: 30px;
    /*box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);*/
    text-align: right;
    overflow: visible;
}

    .hero-badge img[b-3lap1tj4yp] {
        height: 100%
    }

.tournamentscore[b-3lap1tj4yp] {
    color: white !important;
    width: 50px;
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: absolute;
    bottom: 38%;
    right: 28px;
    font-weight: bold;
    font-size: 24px;
    z-index: 1;
}

    .tournamentscore[b-3lap1tj4yp]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 55px;
        height: 55px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-3lap1tj4yp]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-3lap1tj4yp]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-3lap1tj4yp]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-3lap1tj4yp],
    .tournamentscore.no_score[b-3lap1tj4yp]:after {
        background-color: transparent;
        color: black !important;
    }

@media (max-width: 700px) {
    .tournamentscore[b-3lap1tj4yp]:after {
        width: 30px;
        height: 30px;
    }
}




.hero-description[b-3lap1tj4yp] {
    position: absolute;
    color: #fff;
    font-weight: 900;
    left: 150px;
    bottom: 26%;
}

.hero-btn[b-3lap1tj4yp] {
    position: absolute;
    color: #fff;
    right: 30px;
    bottom: 10%;
    padding: 10px 20px;
    border: 1px solid #fff;
}

    .hero-btn a[b-3lap1tj4yp] {
        color: #fff;
    }

.hero-date[b-3lap1tj4yp] {
    position: absolute;
    color: #fff;
    left: 30px;
    bottom: 10%;
}
/* END CARD DESIGN */

/* _content/ScoreCapture.Web/Components/Features/Cards/ScoreCaptureCardCarousel.razor.rz.scp.css */
body[b-xqhamwoa9f] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden;
    background: #e4e2e5;
}

    body #wrap[b-xqhamwoa9f] {
        width: 100%;
        height: 100%;
        box-shadow: 0 20px 30px -5px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        position: relative;
        transform-style: preserve-3d;
        background: linear-gradient(to bottom, #fffffa8 50%, #e4e2e5a8 50%);
    }

        body #wrap .trigger[b-xqhamwoa9f] {
            position: absolute;
            width: 5%;
            height: 100%;
            bottom: 0;
            right: 0;
            z-index: 99;
            opacity: 0;
            cursor: pointer;
        }

            body #wrap .trigger[b-xqhamwoa9f]:before {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: #fff;
                box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.015);
                transition: 0.2s ease-in-out;
            }

            body #wrap .trigger[b-xqhamwoa9f]:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 20px 0 20px 20px;
                border-color: transparent transparent transparent #222;
                top: calc(50% - 20px);
                right: 8.5px;
                transition: 0.2s ease-in-out;
                opacity: 0;
            }

            body #wrap .trigger:first-of-type:checked ~ .innerwrap .cards .cardwrap:first-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cards .cardwrap:last-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(1)[b-xqhamwoa9f]:after {
                opacity: 1;
            }

            body #wrap .trigger:nth-of-type(1):hover[b-xqhamwoa9f]:after {
                border-color: transparent transparent transparent #fff;
            }

            body #wrap .trigger:nth-of-type(1):hover[b-xqhamwoa9f]:before {
                background: #222;
            }

            body #wrap .trigger:nth-of-type(1):checked[b-xqhamwoa9f] {
                pointer-events: none;
                transform: translateX(100%);
            }

                body #wrap .trigger:nth-of-type(1):checked ~ .trigger[b-xqhamwoa9f] {
                    transform: translateX(0%);
                    z-index: 98;
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cards[b-xqhamwoa9f] {
                    transform: rotate(0deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap input:nth-of-type(1)[b-xqhamwoa9f] {
                    transform: rotate(45deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap input:nth-of-type(2)[b-xqhamwoa9f] {
                    transform: rotate(90deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap input:nth-of-type(3)[b-xqhamwoa9f] {
                    transform: rotate(135deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap input:nth-of-type(4)[b-xqhamwoa9f] {
                    transform: rotate(180deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap input:nth-of-type(5)[b-xqhamwoa9f] {
                    transform: rotate(225deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap input:nth-of-type(6)[b-xqhamwoa9f] {
                    transform: rotate(270deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap input:nth-of-type(7)[b-xqhamwoa9f] {
                    transform: rotate(315deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap input:nth-of-type(8)[b-xqhamwoa9f] {
                    transform: rotate(360deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:nth-of-type(1) .card[b-xqhamwoa9f] {
                    transform: rotate(-45deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:nth-of-type(2) .card[b-xqhamwoa9f] {
                    transform: rotate(-90deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:nth-of-type(3) .card[b-xqhamwoa9f] {
                    transform: rotate(-135deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:nth-of-type(4) .card[b-xqhamwoa9f] {
                    transform: rotate(-180deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:nth-of-type(5) .card[b-xqhamwoa9f] {
                    transform: rotate(-225deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:nth-of-type(6) .card[b-xqhamwoa9f] {
                    transform: rotate(-270deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:nth-of-type(7) .card[b-xqhamwoa9f] {
                    transform: rotate(-315deg);
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cardwrap:nth-of-type(8) .card[b-xqhamwoa9f] {
                    transform: rotate(-360deg);
                }

            body #wrap .trigger:first-of-type:checked ~ .innerwrap .cards .cardwrap:first-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cards .cardwrap:last-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(2)[b-xqhamwoa9f]:after {
                opacity: 1;
            }

            body #wrap .trigger:nth-of-type(2):hover[b-xqhamwoa9f]:after {
                border-color: transparent transparent transparent #fff;
            }

            body #wrap .trigger:nth-of-type(2):hover[b-xqhamwoa9f]:before {
                background: #222;
            }

            body #wrap .trigger:nth-of-type(2):checked[b-xqhamwoa9f] {
                pointer-events: none;
                transform: translateX(200%);
            }

                body #wrap .trigger:nth-of-type(2):checked ~ .trigger[b-xqhamwoa9f] {
                    transform: translateX(0%);
                    z-index: 97;
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cards[b-xqhamwoa9f] {
                    transform: rotate(45deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap input:nth-of-type(1)[b-xqhamwoa9f] {
                    transform: rotate(90deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap input:nth-of-type(2)[b-xqhamwoa9f] {
                    transform: rotate(135deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap input:nth-of-type(3)[b-xqhamwoa9f] {
                    transform: rotate(180deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap input:nth-of-type(4)[b-xqhamwoa9f] {
                    transform: rotate(225deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap input:nth-of-type(5)[b-xqhamwoa9f] {
                    transform: rotate(270deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap input:nth-of-type(6)[b-xqhamwoa9f] {
                    transform: rotate(315deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap input:nth-of-type(7)[b-xqhamwoa9f] {
                    transform: rotate(360deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap input:nth-of-type(8)[b-xqhamwoa9f] {
                    transform: rotate(405deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:nth-of-type(1) .card[b-xqhamwoa9f] {
                    transform: rotate(-90deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:nth-of-type(2) .card[b-xqhamwoa9f] {
                    transform: rotate(-135deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:nth-of-type(3) .card[b-xqhamwoa9f] {
                    transform: rotate(-180deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:nth-of-type(4) .card[b-xqhamwoa9f] {
                    transform: rotate(-225deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:nth-of-type(5) .card[b-xqhamwoa9f] {
                    transform: rotate(-270deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:nth-of-type(6) .card[b-xqhamwoa9f] {
                    transform: rotate(-315deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:nth-of-type(7) .card[b-xqhamwoa9f] {
                    transform: rotate(-360deg);
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cardwrap:nth-of-type(8) .card[b-xqhamwoa9f] {
                    transform: rotate(-405deg);
                }

            body #wrap .trigger:first-of-type:checked ~ .innerwrap .cards .cardwrap:first-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cards .cardwrap:last-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(3)[b-xqhamwoa9f]:after {
                opacity: 1;
            }

            body #wrap .trigger:nth-of-type(3):hover[b-xqhamwoa9f]:after {
                border-color: transparent transparent transparent #fff;
            }

            body #wrap .trigger:nth-of-type(3):hover[b-xqhamwoa9f]:before {
                background: #222;
            }

            body #wrap .trigger:nth-of-type(3):checked[b-xqhamwoa9f] {
                pointer-events: none;
                transform: translateX(300%);
            }

                body #wrap .trigger:nth-of-type(3):checked ~ .trigger[b-xqhamwoa9f] {
                    transform: translateX(0%);
                    z-index: 96;
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cards[b-xqhamwoa9f] {
                    transform: rotate(90deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap input:nth-of-type(1)[b-xqhamwoa9f] {
                    transform: rotate(135deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap input:nth-of-type(2)[b-xqhamwoa9f] {
                    transform: rotate(180deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap input:nth-of-type(3)[b-xqhamwoa9f] {
                    transform: rotate(225deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap input:nth-of-type(4)[b-xqhamwoa9f] {
                    transform: rotate(270deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap input:nth-of-type(5)[b-xqhamwoa9f] {
                    transform: rotate(315deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap input:nth-of-type(6)[b-xqhamwoa9f] {
                    transform: rotate(360deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap input:nth-of-type(7)[b-xqhamwoa9f] {
                    transform: rotate(405deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap input:nth-of-type(8)[b-xqhamwoa9f] {
                    transform: rotate(450deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:nth-of-type(1) .card[b-xqhamwoa9f] {
                    transform: rotate(-135deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:nth-of-type(2) .card[b-xqhamwoa9f] {
                    transform: rotate(-180deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:nth-of-type(3) .card[b-xqhamwoa9f] {
                    transform: rotate(-225deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:nth-of-type(4) .card[b-xqhamwoa9f] {
                    transform: rotate(-270deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:nth-of-type(5) .card[b-xqhamwoa9f] {
                    transform: rotate(-315deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:nth-of-type(6) .card[b-xqhamwoa9f] {
                    transform: rotate(-360deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:nth-of-type(7) .card[b-xqhamwoa9f] {
                    transform: rotate(-405deg);
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cardwrap:nth-of-type(8) .card[b-xqhamwoa9f] {
                    transform: rotate(-450deg);
                }

            body #wrap .trigger:first-of-type:checked ~ .innerwrap .cards .cardwrap:first-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cards .cardwrap:last-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(4)[b-xqhamwoa9f]:after {
                opacity: 1;
            }

            body #wrap .trigger:nth-of-type(4):hover[b-xqhamwoa9f]:after {
                border-color: transparent transparent transparent #fff;
            }

            body #wrap .trigger:nth-of-type(4):hover[b-xqhamwoa9f]:before {
                background: #222;
            }

            body #wrap .trigger:nth-of-type(4):checked[b-xqhamwoa9f] {
                pointer-events: none;
                transform: translateX(400%);
            }

                body #wrap .trigger:nth-of-type(4):checked ~ .trigger[b-xqhamwoa9f] {
                    transform: translateX(0%);
                    z-index: 95;
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cards[b-xqhamwoa9f] {
                    transform: rotate(135deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap input:nth-of-type(1)[b-xqhamwoa9f] {
                    transform: rotate(180deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap input:nth-of-type(2)[b-xqhamwoa9f] {
                    transform: rotate(225deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap input:nth-of-type(3)[b-xqhamwoa9f] {
                    transform: rotate(270deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap input:nth-of-type(4)[b-xqhamwoa9f] {
                    transform: rotate(315deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap input:nth-of-type(5)[b-xqhamwoa9f] {
                    transform: rotate(360deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap input:nth-of-type(6)[b-xqhamwoa9f] {
                    transform: rotate(405deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap input:nth-of-type(7)[b-xqhamwoa9f] {
                    transform: rotate(450deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap input:nth-of-type(8)[b-xqhamwoa9f] {
                    transform: rotate(495deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:nth-of-type(1) .card[b-xqhamwoa9f] {
                    transform: rotate(-180deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:nth-of-type(2) .card[b-xqhamwoa9f] {
                    transform: rotate(-225deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:nth-of-type(3) .card[b-xqhamwoa9f] {
                    transform: rotate(-270deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:nth-of-type(4) .card[b-xqhamwoa9f] {
                    transform: rotate(-315deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:nth-of-type(5) .card[b-xqhamwoa9f] {
                    transform: rotate(-360deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:nth-of-type(6) .card[b-xqhamwoa9f] {
                    transform: rotate(-405deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:nth-of-type(7) .card[b-xqhamwoa9f] {
                    transform: rotate(-450deg);
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cardwrap:nth-of-type(8) .card[b-xqhamwoa9f] {
                    transform: rotate(-495deg);
                }

            body #wrap .trigger:first-of-type:checked ~ .innerwrap .cards .cardwrap:first-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cards .cardwrap:last-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(5)[b-xqhamwoa9f]:after {
                opacity: 1;
            }

            body #wrap .trigger:nth-of-type(5):hover[b-xqhamwoa9f]:after {
                border-color: transparent transparent transparent #fff;
            }

            body #wrap .trigger:nth-of-type(5):hover[b-xqhamwoa9f]:before {
                background: #222;
            }

            body #wrap .trigger:nth-of-type(5):checked[b-xqhamwoa9f] {
                pointer-events: none;
                transform: translateX(500%);
            }

                body #wrap .trigger:nth-of-type(5):checked ~ .trigger[b-xqhamwoa9f] {
                    transform: translateX(0%);
                    z-index: 94;
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cards[b-xqhamwoa9f] {
                    transform: rotate(180deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap input:nth-of-type(1)[b-xqhamwoa9f] {
                    transform: rotate(225deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap input:nth-of-type(2)[b-xqhamwoa9f] {
                    transform: rotate(270deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap input:nth-of-type(3)[b-xqhamwoa9f] {
                    transform: rotate(315deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap input:nth-of-type(4)[b-xqhamwoa9f] {
                    transform: rotate(360deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap input:nth-of-type(5)[b-xqhamwoa9f] {
                    transform: rotate(405deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap input:nth-of-type(6)[b-xqhamwoa9f] {
                    transform: rotate(450deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap input:nth-of-type(7)[b-xqhamwoa9f] {
                    transform: rotate(495deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap input:nth-of-type(8)[b-xqhamwoa9f] {
                    transform: rotate(540deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:nth-of-type(1) .card[b-xqhamwoa9f] {
                    transform: rotate(-225deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:nth-of-type(2) .card[b-xqhamwoa9f] {
                    transform: rotate(-270deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:nth-of-type(3) .card[b-xqhamwoa9f] {
                    transform: rotate(-315deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:nth-of-type(4) .card[b-xqhamwoa9f] {
                    transform: rotate(-360deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:nth-of-type(5) .card[b-xqhamwoa9f] {
                    transform: rotate(-405deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:nth-of-type(6) .card[b-xqhamwoa9f] {
                    transform: rotate(-450deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:nth-of-type(7) .card[b-xqhamwoa9f] {
                    transform: rotate(-495deg);
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cardwrap:nth-of-type(8) .card[b-xqhamwoa9f] {
                    transform: rotate(-540deg);
                }

            body #wrap .trigger:first-of-type:checked ~ .innerwrap .cards .cardwrap:first-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cards .cardwrap:last-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(6)[b-xqhamwoa9f]:after {
                opacity: 1;
            }

            body #wrap .trigger:nth-of-type(6):hover[b-xqhamwoa9f]:after {
                border-color: transparent transparent transparent #fff;
            }

            body #wrap .trigger:nth-of-type(6):hover[b-xqhamwoa9f]:before {
                background: #222;
            }

            body #wrap .trigger:nth-of-type(6):checked[b-xqhamwoa9f] {
                pointer-events: none;
                transform: translateX(600%);
            }

                body #wrap .trigger:nth-of-type(6):checked ~ .trigger[b-xqhamwoa9f] {
                    transform: translateX(0%);
                    z-index: 93;
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cards[b-xqhamwoa9f] {
                    transform: rotate(225deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap input:nth-of-type(1)[b-xqhamwoa9f] {
                    transform: rotate(270deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap input:nth-of-type(2)[b-xqhamwoa9f] {
                    transform: rotate(315deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap input:nth-of-type(3)[b-xqhamwoa9f] {
                    transform: rotate(360deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap input:nth-of-type(4)[b-xqhamwoa9f] {
                    transform: rotate(405deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap input:nth-of-type(5)[b-xqhamwoa9f] {
                    transform: rotate(450deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap input:nth-of-type(6)[b-xqhamwoa9f] {
                    transform: rotate(495deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap input:nth-of-type(7)[b-xqhamwoa9f] {
                    transform: rotate(540deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap input:nth-of-type(8)[b-xqhamwoa9f] {
                    transform: rotate(585deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:nth-of-type(1) .card[b-xqhamwoa9f] {
                    transform: rotate(-270deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:nth-of-type(2) .card[b-xqhamwoa9f] {
                    transform: rotate(-315deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:nth-of-type(3) .card[b-xqhamwoa9f] {
                    transform: rotate(-360deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:nth-of-type(4) .card[b-xqhamwoa9f] {
                    transform: rotate(-405deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:nth-of-type(5) .card[b-xqhamwoa9f] {
                    transform: rotate(-450deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:nth-of-type(6) .card[b-xqhamwoa9f] {
                    transform: rotate(-495deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:nth-of-type(7) .card[b-xqhamwoa9f] {
                    transform: rotate(-540deg);
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cardwrap:nth-of-type(8) .card[b-xqhamwoa9f] {
                    transform: rotate(-585deg);
                }

            body #wrap .trigger:first-of-type:checked ~ .innerwrap .cards .cardwrap:first-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cards .cardwrap:last-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(7)[b-xqhamwoa9f]:after {
                opacity: 1;
            }

            body #wrap .trigger:nth-of-type(7):hover[b-xqhamwoa9f]:after {
                border-color: transparent transparent transparent #fff;
            }

            body #wrap .trigger:nth-of-type(7):hover[b-xqhamwoa9f]:before {
                background: #222;
            }

            body #wrap .trigger:nth-of-type(7):checked[b-xqhamwoa9f] {
                pointer-events: none;
                transform: translateX(700%);
            }

                body #wrap .trigger:nth-of-type(7):checked ~ .trigger[b-xqhamwoa9f] {
                    transform: translateX(0%);
                    z-index: 92;
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cards[b-xqhamwoa9f] {
                    transform: rotate(270deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap input:nth-of-type(1)[b-xqhamwoa9f] {
                    transform: rotate(315deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap input:nth-of-type(2)[b-xqhamwoa9f] {
                    transform: rotate(360deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap input:nth-of-type(3)[b-xqhamwoa9f] {
                    transform: rotate(405deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap input:nth-of-type(4)[b-xqhamwoa9f] {
                    transform: rotate(450deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap input:nth-of-type(5)[b-xqhamwoa9f] {
                    transform: rotate(495deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap input:nth-of-type(6)[b-xqhamwoa9f] {
                    transform: rotate(540deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap input:nth-of-type(7)[b-xqhamwoa9f] {
                    transform: rotate(585deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap input:nth-of-type(8)[b-xqhamwoa9f] {
                    transform: rotate(630deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:nth-of-type(1) .card[b-xqhamwoa9f] {
                    transform: rotate(-315deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:nth-of-type(2) .card[b-xqhamwoa9f] {
                    transform: rotate(-360deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:nth-of-type(3) .card[b-xqhamwoa9f] {
                    transform: rotate(-405deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:nth-of-type(4) .card[b-xqhamwoa9f] {
                    transform: rotate(-450deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:nth-of-type(5) .card[b-xqhamwoa9f] {
                    transform: rotate(-495deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:nth-of-type(6) .card[b-xqhamwoa9f] {
                    transform: rotate(-540deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:nth-of-type(7) .card[b-xqhamwoa9f] {
                    transform: rotate(-585deg);
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cardwrap:nth-of-type(8) .card[b-xqhamwoa9f] {
                    transform: rotate(-630deg);
                }

            body #wrap .trigger:first-of-type:checked ~ .innerwrap .cards .cardwrap:first-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cards .cardwrap:last-of-type[b-xqhamwoa9f] {
                opacity: 0;
            }

            body #wrap .trigger:nth-of-type(8)[b-xqhamwoa9f]:after {
                opacity: 1;
            }

            body #wrap .trigger:nth-of-type(8):hover[b-xqhamwoa9f]:after {
                border-color: transparent transparent transparent #fff;
            }

            body #wrap .trigger:nth-of-type(8):hover[b-xqhamwoa9f]:before {
                background: #222;
            }

            body #wrap .trigger:nth-of-type(8):checked[b-xqhamwoa9f] {
                pointer-events: none;
                transform: translateX(800%);
            }

                body #wrap .trigger:nth-of-type(8):checked ~ .trigger[b-xqhamwoa9f] {
                    transform: translateX(0%);
                    z-index: 91;
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cards[b-xqhamwoa9f] {
                    transform: rotate(315deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap input:nth-of-type(1)[b-xqhamwoa9f] {
                    transform: rotate(360deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap input:nth-of-type(2)[b-xqhamwoa9f] {
                    transform: rotate(405deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap input:nth-of-type(3)[b-xqhamwoa9f] {
                    transform: rotate(450deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap input:nth-of-type(4)[b-xqhamwoa9f] {
                    transform: rotate(495deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap input:nth-of-type(5)[b-xqhamwoa9f] {
                    transform: rotate(540deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap input:nth-of-type(6)[b-xqhamwoa9f] {
                    transform: rotate(585deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap input:nth-of-type(7)[b-xqhamwoa9f] {
                    transform: rotate(630deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap input:nth-of-type(8)[b-xqhamwoa9f] {
                    transform: rotate(675deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:nth-of-type(1) .card[b-xqhamwoa9f] {
                    transform: rotate(-360deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:nth-of-type(2) .card[b-xqhamwoa9f] {
                    transform: rotate(-405deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:nth-of-type(3) .card[b-xqhamwoa9f] {
                    transform: rotate(-450deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:nth-of-type(4) .card[b-xqhamwoa9f] {
                    transform: rotate(-495deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:nth-of-type(5) .card[b-xqhamwoa9f] {
                    transform: rotate(-540deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:nth-of-type(6) .card[b-xqhamwoa9f] {
                    transform: rotate(-585deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:nth-of-type(7) .card[b-xqhamwoa9f] {
                    transform: rotate(-630deg);
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
                    opacity: 1;
                }

                body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cardwrap:nth-of-type(8) .card[b-xqhamwoa9f] {
                    transform: rotate(-675deg);
                }

        body #wrap .innerwrap[b-xqhamwoa9f] {
            position: absolute;
            width: 1300px;
            height: 1300px;
            left: -725px;
            top: -400px;
            z-index: 999;
        }

            body #wrap .innerwrap input[b-xqhamwoa9f] {
                position: absolute;
                top: calc(50% - 175px);
                height: 350px;
                width: 280px;
                left: 900px;
                transform-style: preserve-3d;
                transform-origin: -350px;
                perspective: 600px;
                z-index: 7;
                opacity: 0;
                cursor: pointer;
            }

                body #wrap .innerwrap input[b-xqhamwoa9f]:before {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0%;
                    top: 0%;
                    z-index: 9;
                    pointer-events: none;
                }

                body #wrap .innerwrap input:nth-of-type(1)[b-xqhamwoa9f] {
                    transform: rotate(0deg);
                    transition: 0.7s cubic-bezier(1, 0, 0, 1);
                }

                    body #wrap .innerwrap input:nth-of-type(1):checked[b-xqhamwoa9f]:before {
                        width: 500%;
                        left: -125%;
                        height: 500%;
                        top: -125%;
                        pointer-events: auto;
                    }

                    body #wrap .innerwrap input:nth-of-type(1):checked:hover ~ .cards .cardwrap:nth-of-type(1) .inner .text[b-xqhamwoa9f]:before {
                        -webkit-animation: turn 0.25s ease-in-out infinite alternate;
                        animation: turn-b-xqhamwoa9f 0.25s ease-in-out infinite alternate;
                    }

@-webkit-keyframes turn {
    from {
        transform: rotate(-5deg);
    }

    to {
        transform: rotate(5deg);
    }
}

@keyframes turn-b-xqhamwoa9f {
    from {
        transform: rotate(-5deg);
    }

    to {
        transform: rotate(5deg);
    }
}

body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap[b-xqhamwoa9f] {
    z-index: -1;
}

    body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap .card .inner[b-xqhamwoa9f] {
        transform: rotateX(0deg) translateZ(-100px) scale(0.95) translateY(-30px) translateX(-50px);
    }

        body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transform: translateY(0px) skewY(0deg);
            transition-delay: 0.8s;
        }

        body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transition-delay: 1s;
        }

    body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap:nth-of-type(1)[b-xqhamwoa9f] {
        z-index: 2;
    }

        body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap:nth-of-type(1) .card .inner[b-xqhamwoa9f] {
            transform: rotateX(0deg) translateZ(150px) translateY(-20px) translateX(-70px);
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.25);
        }

            body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap:nth-of-type(1) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap:nth-of-type(1) .card .inner .link[b-xqhamwoa9f] {
                transition: opacity 0s ease-in-out, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease-in-out;
                transition-delay: 0.3s, 0.6s, 0s;
                transform: translateX(150%) rotateX(0deg);
                box-shadow: inherit;
                opacity: 1;
            }

            body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap:nth-of-type(1) .card .inner .link[b-xqhamwoa9f] {
                transition-delay: 0.3s, 0.75s, 0s;
            }

                body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap:nth-of-type(1) .card .inner .link p[b-xqhamwoa9f]:before {
                    transition-delay: 0.95s;
                }

            body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap:nth-of-type(1) .card .inner[b-xqhamwoa9f]:after {
                transform: skewX(0deg) translateZ(-1px) scale(1);
            }

            body #wrap .innerwrap input:nth-of-type(1):checked ~ .cards .cardwrap:nth-of-type(1) .card .inner[b-xqhamwoa9f]:before {
                transform: translateZ(20px);
            }

body #wrap .innerwrap input:nth-of-type(2)[b-xqhamwoa9f] {
    transform: rotate(45deg);
    transition: 0.7s cubic-bezier(1, 0, 0, 1);
}

    body #wrap .innerwrap input:nth-of-type(2):checked[b-xqhamwoa9f]:before {
        width: 500%;
        left: -125%;
        height: 500%;
        top: -125%;
        pointer-events: auto;
    }

    body #wrap .innerwrap input:nth-of-type(2):checked:hover ~ .cards .cardwrap:nth-of-type(2) .inner .text[b-xqhamwoa9f]:before {
        -webkit-animation: turn 0.25s ease-in-out infinite alternate;
        animation: turn-b-xqhamwoa9f 0.25s ease-in-out infinite alternate;
    }

@keyframes turn-b-xqhamwoa9f {
    from {
        transform: rotate(-5deg);
    }

    to {
        transform: rotate(5deg);
    }
}

body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap[b-xqhamwoa9f] {
    z-index: -1;
}

    body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap .card .inner[b-xqhamwoa9f] {
        transform: rotateX(0deg) translateZ(-100px) scale(0.95) translateY(-30px) translateX(-50px);
    }

        body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transform: translateY(0px) skewY(0deg);
            transition-delay: 0.8s;
        }

        body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transition-delay: 1s;
        }

    body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap:nth-of-type(2)[b-xqhamwoa9f] {
        z-index: 2;
        opacity: 1;
    }

        body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap:nth-of-type(2) .card .inner[b-xqhamwoa9f] {
            transform: rotateX(0deg) translateZ(150px) translateY(-20px) translateX(-70px);
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.25);
        }

            body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap:nth-of-type(2) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap:nth-of-type(2) .card .inner .link[b-xqhamwoa9f] {
                transition: opacity 0s ease-in-out, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease-in-out;
                transition-delay: 0.3s, 0.6s, 0s;
                transform: translateX(150%) rotateX(0deg);
                box-shadow: inherit;
                opacity: 1;
            }

            body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap:nth-of-type(2) .card .inner .link[b-xqhamwoa9f] {
                transition-delay: 0.3s, 0.75s, 0s;
            }

                body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap:nth-of-type(2) .card .inner .link p[b-xqhamwoa9f]:before {
                    transition-delay: 0.95s;
                }

            body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap:nth-of-type(2) .card .inner[b-xqhamwoa9f]:after {
                transform: skewX(0deg) translateZ(-1px) scale(1);
            }

            body #wrap .innerwrap input:nth-of-type(2):checked ~ .cards .cardwrap:nth-of-type(2) .card .inner[b-xqhamwoa9f]:before {
                transform: translateZ(20px);
            }

body #wrap .innerwrap input:nth-of-type(3)[b-xqhamwoa9f] {
    transform: rotate(90deg);
    transition: 0.7s cubic-bezier(1, 0, 0, 1);
}

    body #wrap .innerwrap input:nth-of-type(3):checked[b-xqhamwoa9f]:before {
        width: 500%;
        left: -125%;
        height: 500%;
        top: -125%;
        pointer-events: auto;
    }

    body #wrap .innerwrap input:nth-of-type(3):checked:hover ~ .cards .cardwrap:nth-of-type(3) .inner .text[b-xqhamwoa9f]:before {
        -webkit-animation: turn 0.25s ease-in-out infinite alternate;
        animation: turn-b-xqhamwoa9f 0.25s ease-in-out infinite alternate;
    }

@keyframes turn-b-xqhamwoa9f {
    from {
        transform: rotate(-5deg);
    }

    to {
        transform: rotate(5deg);
    }
}

body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap[b-xqhamwoa9f] {
    z-index: -1;
}

    body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap .card .inner[b-xqhamwoa9f] {
        transform: rotateX(0deg) translateZ(-100px) scale(0.95) translateY(-30px) translateX(-50px);
    }

        body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transform: translateY(0px) skewY(0deg);
            transition-delay: 0.8s;
        }

        body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transition-delay: 1s;
        }

    body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap:nth-of-type(3)[b-xqhamwoa9f] {
        z-index: 2;
    }

        body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap:nth-of-type(3) .card .inner[b-xqhamwoa9f] {
            transform: rotateX(0deg) translateZ(150px) translateY(-20px) translateX(-70px);
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.25);
        }

            body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap:nth-of-type(3) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap:nth-of-type(3) .card .inner .link[b-xqhamwoa9f] {
                transition: opacity 0s ease-in-out, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease-in-out;
                transition-delay: 0.3s, 0.6s, 0s;
                transform: translateX(150%) rotateX(0deg);
                box-shadow: inherit;
                opacity: 1;
            }

            body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap:nth-of-type(3) .card .inner .link[b-xqhamwoa9f] {
                transition-delay: 0.3s, 0.75s, 0s;
            }

                body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap:nth-of-type(3) .card .inner .link p[b-xqhamwoa9f]:before {
                    transition-delay: 0.95s;
                }

            body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap:nth-of-type(3) .card .inner[b-xqhamwoa9f]:after {
                transform: skewX(0deg) translateZ(-1px) scale(1);
            }

            body #wrap .innerwrap input:nth-of-type(3):checked ~ .cards .cardwrap:nth-of-type(3) .card .inner[b-xqhamwoa9f]:before {
                transform: translateZ(20px);
            }

body #wrap .innerwrap input:nth-of-type(4)[b-xqhamwoa9f] {
    transform: rotate(135deg);
    transition: 0.7s cubic-bezier(1, 0, 0, 1);
}

    body #wrap .innerwrap input:nth-of-type(4):checked[b-xqhamwoa9f]:before {
        width: 500%;
        left: -125%;
        height: 500%;
        top: -125%;
        pointer-events: auto;
    }

    body #wrap .innerwrap input:nth-of-type(4):checked:hover ~ .cards .cardwrap:nth-of-type(4) .inner .text[b-xqhamwoa9f]:before {
        -webkit-animation: turn 0.25s ease-in-out infinite alternate;
        animation: turn-b-xqhamwoa9f 0.25s ease-in-out infinite alternate;
    }

@keyframes turn-b-xqhamwoa9f {
    from {
        transform: rotate(-5deg);
    }

    to {
        transform: rotate(5deg);
    }
}

body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap[b-xqhamwoa9f] {
    z-index: -1;
}

    body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap .card .inner[b-xqhamwoa9f] {
        transform: rotateX(0deg) translateZ(-100px) scale(0.95) translateY(-30px) translateX(-50px);
    }

        body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transform: translateY(0px) skewY(0deg);
            transition-delay: 0.8s;
        }

        body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transition-delay: 1s;
        }

    body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap:nth-of-type(4)[b-xqhamwoa9f] {
        z-index: 2;
    }

        body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap:nth-of-type(4) .card .inner[b-xqhamwoa9f] {
            transform: rotateX(0deg) translateZ(150px) translateY(-20px) translateX(-70px);
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.25);
        }

            body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap:nth-of-type(4) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap:nth-of-type(4) .card .inner .link[b-xqhamwoa9f] {
                transition: opacity 0s ease-in-out, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease-in-out;
                transition-delay: 0.3s, 0.6s, 0s;
                transform: translateX(150%) rotateX(0deg);
                box-shadow: inherit;
                opacity: 1;
            }

            body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap:nth-of-type(4) .card .inner .link[b-xqhamwoa9f] {
                transition-delay: 0.3s, 0.75s, 0s;
            }

                body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap:nth-of-type(4) .card .inner .link p[b-xqhamwoa9f]:before {
                    transition-delay: 0.95s;
                }

            body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap:nth-of-type(4) .card .inner[b-xqhamwoa9f]:after {
                transform: skewX(0deg) translateZ(-1px) scale(1);
            }

            body #wrap .innerwrap input:nth-of-type(4):checked ~ .cards .cardwrap:nth-of-type(4) .card .inner[b-xqhamwoa9f]:before {
                transform: translateZ(20px);
            }

body #wrap .innerwrap input:nth-of-type(5)[b-xqhamwoa9f] {
    transform: rotate(180deg);
    transition: 0.7s cubic-bezier(1, 0, 0, 1);
}

    body #wrap .innerwrap input:nth-of-type(5):checked[b-xqhamwoa9f]:before {
        width: 500%;
        left: -125%;
        height: 500%;
        top: -125%;
        pointer-events: auto;
    }

    body #wrap .innerwrap input:nth-of-type(5):checked:hover ~ .cards .cardwrap:nth-of-type(5) .inner .text[b-xqhamwoa9f]:before {
        -webkit-animation: turn 0.25s ease-in-out infinite alternate;
        animation: turn-b-xqhamwoa9f 0.25s ease-in-out infinite alternate;
    }

@keyframes turn-b-xqhamwoa9f {
    from {
        transform: rotate(-5deg);
    }

    to {
        transform: rotate(5deg);
    }
}

body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap[b-xqhamwoa9f] {
    z-index: -1;
}

    body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap .card .inner[b-xqhamwoa9f] {
        transform: rotateX(0deg) translateZ(-100px) scale(0.95) translateY(-30px) translateX(-50px);
    }

        body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transform: translateY(0px) skewY(0deg);
            transition-delay: 0.8s;
        }

        body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transition-delay: 1s;
        }

    body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap:nth-of-type(5)[b-xqhamwoa9f] {
        z-index: 2;
    }

        body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap:nth-of-type(5) .card .inner[b-xqhamwoa9f] {
            transform: rotateX(0deg) translateZ(150px) translateY(-20px) translateX(-70px);
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.25);
        }

            body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap:nth-of-type(5) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap:nth-of-type(5) .card .inner .link[b-xqhamwoa9f] {
                transition: opacity 0s ease-in-out, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease-in-out;
                transition-delay: 0.3s, 0.6s, 0s;
                transform: translateX(150%) rotateX(0deg);
                box-shadow: inherit;
                opacity: 1;
            }

            body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap:nth-of-type(5) .card .inner .link[b-xqhamwoa9f] {
                transition-delay: 0.3s, 0.75s, 0s;
            }

                body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap:nth-of-type(5) .card .inner .link p[b-xqhamwoa9f]:before {
                    transition-delay: 0.95s;
                }

            body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap:nth-of-type(5) .card .inner[b-xqhamwoa9f]:after {
                transform: skewX(0deg) translateZ(-1px) scale(1);
            }

            body #wrap .innerwrap input:nth-of-type(5):checked ~ .cards .cardwrap:nth-of-type(5) .card .inner[b-xqhamwoa9f]:before {
                transform: translateZ(20px);
            }

body #wrap .innerwrap input:nth-of-type(6)[b-xqhamwoa9f] {
    transform: rotate(225deg);
    transition: 0.7s cubic-bezier(1, 0, 0, 1);
}

    body #wrap .innerwrap input:nth-of-type(6):checked[b-xqhamwoa9f]:before {
        width: 500%;
        left: -125%;
        height: 500%;
        top: -125%;
        pointer-events: auto;
    }

    body #wrap .innerwrap input:nth-of-type(6):checked:hover ~ .cards .cardwrap:nth-of-type(6) .inner .text[b-xqhamwoa9f]:before {
        -webkit-animation: turn 0.25s ease-in-out infinite alternate;
        animation: turn-b-xqhamwoa9f 0.25s ease-in-out infinite alternate;
    }

@keyframes turn-b-xqhamwoa9f {
    from {
        transform: rotate(-5deg);
    }

    to {
        transform: rotate(5deg);
    }
}

body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap[b-xqhamwoa9f] {
    z-index: -1;
}

    body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap .card .inner[b-xqhamwoa9f] {
        transform: rotateX(0deg) translateZ(-100px) scale(0.95) translateY(-30px) translateX(-50px);
    }

        body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transform: translateY(0px) skewY(0deg);
            transition-delay: 0.8s;
        }

        body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transition-delay: 1s;
        }

    body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap:nth-of-type(6)[b-xqhamwoa9f] {
        z-index: 2;
    }

        body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap:nth-of-type(6) .card .inner[b-xqhamwoa9f] {
            transform: rotateX(0deg) translateZ(150px) translateY(-20px) translateX(-70px);
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.25);
        }

            body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap:nth-of-type(6) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap:nth-of-type(6) .card .inner .link[b-xqhamwoa9f] {
                transition: opacity 0s ease-in-out, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease-in-out;
                transition-delay: 0.3s, 0.6s, 0s;
                transform: translateX(150%) rotateX(0deg);
                box-shadow: inherit;
                opacity: 1;
            }

            body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap:nth-of-type(6) .card .inner .link[b-xqhamwoa9f] {
                transition-delay: 0.3s, 0.75s, 0s;
            }

                body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap:nth-of-type(6) .card .inner .link p[b-xqhamwoa9f]:before {
                    transition-delay: 0.95s;
                }

            body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap:nth-of-type(6) .card .inner[b-xqhamwoa9f]:after {
                transform: skewX(0deg) translateZ(-1px) scale(1);
            }

            body #wrap .innerwrap input:nth-of-type(6):checked ~ .cards .cardwrap:nth-of-type(6) .card .inner[b-xqhamwoa9f]:before {
                transform: translateZ(20px);
            }

body #wrap .innerwrap input:nth-of-type(7)[b-xqhamwoa9f] {
    transform: rotate(270deg);
    transition: 0.7s cubic-bezier(1, 0, 0, 1);
}

    body #wrap .innerwrap input:nth-of-type(7):checked[b-xqhamwoa9f]:before {
        width: 500%;
        left: -125%;
        height: 500%;
        top: -125%;
        pointer-events: auto;
    }

    body #wrap .innerwrap input:nth-of-type(7):checked:hover ~ .cards .cardwrap:nth-of-type(7) .inner .text[b-xqhamwoa9f]:before {
        -webkit-animation: turn 0.25s ease-in-out infinite alternate;
        animation: turn-b-xqhamwoa9f 0.25s ease-in-out infinite alternate;
    }

@keyframes turn-b-xqhamwoa9f {
    from {
        transform: rotate(-5deg);
    }

    to {
        transform: rotate(5deg);
    }
}

body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap[b-xqhamwoa9f] {
    z-index: -1;
}

    body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap .card .inner[b-xqhamwoa9f] {
        transform: rotateX(0deg) translateZ(-100px) scale(0.95) translateY(-30px) translateX(-50px);
    }

        body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transform: translateY(0px) skewY(0deg);
            transition-delay: 0.8s;
        }

        body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transition-delay: 1s;
        }

    body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap:nth-of-type(7)[b-xqhamwoa9f] {
        z-index: 2;
    }

        body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap:nth-of-type(7) .card .inner[b-xqhamwoa9f] {
            transform: rotateX(0deg) translateZ(150px) translateY(-20px) translateX(-70px);
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.25);
        }

            body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap:nth-of-type(7) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap:nth-of-type(7) .card .inner .link[b-xqhamwoa9f] {
                transition: opacity 0s ease-in-out, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease-in-out;
                transition-delay: 0.3s, 0.6s, 0s;
                transform: translateX(150%) rotateX(0deg);
                box-shadow: inherit;
                opacity: 1;
            }

            body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap:nth-of-type(7) .card .inner .link[b-xqhamwoa9f] {
                transition-delay: 0.3s, 0.75s, 0s;
            }

                body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap:nth-of-type(7) .card .inner .link p[b-xqhamwoa9f]:before {
                    transition-delay: 0.95s;
                }

            body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap:nth-of-type(7) .card .inner[b-xqhamwoa9f]:after {
                transform: skewX(0deg) translateZ(-1px) scale(1);
            }

            body #wrap .innerwrap input:nth-of-type(7):checked ~ .cards .cardwrap:nth-of-type(7) .card .inner[b-xqhamwoa9f]:before {
                transform: translateZ(20px);
            }

body #wrap .innerwrap input:nth-of-type(8)[b-xqhamwoa9f] {
    transform: rotate(315deg);
    transition: 0.7s cubic-bezier(1, 0, 0, 1);
}

    body #wrap .innerwrap input:nth-of-type(8):checked[b-xqhamwoa9f]:before {
        width: 500%;
        left: -125%;
        height: 500%;
        top: -125%;
        pointer-events: auto;
    }

    body #wrap .innerwrap input:nth-of-type(8):checked:hover ~ .cards .cardwrap:nth-of-type(8) .inner .text[b-xqhamwoa9f]:before {
        -webkit-animation: turn 0.25s ease-in-out infinite alternate;
        animation: turn-b-xqhamwoa9f 0.25s ease-in-out infinite alternate;
    }

@keyframes turn-b-xqhamwoa9f {
    from {
        transform: rotate(-5deg);
    }

    to {
        transform: rotate(5deg);
    }
}

body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap[b-xqhamwoa9f] {
    z-index: -1;
}

    body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap .card .inner[b-xqhamwoa9f] {
        transform: rotateX(0deg) translateZ(-100px) scale(0.95) translateY(-30px) translateX(-50px);
    }

        body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transform: translateY(0px) skewY(0deg);
            transition-delay: 0.8s;
        }

        body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap .card .inner .link p[b-xqhamwoa9f] {
            transition-delay: 1s;
        }

    body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap:nth-of-type(8)[b-xqhamwoa9f] {
        z-index: 2;
    }

        body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap:nth-of-type(8) .card .inner[b-xqhamwoa9f] {
            transform: rotateX(0deg) translateZ(150px) translateY(-20px) translateX(-70px);
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.25);
        }

            body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap:nth-of-type(8) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap:nth-of-type(8) .card .inner .link[b-xqhamwoa9f] {
                transition: opacity 0s ease-in-out, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease-in-out;
                transition-delay: 0.3s, 0.6s, 0s;
                transform: translateX(150%) rotateX(0deg);
                box-shadow: inherit;
                opacity: 1;
            }

            body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap:nth-of-type(8) .card .inner .link[b-xqhamwoa9f] {
                transition-delay: 0.3s, 0.75s, 0s;
            }

                body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap:nth-of-type(8) .card .inner .link p[b-xqhamwoa9f]:before {
                    transition-delay: 0.95s;
                }

            body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap:nth-of-type(8) .card .inner[b-xqhamwoa9f]:after {
                transform: skewX(0deg) translateZ(-1px) scale(1);
            }

            body #wrap .innerwrap input:nth-of-type(8):checked ~ .cards .cardwrap:nth-of-type(8) .card .inner[b-xqhamwoa9f]:before {
                transform: translateZ(20px);
            }

body #wrap .innerwrap .cards[b-xqhamwoa9f] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100px;
    top: 0;
    transition: 0.7s cubic-bezier(1, 0, 0, 1);
}

body #wrap .innerwrap .cardwrap[b-xqhamwoa9f] {
    position: absolute;
    top: calc(50% - 150px);
    height: 300px;
    width: 250px;
    left: 1000px;
    transform-style: preserve-3d;
    transform-origin: -350px;
    perspective: 800px;
    transition: 0.7s cubic-bezier(1, 0, 0, 1);
}

    body #wrap .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
        opacity: 0;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(1n) .card .inner[b-xqhamwoa9f] {
        background: #32cbfb;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(2n) .card .inner[b-xqhamwoa9f] {
        background: #fc3359;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(3n) .card .inner[b-xqhamwoa9f] {
        background: #fefb3a;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(1)[b-xqhamwoa9f] {
        transform: rotate(45deg);
    }

        body #wrap .innerwrap .cardwrap:nth-of-type(1) .card[b-xqhamwoa9f] {
            transform: rotate(-45deg);
            transition: 0.7s cubic-bezier(1, 0, 0, 1);
        }

            body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner[b-xqhamwoa9f] {
                position: absolute;
                width: 112.5%;
                height: 112.5%;
                left: -0.675%;
                top: -0.675%;
                background: #fc3359;
                transform-style: preserve-3d;
                transform-origin: bottom;
                transform: rotateX(-30deg) translateZ(-100px);
                transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                pointer-events: none;
                display: flex;
                padding: 25px 25px 40px 25px;
                box-sizing: border-box;
                align-items: flex-end;
                flex-wrap: wrap;
            }

                body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner h1[b-xqhamwoa9f] {
                    font-family: "Anton";
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-size: 40px;
                    transform: translateZ(25px);
                    position: relative;
                    color: #222;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner h1 span[b-xqhamwoa9f] {
                        position: absolute;
                        font-size: 12px;
                        top: -30px;
                        left: 0;
                        padding: 5px;
                        background: #222;
                        color: #fff;
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner[b-xqhamwoa9f]:before {
                    /*content: "01";*/
                    left: 25px;
                    top: 25px;
                    font-size: 75px;
                    color: #bl;
                    font-family: "Anton";
                    position: absolute;
                    transform: translateZ(1px);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner[b-xqhamwoa9f]:after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 75%;
                    bottom: 0;
                    left: 0;
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00001), rgba(0, 0, 0, 0.1));
                    transform-origin: bottom;
                    transform-style: preserve-3d;
                    z-index: -1;
                    transform: skewX(-10deg) translateZ(-1px) scale(1);
                    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner .text[b-xqhamwoa9f]:before {
                    content: "";
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    border-radius: 100%;
                    background: linear-gradient(45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), linear-gradient(-45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), #fc3359;
                    z-index: 999;
                    top: 10px;
                    right: 10px;
                    box-shadow: inset 0 0 0 5px #fc3359;
                    transition: 0.2s ease-in-out;
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner .link[b-xqhamwoa9f] {
                    box-sizing: border-box;
                    position: absolute;
                    width: 70%;
                    height: 60%;
                    left: 0;
                    top: 0;
                    background: #222;
                    transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
                    transform: translateX(150%) rotateX(90deg);
                    opacity: 0;
                    transform-origin: bottom;
                    color: #fff;
                    padding: 25px;
                    display: flex;
                    align-items: center;
                    text-transform: uppercase;
                    overflow: hidden;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner .link p[b-xqhamwoa9f] {
                        font-size: 12px;
                        margin-top: 0;
                        line-height: 1.5;
                        position: relative;
                        font-family: "Raleway";
                        transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
                        transform: translateY(200px) skewY(20deg);
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner .link[b-xqhamwoa9f] {
                    transform-origin: top;
                    height: calc(40% - 15px);
                    top: calc(60% + 15px);
                    background: #fff;
                    color: #222;
                    transform: translateX(150%) rotateX(-90deg);
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(1) .card .inner .link p[b-xqhamwoa9f] {
                        transform: translateY(200px) skewY(-20deg);
                    }

    body #wrap .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
        opacity: 0;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(1n) .card .inner[b-xqhamwoa9f] {
        background: #32cbfb;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(2n) .card .inner[b-xqhamwoa9f] {
        background: #fc3359;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(3n) .card .inner[b-xqhamwoa9f] {
        background: #fefb3a;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(2)[b-xqhamwoa9f] {
        transform: rotate(90deg);
    }

        body #wrap .innerwrap .cardwrap:nth-of-type(2) .card[b-xqhamwoa9f] {
            transform: rotate(-90deg);
            transition: 0.7s cubic-bezier(1, 0, 0, 1);
        }

            body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner[b-xqhamwoa9f] {
                position: absolute;
                width: 112.5%;
                height: 112.5%;
                left: -0.675%;
                top: -0.675%;
                background: #fc3359;
                transform-style: preserve-3d;
                transform-origin: bottom;
                transform: rotateX(-30deg) translateZ(-100px);
                transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                pointer-events: none;
                display: flex;
                padding: 25px 25px 40px 25px;
                box-sizing: border-box;
                align-items: flex-end;
                flex-wrap: wrap;
            }

                body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner h1[b-xqhamwoa9f] {
                    font-family: "Anton";
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-size: 40px;
                    transform: translateZ(25px);
                    position: relative;
                    color: #222;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner h1 span[b-xqhamwoa9f] {
                        position: absolute;
                        font-size: 12px;
                        top: -30px;
                        left: 0;
                        padding: 5px;
                        background: #222;
                        color: #fff;
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner[b-xqhamwoa9f]:before {
                    /*content: "02";*/
                    left: 25px;
                    top: 25px;
                    font-size: 75px;
                    color: #bl;
                    font-family: "Anton";
                    position: absolute;
                    transform: translateZ(1px);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner[b-xqhamwoa9f]:after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 75%;
                    bottom: 0;
                    left: 0;
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00001), rgba(0, 0, 0, 0.1));
                    transform-origin: bottom;
                    transform-style: preserve-3d;
                    z-index: -1;
                    transform: skewX(-10deg) translateZ(-1px) scale(1);
                    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner .text[b-xqhamwoa9f]:before {
                    content: "";
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    border-radius: 100%;
                    background: linear-gradient(45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), linear-gradient(-45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), #fc3359;
                    z-index: 999;
                    top: 10px;
                    right: 10px;
                    box-shadow: inset 0 0 0 5px #fc3359;
                    transition: 0.2s ease-in-out;
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner .link[b-xqhamwoa9f] {
                    box-sizing: border-box;
                    position: absolute;
                    width: 70%;
                    height: 60%;
                    left: 0;
                    top: 0;
                    background: #222;
                    transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
                    transform: translateX(150%) rotateX(90deg);
                    opacity: 0;
                    transform-origin: bottom;
                    color: #fff;
                    padding: 25px;
                    display: flex;
                    align-items: center;
                    text-transform: uppercase;
                    overflow: hidden;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner .link p[b-xqhamwoa9f] {
                        font-size: 12px;
                        margin-top: 0;
                        line-height: 1.5;
                        position: relative;
                        font-family: "Raleway";
                        transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
                        transform: translateY(200px) skewY(20deg);
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner .link[b-xqhamwoa9f] {
                    transform-origin: top;
                    height: calc(40% - 15px);
                    top: calc(60% + 15px);
                    background: #fff;
                    color: #222;
                    transform: translateX(150%) rotateX(-90deg);
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(2) .card .inner .link p[b-xqhamwoa9f] {
                        transform: translateY(200px) skewY(-20deg);
                    }

    body #wrap .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
        opacity: 0;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(1n) .card .inner[b-xqhamwoa9f] {
        background: #32cbfb;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(2n) .card .inner[b-xqhamwoa9f] {
        background: #fc3359;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(3n) .card .inner[b-xqhamwoa9f] {
        background: #fefb3a;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(3)[b-xqhamwoa9f] {
        transform: rotate(135deg);
    }

        body #wrap .innerwrap .cardwrap:nth-of-type(3) .card[b-xqhamwoa9f] {
            transform: rotate(-135deg);
            transition: 0.7s cubic-bezier(1, 0, 0, 1);
        }

            body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner[b-xqhamwoa9f] {
                position: absolute;
                width: 112.5%;
                height: 112.5%;
                left: -0.675%;
                top: -0.675%;
                background: #fc3359;
                transform-style: preserve-3d;
                transform-origin: bottom;
                transform: rotateX(-30deg) translateZ(-100px);
                transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                pointer-events: none;
                display: flex;
                padding: 25px 25px 40px 25px;
                box-sizing: border-box;
                align-items: flex-end;
                flex-wrap: wrap;
            }

                body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner h1[b-xqhamwoa9f] {
                    font-family: "Anton";
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-size: 40px;
                    transform: translateZ(25px);
                    position: relative;
                    color: #222;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner h1 span[b-xqhamwoa9f] {
                        position: absolute;
                        font-size: 12px;
                        top: -30px;
                        left: 0;
                        padding: 5px;
                        background: #222;
                        color: #fff;
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner[b-xqhamwoa9f]:before {
                    /*content: "03";*/
                    left: 25px;
                    top: 25px;
                    font-size: 75px;
                    color: #bl;
                    font-family: "Anton";
                    position: absolute;
                    transform: translateZ(1px);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner[b-xqhamwoa9f]:after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 75%;
                    bottom: 0;
                    left: 0;
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00001), rgba(0, 0, 0, 0.1));
                    transform-origin: bottom;
                    transform-style: preserve-3d;
                    z-index: -1;
                    transform: skewX(-10deg) translateZ(-1px) scale(1);
                    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner .text[b-xqhamwoa9f]:before {
                    content: "";
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    border-radius: 100%;
                    background: linear-gradient(45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), linear-gradient(-45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), #fc3359;
                    z-index: 999;
                    top: 10px;
                    right: 10px;
                    box-shadow: inset 0 0 0 5px #fc3359;
                    transition: 0.2s ease-in-out;
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner .link[b-xqhamwoa9f] {
                    box-sizing: border-box;
                    position: absolute;
                    width: 70%;
                    height: 60%;
                    left: 0;
                    top: 0;
                    background: #222;
                    transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
                    transform: translateX(150%) rotateX(90deg);
                    opacity: 0;
                    transform-origin: bottom;
                    color: #fff;
                    padding: 25px;
                    display: flex;
                    align-items: center;
                    text-transform: uppercase;
                    overflow: hidden;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner .link p[b-xqhamwoa9f] {
                        font-size: 12px;
                        margin-top: 0;
                        line-height: 1.5;
                        position: relative;
                        font-family: "Raleway";
                        transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
                        transform: translateY(200px) skewY(20deg);
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner .link[b-xqhamwoa9f] {
                    transform-origin: top;
                    height: calc(40% - 15px);
                    top: calc(60% + 15px);
                    background: #fff;
                    color: #222;
                    transform: translateX(150%) rotateX(-90deg);
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(3) .card .inner .link p[b-xqhamwoa9f] {
                        transform: translateY(200px) skewY(-20deg);
                    }

    body #wrap .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
        opacity: 0;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(1n) .card .inner[b-xqhamwoa9f] {
        background: #32cbfb;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(2n) .card .inner[b-xqhamwoa9f] {
        background: #fc3359;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(3n) .card .inner[b-xqhamwoa9f] {
        background: #fefb3a;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(4)[b-xqhamwoa9f] {
        transform: rotate(180deg);
    }

        body #wrap .innerwrap .cardwrap:nth-of-type(4) .card[b-xqhamwoa9f] {
            transform: rotate(-180deg);
            transition: 0.7s cubic-bezier(1, 0, 0, 1);
        }

            body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner[b-xqhamwoa9f] {
                position: absolute;
                width: 112.5%;
                height: 112.5%;
                left: -0.675%;
                top: -0.675%;
                background: #fc3359;
                transform-style: preserve-3d;
                transform-origin: bottom;
                transform: rotateX(-30deg) translateZ(-100px);
                transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                pointer-events: none;
                display: flex;
                padding: 25px 25px 40px 25px;
                box-sizing: border-box;
                align-items: flex-end;
                flex-wrap: wrap;
            }

                body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner h1[b-xqhamwoa9f] {
                    font-family: "Anton";
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-size: 40px;
                    transform: translateZ(25px);
                    position: relative;
                    color: #222;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner h1 span[b-xqhamwoa9f] {
                        position: absolute;
                        font-size: 12px;
                        top: -30px;
                        left: 0;
                        padding: 5px;
                        background: #222;
                        color: #fff;
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner[b-xqhamwoa9f]:before {
                    /*content: "04";*/
                    left: 25px;
                    top: 25px;
                    font-size: 75px;
                    color: #bl;
                    font-family: "Anton";
                    position: absolute;
                    transform: translateZ(1px);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner[b-xqhamwoa9f]:after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 75%;
                    bottom: 0;
                    left: 0;
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00001), rgba(0, 0, 0, 0.1));
                    transform-origin: bottom;
                    transform-style: preserve-3d;
                    z-index: -1;
                    transform: skewX(-10deg) translateZ(-1px) scale(1);
                    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner .text[b-xqhamwoa9f]:before {
                    content: "";
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    border-radius: 100%;
                    background: linear-gradient(45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), linear-gradient(-45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), #fc3359;
                    z-index: 999;
                    top: 10px;
                    right: 10px;
                    box-shadow: inset 0 0 0 5px #fc3359;
                    transition: 0.2s ease-in-out;
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner .link[b-xqhamwoa9f] {
                    box-sizing: border-box;
                    position: absolute;
                    width: 70%;
                    height: 60%;
                    left: 0;
                    top: 0;
                    background: #222;
                    transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
                    transform: translateX(150%) rotateX(90deg);
                    opacity: 0;
                    transform-origin: bottom;
                    color: #fff;
                    padding: 25px;
                    display: flex;
                    align-items: center;
                    text-transform: uppercase;
                    overflow: hidden;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner .link p[b-xqhamwoa9f] {
                        font-size: 12px;
                        margin-top: 0;
                        line-height: 1.5;
                        position: relative;
                        font-family: "Raleway";
                        transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
                        transform: translateY(200px) skewY(20deg);
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner .link[b-xqhamwoa9f] {
                    transform-origin: top;
                    height: calc(40% - 15px);
                    top: calc(60% + 15px);
                    background: #fff;
                    color: #222;
                    transform: translateX(150%) rotateX(-90deg);
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(4) .card .inner .link p[b-xqhamwoa9f] {
                        transform: translateY(200px) skewY(-20deg);
                    }

    body #wrap .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
        opacity: 0;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(1n) .card .inner[b-xqhamwoa9f] {
        background: #32cbfb;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(2n) .card .inner[b-xqhamwoa9f] {
        background: #fc3359;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(3n) .card .inner[b-xqhamwoa9f] {
        background: #fefb3a;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(5)[b-xqhamwoa9f] {
        transform: rotate(225deg);
    }

        body #wrap .innerwrap .cardwrap:nth-of-type(5) .card[b-xqhamwoa9f] {
            transform: rotate(-225deg);
            transition: 0.7s cubic-bezier(1, 0, 0, 1);
        }

            body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner[b-xqhamwoa9f] {
                position: absolute;
                width: 112.5%;
                height: 112.5%;
                left: -0.675%;
                top: -0.675%;
                background: #fc3359;
                transform-style: preserve-3d;
                transform-origin: bottom;
                transform: rotateX(-30deg) translateZ(-100px);
                transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                pointer-events: none;
                display: flex;
                padding: 25px 25px 40px 25px;
                box-sizing: border-box;
                align-items: flex-end;
                flex-wrap: wrap;
            }

                body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner h1[b-xqhamwoa9f] {
                    font-family: "Anton";
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-size: 40px;
                    transform: translateZ(25px);
                    position: relative;
                    color: #222;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner h1 span[b-xqhamwoa9f] {
                        position: absolute;
                        font-size: 12px;
                        top: -30px;
                        left: 0;
                        padding: 5px;
                        background: #222;
                        color: #fff;
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner[b-xqhamwoa9f]:before {
                    /*content: "05";*/
                    left: 25px;
                    top: 25px;
                    font-size: 75px;
                    color: #bl;
                    font-family: "Anton";
                    position: absolute;
                    transform: translateZ(1px);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner[b-xqhamwoa9f]:after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 75%;
                    bottom: 0;
                    left: 0;
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00001), rgba(0, 0, 0, 0.1));
                    transform-origin: bottom;
                    transform-style: preserve-3d;
                    z-index: -1;
                    transform: skewX(-10deg) translateZ(-1px) scale(1);
                    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner .text[b-xqhamwoa9f]:before {
                    content: "";
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    border-radius: 100%;
                    background: linear-gradient(45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), linear-gradient(-45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), #fc3359;
                    z-index: 999;
                    top: 10px;
                    right: 10px;
                    box-shadow: inset 0 0 0 5px #fc3359;
                    transition: 0.2s ease-in-out;
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner .link[b-xqhamwoa9f] {
                    box-sizing: border-box;
                    position: absolute;
                    width: 70%;
                    height: 60%;
                    left: 0;
                    top: 0;
                    background: #222;
                    transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
                    transform: translateX(150%) rotateX(90deg);
                    opacity: 0;
                    transform-origin: bottom;
                    color: #fff;
                    padding: 25px;
                    display: flex;
                    align-items: center;
                    text-transform: uppercase;
                    overflow: hidden;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner .link p[b-xqhamwoa9f] {
                        font-size: 12px;
                        margin-top: 0;
                        line-height: 1.5;
                        position: relative;
                        font-family: "Raleway";
                        transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
                        transform: translateY(200px) skewY(20deg);
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner .link[b-xqhamwoa9f] {
                    transform-origin: top;
                    height: calc(40% - 15px);
                    top: calc(60% + 15px);
                    background: #fff;
                    color: #222;
                    transform: translateX(150%) rotateX(-90deg);
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(5) .card .inner .link p[b-xqhamwoa9f] {
                        transform: translateY(200px) skewY(-20deg);
                    }

    body #wrap .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
        opacity: 0;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(1n) .card .inner[b-xqhamwoa9f] {
        background: #32cbfb;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(2n) .card .inner[b-xqhamwoa9f] {
        background: #fc3359;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(3n) .card .inner[b-xqhamwoa9f] {
        background: #fefb3a;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(6)[b-xqhamwoa9f] {
        transform: rotate(270deg);
    }

        body #wrap .innerwrap .cardwrap:nth-of-type(6) .card[b-xqhamwoa9f] {
            transform: rotate(-270deg);
            transition: 0.7s cubic-bezier(1, 0, 0, 1);
        }

            body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner[b-xqhamwoa9f] {
                position: absolute;
                width: 112.5%;
                height: 112.5%;
                left: -0.675%;
                top: -0.675%;
                background: #fc3359;
                transform-style: preserve-3d;
                transform-origin: bottom;
                transform: rotateX(-30deg) translateZ(-100px);
                transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                pointer-events: none;
                display: flex;
                padding: 25px 25px 40px 25px;
                box-sizing: border-box;
                align-items: flex-end;
                flex-wrap: wrap;
            }

                body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner h1[b-xqhamwoa9f] {
                    font-family: "Anton";
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-size: 40px;
                    transform: translateZ(25px);
                    position: relative;
                    color: #222;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner h1 span[b-xqhamwoa9f] {
                        position: absolute;
                        font-size: 12px;
                        top: -30px;
                        left: 0;
                        padding: 5px;
                        background: #222;
                        color: #fff;
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner[b-xqhamwoa9f]:before {
                    /*content: "06";*/
                    left: 25px;
                    top: 25px;
                    font-size: 75px;
                    color: #bl;
                    font-family: "Anton";
                    position: absolute;
                    transform: translateZ(1px);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner[b-xqhamwoa9f]:after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 75%;
                    bottom: 0;
                    left: 0;
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00001), rgba(0, 0, 0, 0.1));
                    transform-origin: bottom;
                    transform-style: preserve-3d;
                    z-index: -1;
                    transform: skewX(-10deg) translateZ(-1px) scale(1);
                    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner .text[b-xqhamwoa9f]:before {
                    content: "";
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    border-radius: 100%;
                    background: linear-gradient(45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), linear-gradient(-45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), #fc3359;
                    z-index: 999;
                    top: 10px;
                    right: 10px;
                    box-shadow: inset 0 0 0 5px #fc3359;
                    transition: 0.2s ease-in-out;
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner .link[b-xqhamwoa9f] {
                    box-sizing: border-box;
                    position: absolute;
                    width: 70%;
                    height: 60%;
                    left: 0;
                    top: 0;
                    background: #222;
                    transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
                    transform: translateX(150%) rotateX(90deg);
                    opacity: 0;
                    transform-origin: bottom;
                    color: #fff;
                    padding: 25px;
                    display: flex;
                    align-items: center;
                    text-transform: uppercase;
                    overflow: hidden;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner .link p[b-xqhamwoa9f] {
                        font-size: 12px;
                        margin-top: 0;
                        line-height: 1.5;
                        position: relative;
                        font-family: "Raleway";
                        transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
                        transform: translateY(200px) skewY(20deg);
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner .link[b-xqhamwoa9f] {
                    transform-origin: top;
                    height: calc(40% - 15px);
                    top: calc(60% + 15px);
                    background: #fff;
                    color: #222;
                    transform: translateX(150%) rotateX(-90deg);
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(6) .card .inner .link p[b-xqhamwoa9f] {
                        transform: translateY(200px) skewY(-20deg);
                    }

    body #wrap .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
        opacity: 0;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(1n) .card .inner[b-xqhamwoa9f] {
        background: #32cbfb;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(2n) .card .inner[b-xqhamwoa9f] {
        background: #fc3359;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(3n) .card .inner[b-xqhamwoa9f] {
        background: #fefb3a;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(7)[b-xqhamwoa9f] {
        transform: rotate(315deg);
    }

        body #wrap .innerwrap .cardwrap:nth-of-type(7) .card[b-xqhamwoa9f] {
            transform: rotate(-315deg);
            transition: 0.7s cubic-bezier(1, 0, 0, 1);
        }

            body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner[b-xqhamwoa9f] {
                position: absolute;
                width: 112.5%;
                height: 112.5%;
                left: -0.675%;
                top: -0.675%;
                background: #fc3359;
                transform-style: preserve-3d;
                transform-origin: bottom;
                transform: rotateX(-30deg) translateZ(-100px);
                transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                pointer-events: none;
                display: flex;
                padding: 25px 25px 40px 25px;
                box-sizing: border-box;
                align-items: flex-end;
                flex-wrap: wrap;
            }

                body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner h1[b-xqhamwoa9f] {
                    font-family: "Anton";
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-size: 40px;
                    transform: translateZ(25px);
                    position: relative;
                    color: #222;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner h1 span[b-xqhamwoa9f] {
                        position: absolute;
                        font-size: 12px;
                        top: -30px;
                        left: 0;
                        padding: 5px;
                        background: #222;
                        color: #fff;
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner[b-xqhamwoa9f]:before {
                    /*content: "07";*/
                    left: 25px;
                    top: 25px;
                    font-size: 75px;
                    color: #bl;
                    font-family: "Anton";
                    position: absolute;
                    transform: translateZ(1px);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner[b-xqhamwoa9f]:after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 75%;
                    bottom: 0;
                    left: 0;
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00001), rgba(0, 0, 0, 0.1));
                    transform-origin: bottom;
                    transform-style: preserve-3d;
                    z-index: -1;
                    transform: skewX(-10deg) translateZ(-1px) scale(1);
                    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner .text[b-xqhamwoa9f]:before {
                    content: "";
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    border-radius: 100%;
                    background: linear-gradient(45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), linear-gradient(-45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), #fc3359;
                    z-index: 999;
                    top: 10px;
                    right: 10px;
                    box-shadow: inset 0 0 0 5px #fc3359;
                    transition: 0.2s ease-in-out;
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner .link[b-xqhamwoa9f] {
                    box-sizing: border-box;
                    position: absolute;
                    width: 70%;
                    height: 60%;
                    left: 0;
                    top: 0;
                    background: #222;
                    transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
                    transform: translateX(150%) rotateX(90deg);
                    opacity: 0;
                    transform-origin: bottom;
                    color: #fff;
                    padding: 25px;
                    display: flex;
                    align-items: center;
                    text-transform: uppercase;
                    overflow: hidden;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner .link p[b-xqhamwoa9f] {
                        font-size: 12px;
                        margin-top: 0;
                        line-height: 1.5;
                        position: relative;
                        font-family: "Raleway";
                        transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
                        transform: translateY(200px) skewY(20deg);
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner .link[b-xqhamwoa9f] {
                    transform-origin: top;
                    height: calc(40% - 15px);
                    top: calc(60% + 15px);
                    background: #fff;
                    color: #222;
                    transform: translateX(150%) rotateX(-90deg);
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(7) .card .inner .link p[b-xqhamwoa9f] {
                        transform: translateY(200px) skewY(-20deg);
                    }

    body #wrap .innerwrap .cardwrap:last-of-type[b-xqhamwoa9f] {
        opacity: 0;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(1n) .card .inner[b-xqhamwoa9f] {
        background: #32cbfb;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(2n) .card .inner[b-xqhamwoa9f] {
        background: #fc3359;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(3n) .card .inner[b-xqhamwoa9f] {
        background: #fefb3a;
    }

    body #wrap .innerwrap .cardwrap:nth-of-type(8)[b-xqhamwoa9f] {
        transform: rotate(360deg);
    }

        body #wrap .innerwrap .cardwrap:nth-of-type(8) .card[b-xqhamwoa9f] {
            transform: rotate(-360deg);
            transition: 0.7s cubic-bezier(1, 0, 0, 1);
        }

            body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner[b-xqhamwoa9f] {
                position: absolute;
                width: 112.5%;
                height: 112.5%;
                left: -0.675%;
                top: -0.675%;
                background: #fc3359;
                transform-style: preserve-3d;
                transform-origin: bottom;
                transform: rotateX(-30deg) translateZ(-100px);
                transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                pointer-events: none;
                display: flex;
                padding: 25px 25px 40px 25px;
                box-sizing: border-box;
                align-items: flex-end;
                flex-wrap: wrap;
            }

                body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner h1[b-xqhamwoa9f] {
                    font-family: "Anton";
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-size: 40px;
                    transform: translateZ(25px);
                    position: relative;
                    color: #222;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner h1 span[b-xqhamwoa9f] {
                        position: absolute;
                        font-size: 12px;
                        top: -30px;
                        left: 0;
                        padding: 5px;
                        background: #222;
                        color: #fff;
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner[b-xqhamwoa9f]:before {
                    /*content: "08";*/
                    left: 25px;
                    top: 25px;
                    font-size: 75px;
                    color: #bl;
                    font-family: "Anton";
                    position: absolute;
                    transform: translateZ(1px);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner[b-xqhamwoa9f]:after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 75%;
                    bottom: 0;
                    left: 0;
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00001), rgba(0, 0, 0, 0.1));
                    transform-origin: bottom;
                    transform-style: preserve-3d;
                    z-index: -1;
                    transform: skewX(-10deg) translateZ(-1px) scale(1);
                    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner .text[b-xqhamwoa9f]:before {
                    content: "";
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    border-radius: 100%;
                    background: linear-gradient(45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), linear-gradient(-45deg, rgba(255, 255, 255, 0.00001) calc(50% - 2px), #fff calc(50% - 2px), #fff calc(50% + 2px), rgba(255, 255, 255, 0.00001) calc(50% + 2px)), #fc3359;
                    z-index: 999;
                    top: 10px;
                    right: 10px;
                    box-shadow: inset 0 0 0 5px #fc3359;
                    transition: 0.2s ease-in-out;
                }

                body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner .text[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner .link[b-xqhamwoa9f] {
                    box-sizing: border-box;
                    position: absolute;
                    width: 70%;
                    height: 60%;
                    left: 0;
                    top: 0;
                    background: #222;
                    transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
                    transform: translateX(150%) rotateX(90deg);
                    opacity: 0;
                    transform-origin: bottom;
                    color: #fff;
                    padding: 25px;
                    display: flex;
                    align-items: center;
                    text-transform: uppercase;
                    overflow: hidden;
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner .text p[b-xqhamwoa9f], body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner .link p[b-xqhamwoa9f] {
                        font-size: 12px;
                        margin-top: 0;
                        line-height: 1.5;
                        position: relative;
                        font-family: "Raleway";
                        transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
                        transform: translateY(200px) skewY(20deg);
                    }

                body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner .link[b-xqhamwoa9f] {
                    transform-origin: top;
                    height: calc(40% - 15px);
                    top: calc(60% + 15px);
                    background: #fff;
                    color: #222;
                    transform: translateX(150%) rotateX(-90deg);
                }

                    body #wrap .innerwrap .cardwrap:nth-of-type(8) .card .inner .link p[b-xqhamwoa9f] {
                        transform: translateY(200px) skewY(-20deg);
                    }

    body #wrap .innerwrap .cardwrap .card[b-xqhamwoa9f] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
    }

    /*
        ******************************
    */

        body #wrap .innerwrap .cardwrap[b-xqhamwoa9f] {
            /*opacity: 0;*/
        }
    body #wrap .innerwrap .cardwrap .card .inner[b-xqhamwoa9f] {
        border-radius: 25% 0;
    }
        body #wrap .innerwrap .cardwrap .card .inner[b-xqhamwoa9f]:after {
            border-radius: 25% 0;
        }

.innerwrap .cardwrap[b-xqhamwoa9f] {
    /*opacity: 0;*/
}

body #wrap .trigger:nth-of-type(8):checked ~ .innerwrap .cards .cardwrap:nth-of-type(1)[b-xqhamwoa9f],
body #wrap .trigger:nth-of-type(7):checked ~ .innerwrap .cards .cardwrap:nth-of-type(2)[b-xqhamwoa9f],
body #wrap .trigger:nth-of-type(6):checked ~ .innerwrap .cards .cardwrap:nth-of-type(3)[b-xqhamwoa9f],
body #wrap .trigger:nth-of-type(5):checked ~ .innerwrap .cards .cardwrap:nth-of-type(4)[b-xqhamwoa9f],
body #wrap .trigger:nth-of-type(4):checked ~ .innerwrap .cards .cardwrap:nth-of-type(5)[b-xqhamwoa9f],
body #wrap .trigger:nth-of-type(3):checked ~ .innerwrap .cards .cardwrap:nth-of-type(6)[b-xqhamwoa9f],
body #wrap .trigger:nth-of-type(2):checked ~ .innerwrap .cards .cardwrap:nth-of-type(7)[b-xqhamwoa9f],
body #wrap .trigger:nth-of-type(1):checked ~ .innerwrap .cards .cardwrap:nth-of-type(8)[b-xqhamwoa9f]
{
    /*opacity: 1;*/
}
/* _content/ScoreCapture.Web/Components/Features/Cards/ScoreCaptureCardCarouselItem.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Features/Cards/ScoreCaptureCardMini.razor.rz.scp.css */
/* BEGIN CARD DESIGN */
.hero[b-b9a145o3rl] {
    display: inline-block;
    position: relative;
    width: 400px;
    min-width: 400px;
    height: 350px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
    margin: 30px;
    background-color: white;
}

.hero-profile-img[b-b9a145o3rl] {
    height: 70%;
}

.hero-description-bk[b-b9a145o3rl] {
    background-image: linear-gradient(0deg, #28383c, #5a9654);
    border-radius: 30px;
    position: absolute;
    top: 55%;
    left: -5px;
    height: 65%;
    width: 108%;
    transform: skew(19deg, -9deg);
}

.second .hero-description-bk[b-b9a145o3rl] {
    background-image: linear-gradient(-20deg, #bb7413, #e7d25c)
}

.hero-name[b-b9a145o3rl] {
    position: absolute;
    top: 30px;
    right: 25px;
    font-weight: 400;
    font-size: 24px;
}

.hero-logo[b-b9a145o3rl] {
    height: 80px;
    width: 80px;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    bottom: 30%;
    left: 30px;
    overflow: hidden;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);
}

    .hero-logo img[b-b9a145o3rl] {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.hero-badge[b-b9a145o3rl] {
    height: 80px;
    width: 80px;
    border-radius: 5px;
    background-color: transparent;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    right: 30px;
    /*box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);*/
    text-align: right;
    overflow: visible;
}

    .hero-badge img[b-b9a145o3rl] {
        height: 100%
    }

.tournamentscore[b-b9a145o3rl] {
    color: white !important;
    width: 50px;
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: absolute;
    bottom: 38%;
    right: 28px;
    font-weight: bold;
    font-size: 24px;
    z-index: 1;
}

    .tournamentscore[b-b9a145o3rl]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 55px;
        height: 55px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-b9a145o3rl]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-b9a145o3rl]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-b9a145o3rl]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-b9a145o3rl],
    .tournamentscore.no_score[b-b9a145o3rl]:after {
        background-color: transparent;
        color: black !important;
    }

@media (max-width: 700px) {
    .tournamentscore[b-b9a145o3rl]:after {
        width: 30px;
        height: 30px;
    }
}




.hero-description[b-b9a145o3rl] {
    position: absolute;
    color: #fff;
    font-weight: 900;
    left: 150px;
    bottom: 26%;
}

.hero-btn[b-b9a145o3rl] {
    position: absolute;
    color: #fff;
    right: 30px;
    bottom: 10%;
    padding: 10px 20px;
    border: 1px solid #fff;
}

    .hero-btn a[b-b9a145o3rl] {
        color: #fff;
    }

.hero-date[b-b9a145o3rl] {
    position: absolute;
    color: #fff;
    left: 30px;
    bottom: 10%;
}
/* END CARD DESIGN */

/* _content/ScoreCapture.Web/Components/Features/Cards/ScoreCaptureFeatureCarousel.razor.rz.scp.css */


body[b-5anxt3vo38] {
    background: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.js-transitions-disabled *[b-5anxt3vo38] {
    transition: none !important;
}

.carousel[b-5anxt3vo38] {
    position: relative;
    height: 100%;
    overflow: hidden;
    perspective: 50vw;
    perspective-origin: 50% 50%;
}

.carousel__control[b-5anxt3vo38] {
    position: absolute;
    height: 160px;
    width: 40px;
    background: #fff;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

    .carousel__control a[b-5anxt3vo38] {
        position: relative;
        display: block;
        width: 100%;
        padding-top: 75%;
        box-sizing: border-box;
    }

        .carousel__control a:hover[b-5anxt3vo38]:before {
            background-color: rgba(0,0,0,0.4);
        }

        .carousel__control a.active[b-5anxt3vo38]:before,
        .carousel__control a.active:hover[b-5anxt3vo38]:before {
            background-color: rgba(0,0,0,0.6);
        }

        .carousel__control a:first-child[b-5anxt3vo38] {
            margin-top: 15px;
        }

        .carousel__control a[b-5anxt3vo38]:before {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            margin: auto;
            border-radius: 50%;
            padding-top: 25%;
            width: 25%;
            background: rgba(0,0,0,0.2);
            content: '';
            display: block;
            margin-top: -12.5%;
        }

.carousel__stage[b-5anxt3vo38] {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    margin: auto;
    transform-style: preserve-3d;
    transform: translateZ(calc(-50vh + 20px));
}

.spinner[b-5anxt3vo38] {
    position: absolute;
    width: calc(50vw - (20px));
    height: calc(100vh - 40px);
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    margin: auto;
    transform-style: preserve-3d;
    transition: transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 50% 50%;
    transform: rotateX(0);
}

.js-spin-fwd .spinner[b-5anxt3vo38] {
    transform: rotateX(-90deg);
}

.js-spin-bwd .spinner[b-5anxt3vo38] {
    transform: rotateX(90deg);
}

.js-spin-fwd .spinner--right[b-5anxt3vo38] {
    transform: rotateX(90deg);
}

.js-spin-bwd .spinner--right[b-5anxt3vo38] {
    transform: rotateX(-90deg);
}

.spinner--right[b-5anxt3vo38] {
    right: 0;
    left: auto;
}

.spinner__face[b-5anxt3vo38] {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .spinner__face.js-next[b-5anxt3vo38] {
        display: block;
        transform: rotateX(90deg) translateZ(calc(50vh - 20px));
    }

.spinner--right .spinner__face.js-next[b-5anxt3vo38] {
    transform: rotateX(270deg) translateZ(calc(50vh - 20px));
}

.js-spin-bwd .spinner__face.js-next[b-5anxt3vo38] {
    transform: rotateX(-90deg) translateZ(calc(50vh - 20px));
}

.js-spin-bwd .spinner--right .spinner__face.js-next[b-5anxt3vo38] {
    transform: rotateX(-270deg) translateZ(calc(50vh - 20px));
}

.js-active[b-5anxt3vo38] {
    display: block;
    transform: translateZ(calc(50vh - 20px));
}

.content[b-5anxt3vo38] {
    position: absolute;
    width: 200%;
    height: 100%;
    left: 0;
}

.spinner--right .content[b-5anxt3vo38] {
    left: -100%;
}

.content__left[b-5anxt3vo38],
.content__right[b-5anxt3vo38] {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

.content__right[b-5anxt3vo38] {
    right: 0;
    left: auto;
}

.content__left[b-5anxt3vo38] {
    background-repeat: no-repeat;
    background-size: cover;
}

    .content__left[b-5anxt3vo38]:after {
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.1);
    }

    .content__left h1[b-5anxt3vo38] {
        position: absolute;
        top: 50%;
        margin-top: -3vw;
        text-align: center;
        font-family: oswald;
        font-size: 5vw;
        height: 10vw;
        opacity: 1;
        color: #fff;
        width: 100%;
        letter-spacing: 0.15em;
        line-height: 0.6;
    }

    .content__left span[b-5anxt3vo38] {
        font-size: 1vw;
        font-weight: 300;
        letter-spacing: 0.2em;
        opacity: 0.9;
        font-family: Merriweather;
    }

.content__right[b-5anxt3vo38] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .content__right .content__main[b-5anxt3vo38] {
        position: absolute;
        font-family: Merriweather, serif;
        text-align: left;
        color: #fff;
        font-size: 1.3vw;
        padding: 0 8vw;
        line-height: 1.65;
        font-weight: 300;
        margin: 0;
        opacity: 0.8;
    }

        .content__right .content__main p:last-child[b-5anxt3vo38] {
            text-transform: uppercase;
            letter-spacing: 0.15em;
            font-size: 0.85em;
        }

    .content__right .content__index[b-5anxt3vo38] {
        font-size: 30vh;
        position: absolute;
        right: -1vh;
        top: 35vh;
        opacity: 0.04;
        font-family: oswald;
        color: #fff;
    }

[data-type="iceland"] .content__left[b-5anxt3vo38] {
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/iceland.jpg");
}

.spinner--right [data-type="iceland"] .content__left[b-5anxt3vo38] {
    background-image: none;
}

[data-type="china"] .content__left[b-5anxt3vo38] {
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/china.jpg");
}

.spinner--right [data-type="china"] .content__left[b-5anxt3vo38] {
    background-image: none;
}

[data-type="usa"] .content__left[b-5anxt3vo38] {
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/usa.jpg");
}

.spinner--right [data-type="usa"] .content__left[b-5anxt3vo38] {
    background-image: none;
}

[data-type="peru"] .content__left[b-5anxt3vo38] {
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/peru.jpg");
}

.spinner--right [data-type="peru"] .content__left[b-5anxt3vo38] {
    background-image: none;
}
/* _content/ScoreCapture.Web/Components/Features/Cards/ScoreCaptureIntro.razor.rz.scp.css */
.playscoregetrewarded[b-1z6166eh99] {
    font-family: "Raleway" !important;
    font-size: 50px !important;
    font-weight: 700 !important;
    color: #5a9654;
}
/* _content/ScoreCapture.Web/Components/Features/Cards/ScoreCaptureNumberCountUpCard.razor.rz.scp.css */

.counter-item[b-mhp2rqta3r] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 30px 50px;
}

.counter[b-mhp2rqta3r] {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    font-size: 60px;
    font-weight: bold;
}

@media(max-width: 700px) {
    .counter[b-mhp2rqta3r] {
        font-size: 37px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Cards/ScoreCaptureNumberStatCard.razor.rz.scp.css */
.card-containers[b-dzcshuj47k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    
}

.streak-card[b-dzcshuj47k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    padding: 20px;
    margin: 20px;
    width: 100%;
    height: 90%;
    max-height: 300px;
    position: relative;
    transform: perspective(400px) rotateY(var(--rotateY-deg-end));
    transition: transform 1s ease 0s;
    border-radius: 4px;
    box-shadow: rgba(255, 255, 255, 0.024) 0px 0px 0px 1px, rgba(255, 255, 255, 0.05) 0px 1px 0px 0px, rgba(255, 255, 255, 0.03) 0px 0px 8px 0px, rgba(255, 255, 255, 0.1) 0px 20px 30px 0px, inset 0px -37px 100px -50px #000000a8;
    margin-top: 25px;
    /****/
    --rotateY-deg-start: -1888deg;
    --rotateY-deg-end: 10deg;
    transition: 1.5s;
    animation: spin-y-b-dzcshuj47k 1.5s;
}
    .streak-card:has(.card-footer)[b-dzcshuj47k] {
        border-radius: 0 0 10px 10px;
    }
.card-header[b-dzcshuj47k] {
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.card-content[b-dzcshuj47k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0;

}



.streak-icon[b-dzcshuj47k] {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}

.highlighted-number[b-dzcshuj47k] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900; /* Black weight */
    font-size: 3rem;
}

.subtitle[b-dzcshuj47k] {
    font-size: 1.2rem;
    margin-top: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.card-footer[b-dzcshuj47k] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1); /* Optional footer background */
    padding: 5px;
    display: flex;
    justify-content: center;
    gap: 8px;
    font-size: 0.6rem;
    font-weight: bold;
    box-sizing: border-box; /* Ensures padding doesn't overflow */
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.date-range[b-dzcshuj47k] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.9rem;
}

.card-wave[b-dzcshuj47k] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

    .card-wave svg[b-dzcshuj47k] {
        position: relative;
        display: block;
        height: 50px;
    }



@keyframes spin-y-b-dzcshuj47k {
    0% {
        transform: perspective(400px) rotateY(var(--rotateY-deg-start));
    }

    100% {
        transform: perspective(400px) rotateY(var(--rotateY-deg-end));
    }
}
/* _content/ScoreCapture.Web/Components/Features/Cards/ScoreCaptureRoundHighlightCard.razor.rz.scp.css */


.scorecard-container[b-gcl04tzf8r] {
    display: flex;
    width: 100%;
    max-width: 500px;
    height: 100%;
    background: #132228;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative;
}

.top-banner[b-gcl04tzf8r] {
    width: 100%;
    height: 50px;
    background-color: #5a905b;
    position: absolute;
    font-size: 24px;
    font-weight: 900;
    color: white;
    text-align: center;
}

.left-side[b-gcl04tzf8r] {
    width: 55%;
   
    background-size: cover;
}

.right-side[b-gcl04tzf8r] {
    width: 45%;
    padding: 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.points-earned[b-gcl04tzf8r] {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    background: #ff0044;
    padding: 10px;
    border-radius: 5px;
}

.course-name[b-gcl04tzf8r] {
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    
    font-size: 1.2em;
    position: absolute;
    left: 5px;
    top: 15%;
}

.score-boxes[b-gcl04tzf8r] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    margin: 20px 0;
}

.score-box[b-gcl04tzf8r] {
    background: #f0f0f0;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 5px;
    font-weight: bold;
}

.total-score[b-gcl04tzf8r] {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    background: var(--mud-palette-error);
    padding: 10px;
    border-radius: 5px;
    z-index: 3;
}


.golfer-info[b-gcl04tzf8r] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    padding: 10px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 26px;
    font-weight: 900;
    z-index:10;
}


    .golfer-info .flag[b-gcl04tzf8r] {
        display: inline-block;
        width: 30px;
        height: 20px;
        background: url('/images/flags/za.svg');
        background-size: cover;
        margin-right: 10px;
    }

    .golfer-info h1[b-gcl04tzf8r] {
        margin: 0;
        font-size: 26px;
        font-weight:900;
    }


.custom-shape-divider-bottom-1728031019[b-gcl04tzf8r] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}

    .custom-shape-divider-bottom-1728031019 svg[b-gcl04tzf8r] {
        position: relative;
        display: block;
        width: calc(115% + 1.3px);
        height: 300px;
    }

    .custom-shape-divider-bottom-1728031019 .shape-fill[b-gcl04tzf8r] {
        fill: #142B2A;
    }

/** For tablet devices **/
    .custom-shape-divider-bottom-1728031019 svg[b-gcl04tzf8r] {
        width: calc(300% + 1.3px);
        height: 300px;
    }

.fade-svg[b-gcl04tzf8r] {
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), #142B2A);
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), #142B2A);
}

.fade-panel[b-gcl04tzf8r] {
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), #142B2A);
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), #142B2A);
}
/* _content/ScoreCapture.Web/Components/Features/Cards/ScoreCaptureRoundHighlightCardSmall.razor.rz.scp.css */


.scorecard-container[b-186khrsip9] {
    display: flex;
    width: 100%;
    max-width: 500px;
    height: 100%;
    background: #132228;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative;
}

.top-banner[b-186khrsip9] {
    width: 100%;
    height: 50px;
    background-color: #5a905b;
    position: absolute;
    font-size: 32px;
    font-weight: 900;
    color: white;
    text-align: center;
}

.top-banner-sub[b-186khrsip9] {
    width: 100%;
    height: 40px;
    background-color: #85b497;
    position: absolute;
    top: 50px;
    font-size: 28px;
    font-weight: 900;
    color: white;
    text-align: center;
}

.left-side[b-186khrsip9] {
    width: 55%;
    padding-top: 35px;
    background-size: cover;
}

.right-side[b-186khrsip9] {
    width: 45%;
    padding: 20px;
    padding-top:55px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.points-earned[b-186khrsip9] {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    background: #ff0044;
    padding: 10px;
    border-radius: 5px;
}

.course-name[b-186khrsip9] {
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    
    font-size: 1.2em;
    position: absolute;
    left: 5px;
    top: 35%;
}

.score-boxes[b-186khrsip9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    margin: 20px 0;
}

.score-box[b-186khrsip9] {
    background: #f0f0f0;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 5px;
    font-weight: bold;
}

.total-score[b-186khrsip9] {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    background: var(--mud-palette-error);
    padding: 10px;
    border-radius: 5px;
    z-index: 3;
}


.golfer-info[b-186khrsip9] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15%;
    padding: 10px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 26px;
    font-weight: 900;
    z-index:10;
}


    .golfer-info .flag[b-186khrsip9] {
        display: inline-block;
        width: 30px;
        height: 20px;
        background: url('/images/flags/za.svg');
        background-size: cover;
        margin-right: 10px;
    }

    .golfer-info h1[b-186khrsip9] {
        margin: 0;
        font-size: 26px;
        font-weight:900;
    }


.custom-shape-divider-bottom-1728031019[b-186khrsip9] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}

    .custom-shape-divider-bottom-1728031019 svg[b-186khrsip9] {
        position: relative;
        display: block;
        width: calc(115% + 1.3px);
        height: 100px;
    }

    .custom-shape-divider-bottom-1728031019 .shape-fill[b-186khrsip9] {
        fill: #142B2A;
    }

/** For tablet devices **/
    .custom-shape-divider-bottom-1728031019 svg[b-186khrsip9] {
        width: calc(300% + 1.3px);
        height: 100px;
    }

.fade-svg[b-186khrsip9] {
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), #142B2A);
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), #142B2A);
}

.fade-panel[b-186khrsip9] {
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), #142B2A);
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), #142B2A);
}
/* _content/ScoreCapture.Web/Components/Features/Cards/ScoreCaptureScoringStatGrid.razor.rz.scp.css */
/*score-breakdown-counters*/

.score-breakdown-title-banner[b-t5sgxmeqap] {
    flex-wrap: wrap;
    width: 100%;
    height: 50px;
    background-color: #5a905b;
    font-size: 32px;
    font-weight: 900;
    color: white;
    text-align: center;
}

.score-breakdown-counters[b-t5sgxmeqap] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-content: center;
    height: 100%;
    background: #132228;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    color: white;
}

    .score-breakdown-counters[b-t5sgxmeqap]  .counter-item {
        margin: auto;
    }

@media(max-width: 900px) {
    .score-breakdown-counters[b-t5sgxmeqap]  .counter-item {
        width: 30%;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Cards/StatBoxCard.razor.rz.scp.css */
[b-tjw8aoq7a2] .StatBoxCard {
    height: 85px;
    width: 85px;
    text-align: center;
}

    [b-tjw8aoq7a2] .StatBoxCard .stat-value {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: #38AB24;
        font-size: 28px;
    }

    [b-tjw8aoq7a2] .StatBoxCard .stat-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        color: white;
        font-size: 12px;
    }
/* _content/ScoreCapture.Web/Components/Features/Cards/StatCard.razor.rz.scp.css */
[b-u63nfa7xut] .StatCard {
    height: 65px;
}

    [b-u63nfa7xut] .StatCard .stat-value {
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        color: #38AB24;
        font-size: 36px;
    }

    [b-u63nfa7xut] .StatCard .stat-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: white;
        font-size: 32px;
    }
/* _content/ScoreCapture.Web/Components/Features/Featureboard/AchievementMap_Leaflet.razor.rz.scp.css */
#map-canvas[b-q6t5wjfijt] {
    position: relative !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    /***/
    --marker-icon-width: 70px;
    --info-card-border-radius: 10px;
}

[b-q6t5wjfijt] #map-canvas .leaflet-top.leaflet-right:has(.leaflet-control-attribution) {
    margin-right: 11%;
}

/* ---- activity_marker ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

[b-q6t5wjfijt] .activity_marker {
    /*----- top / player name ----- ------ ------*/
    --player-max-width: 690px;
    --player_name-fontsize: 37px;
    --player-padding-y: 12px;
    --player-padding-x: 80px;
    --player-border-bottom-width: 5px;
    /***/
    --player-img-width: 100px;
    --player-img-height: 100px;
    --player-img-border-radius: 100%;
    --player-img-border-shadow-width: 6px;
    --player-img-pos-left: -39px;
    --player-img-pos-top: -33px;
    /*----- bottom / activity name ----- ------ ------*/
    --activity_name-fontsize: 27px;
    --activity_name-padding: calc(12px / var(--body-zoom)) 30% calc(12px / var(--body-zoom)) 7%;
    --activity_score-fontsize: 30px;
    --activity_score-padding: 12px;
    --activity_score-protrusion: calc((var(--activity_score-fontsize) + var(--activity_score-padding)) / 2 + 0px);
    --activity_location_name-fontsize: 25px;
    --activity_location_name-margintop: 30px;
    --activity_location_name-marginbottom: 10px;
}

    [b-q6t5wjfijt] .activity_marker .icon {
        width: calc(var(--marker-icon-width) / var(--body-zoom));
        position: relative;
        left: calc(-1 * (var(--marker-icon-width)/2) / var(--body-zoom));
        top: calc(-1 * (var(--marker-icon-width)/2) / var(--body-zoom));
    }

        [b-q6t5wjfijt] .activity_marker .icon.rounded {
            border-radius: 100% !important;
        }

    [b-q6t5wjfijt] .activity_marker .info {
        opacity: 0;
        position: absolute;
        max-width: none;
    }

        [b-q6t5wjfijt] .activity_marker .info.anchor_left {
            right: calc((var(--marker-icon-width)/1.2) / var(--body-zoom));
            right: 0;
        }

        [b-q6t5wjfijt] .activity_marker .info.anchor_right {
            left: calc((var(--marker-icon-width)/1.5) / var(--body-zoom));
        }

        [b-q6t5wjfijt] .activity_marker .info.anchor_center_x {
            transform: translateX(-50%);
        }

        [b-q6t5wjfijt] .activity_marker .info.anchor_top {
            bottom: calc((var(--marker-icon-width)/1.2) / var(--body-zoom));
        }

        [b-q6t5wjfijt] .activity_marker .info.anchor_bottom {
            top: calc((var(--marker-icon-width)/1.5) / var(--body-zoom));
        }

        [b-q6t5wjfijt] .activity_marker .info.anchor_center_y {
            transform: translateY(-50%);
        }

    [b-q6t5wjfijt] .activity_marker .player-detail-container {
        overflow: hidden;
        padding: calc((var(--player-img-width)/2) / var(--body-zoom)) calc((var(--player-img-height)/2) / var(--body-zoom));
        margin: calc(-1*(var(--player-img-width)/2) / var(--body-zoom)) calc(-1*(var(--player-img-height)/2) / var(--body-zoom));
    }

    [b-q6t5wjfijt] .activity_marker .player-detail {
        opacity: 0;
        position: relative;
        background: #132228;
        border-bottom: calc(var(--player-border-bottom-width) / var(--body-zoom)) solid #38AB24;
        border-radius: calc(var(--info-card-border-radius) / var(--body-zoom)) calc(var(--info-card-border-radius) / var(--body-zoom)) 0 0;
        padding: calc(var(--player-padding-y) / var(--body-zoom)) calc(var(--player-padding-x) / var(--body-zoom));
        width: max-content;
        max-width: calc(var(--player-max-width) / var(--body-zoom));
        z-index: 1;
    }

    [b-q6t5wjfijt] .activity_marker .player_name {
        font-size: calc(var(--player_name-fontsize) / var(--body-zoom));
        line-height: calc(var(--player_name-fontsize) / var(--body-zoom));
        color: #FFF;
    }

    [b-q6t5wjfijt] .activity_marker .player_img {
        opacity: 0;
        border-radius: 35% 15% 30% 15% / 35% 15% 30% 15%;
        border-radius: var(--player-img-border-radius);
        width: calc(var(--player-img-width) / var(--body-zoom));
        height: calc(var(--player-img-height) / var(--body-zoom));
        background-color: grey;
        border-right-width: calc(var(--player-img-border-shadow-width) / var(--body-zoom));
        border-bottom-width: calc(var(--player-img-border-shadow-width) / var(--body-zoom));
        /**/
        position: absolute;
        left: calc(var(--player-img-pos-left) / var(--body-zoom));
        top: calc(var(--player-img-pos-top) / var(--body-zoom));
        background-position: center;
        background-size: cover;
        box-shadow: 0 0 calc(20px / var(--body-zoom)) calc(-3px / var(--body-zoom)) #000000a8;
    }

    [b-q6t5wjfijt] .activity_marker .activity-detail-container {
        overflow: hidden;
        padding-right: calc(var(--activity_score-protrusion) / var(--body-zoom));
        margin-right: calc(-1 * var(--activity_score-protrusion) / var(--body-zoom));
    }

    [b-q6t5wjfijt] .activity_marker .activity-detail {
        opacity: 0;
        position: relative;
        border-radius: 0 0 calc(var(--info-card-border-radius) / var(--body-zoom)) calc(var(--info-card-border-radius) / var(--body-zoom));
        box-shadow: calc(5px / var(--body-zoom)) calc(10px / var(--body-zoom)) calc(10px / var(--body-zoom)) calc(-10px / var(--body-zoom)) #38AB24, calc(-5px / var(--body-zoom)) 0px calc(10px / var(--body-zoom)) calc(-10px / var(--body-zoom)) #38AB24;
        background: #FFF;
        color: #000;
        display: flex;
        flex-direction: column;
    }

        [b-q6t5wjfijt] .activity_marker .activity-detail.dark-theme {
            background: #132228;
            color: #FFF;
        }

    [b-q6t5wjfijt] .activity_marker .activity_score {
        opacity: 0;
        color: white !important;
        text-align: center;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        height: max-content;
        right: calc(-1 * var(--activity_score-protrusion) / var(--body-zoom));
        font-weight: bold;
        font-size: calc(var(--activity_score-fontsize) / var(--body-zoom));
        line-height: calc(var(--activity_score-fontsize) / var(--body-zoom));
        z-index: 1;
        background: var(--mud-palette-info);
        padding: calc(var(--activity_score-padding) / var(--body-zoom));
        border-radius: 35% 0 35% 0;
    }

    [b-q6t5wjfijt] .activity_marker.ts_under .activity_score {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    [b-q6t5wjfijt] .activity_marker.ts_over .activity_score {
        background-color: var(--mud-palette-info);
    }

    [b-q6t5wjfijt] .activity_marker.ts_even .activity_score {
        background-color: var(--mud-palette-gray-darker);
    }

    [b-q6t5wjfijt] .activity_marker.no_score .activity_score {
        background-color: transparent;
        color: black !important;
    }

    [b-q6t5wjfijt] .activity_marker .activity_name {
        opacity: 0;
        width: 100%;
        background: linear-gradient(to right, #38AB24, transparent);
        padding: var(--activity_name-padding);
        color: #FFF;
        font-size: calc(var(--activity_name-fontsize) / var(--body-zoom));
        line-height: calc(var(--activity_name-fontsize) / var(--body-zoom));
    }

        [b-q6t5wjfijt] .activity_marker .activity_name * {
            opacity: 0;
        }

    [b-q6t5wjfijt] .activity_marker.ts_under .activity_name {
        background: linear-gradient(to right, var(--mud-palette-error), transparent);
    }

    [b-q6t5wjfijt] .activity_marker.ts_over .activity_name {
        background: linear-gradient(to right, var(--mud-palette-info), transparent);
    }

    [b-q6t5wjfijt] .activity_marker.ts_even .activity_name {
        background: linear-gradient(to right, var(--mud-palette-gray-darker), transparent);
    }

    [b-q6t5wjfijt] .activity_marker.no_score .activity_name {
        background: linear-gradient(to right, transparent, transparent);
    }

    [b-q6t5wjfijt] .activity_marker .activity_location_name {
        opacity: 0;
        text-align: center;
        font-size: calc(var(--activity_location_name-fontsize) / var(--body-zoom));
        line-height: calc(var(--activity_location_name-fontsize) / var(--body-zoom));
        margin: calc(var(--activity_location_name-margintop) / var(--body-zoom)) auto calc(var(--activity_location_name-marginbottom) / var(--body-zoom));
    }
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

/* ---- FourBall template marker ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

[b-q6t5wjfijt] .fourball_scorecard_marker {
    --infocard-max-width: 690px;
    /*----- top / hole detail ----- ------ ------*/
    --hole_name-fontsize: 37px;
    --hole-padding-y: 12px;
    --hole-padding-x: 20px;
    /***/
    --topartitle-width: 88px;
    --topartitle-fontsize: 23px;
    /*----- bottom / player names ----- ------ ------*/
    --player-gap: 20px;
    --player_name-fontsize: 29px;
    --player_name-padding-y: 8px;
    --player_name-padding-x: 20px;
    /***/
    --player_score-fontsize: 25px;
    --player_topar-fontsize: 27px;
}

    [b-q6t5wjfijt] .fourball_scorecard_marker .icon {
        width: var(--marker-icon-width);
        width: calc(var(--marker-icon-width) / var(--body-zoom));
        position: relative;
        left: calc(-1 * (var(--marker-icon-width)/2) / var(--body-zoom));
        top: calc(-1 * (var(--marker-icon-width)/2) / var(--body-zoom));
    }

        [b-q6t5wjfijt] .fourball_scorecard_marker .icon.rounded {
            border-radius: 100% !important;
        }

    [b-q6t5wjfijt] .fourball_scorecard_marker .info {
        opacity: 0;
        position: absolute;
        max-width: calc(var(--infocard-max-width) / var(--body-zoom));
        width: max-content;
        overflow: hidden;
    }

        [b-q6t5wjfijt] .fourball_scorecard_marker .info.anchor_left {
            right: calc((var(--marker-icon-width)/1.2) / var(--body-zoom));
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker .info.anchor_right {
            left: calc((var(--marker-icon-width)/1.8) / var(--body-zoom));
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker .info.anchor_center_x {
            transform: translateX(-50%);
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker .info.anchor_top {
            bottom: calc((var(--marker-icon-width)/1.2) / var(--body-zoom));
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker .info.anchor_bottom {
            top: calc((var(--marker-icon-width)/1.5) / var(--body-zoom));
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker .info.anchor_center_y {
            transform: translateY(-50%);
        }


    [b-q6t5wjfijt] .fourball_scorecard_marker .hole-detail {
        opacity: 0;
        position: relative;
        background: #132228;
        color: #FFF;
        border-bottom: calc(5px / var(--body-zoom)) solid #38AB24;
        border-radius: calc(var(--info-card-border-radius) / var(--body-zoom)) calc(var(--info-card-border-radius) / var(--body-zoom)) 0 0;
        z-index: 1;
        display: flex;
        width: 100%;
    }

        [b-q6t5wjfijt] .fourball_scorecard_marker .hole-detail .hole_name {
            padding: calc(var(--hole-padding-y) / var(--body-zoom)) calc(var(--hole-padding-x) / var(--body-zoom));
            font-size: calc(var(--hole_name-fontsize) / var(--body-zoom));
            line-height: calc(var(--hole_name-fontsize) / var(--body-zoom));
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker .hole-detail .ToParTitle {
            min-width: calc(var(--topartitle-width) / var(--body-zoom));
            /*padding: 8px 20px;*/
            border-radius: calc(var(--info-card-border-radius) / var(--body-zoom)) calc(var(--info-card-border-radius) / var(--body-zoom)) 0 0;
            background: #38AB24;
            margin-left: auto;
            margin-bottom: calc(-1px / var(--body-zoom));
            font-size: calc(var(--topartitle-fontsize) / var(--body-zoom));
            line-height: calc(var(--topartitle-fontsize) / var(--body-zoom));
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center;
            text-align: center;
        }


    [b-q6t5wjfijt] .fourball_scorecard_marker .activity-detail {
        opacity: 0;
        position: relative;
        border-radius: 0px 0px calc(var(--info-card-border-radius) / var(--body-zoom)) calc(var(--info-card-border-radius) / var(--body-zoom));
        box-shadow: calc(5px / var(--body-zoom)) calc(10px / var(--body-zoom)) calc(10px / var(--body-zoom)) calc(-10px / var(--body-zoom)) #38AB24, calc(-5px / var(--body-zoom)) 0px calc(10px / var(--body-zoom)) calc(-10px / var(--body-zoom)) #38AB24;
        background: #FFF;
        color: #000;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        [b-q6t5wjfijt] .fourball_scorecard_marker .activity-detail.dark-theme {
            background: #132228;
            color: #FFF;
        }

    [b-q6t5wjfijt] .fourball_scorecard_marker .player {
        opacity: 0;
        display: flex;
        gap: calc(var(--player-gap) / var(--body-zoom));
    }

        [b-q6t5wjfijt] .fourball_scorecard_marker .player .name {
            font-size: calc(var(--player_name-fontsize) / var(--body-zoom));
            line-height: calc(var(--player_name-fontsize) / var(--body-zoom));
            padding: calc(var(--player_name-padding-y) / var(--body-zoom)) calc(var(--player_name-padding-x) / var(--body-zoom));
            flex-grow: 1;
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker .player .score {
            font-size: calc(var(--player_score-fontsize) / var(--body-zoom));
            line-height: calc(var(--player_score-fontsize) / var(--body-zoom));
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center;
            text-align: center;
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker .player .topar {
            min-width: calc(var(--topartitle-width) / var(--body-zoom));
            font-size: calc(var(--player_topar-fontsize) / var(--body-zoom));
            line-height: calc(var(--player_topar-fontsize) / var(--body-zoom));
            color: #FFF;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center;
            text-align: center;
        }


        [b-q6t5wjfijt] .fourball_scorecard_marker .player.ts_under .topar {
            color: var(--mud-palette-error-lighten);
            background: var(--mud-palette-error);
            color: #FFF;
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker .player.ts_over .topar {
            color: var(--mud-palette-info-lighten);
            background: var(--mud-palette-info);
            color: #FFF;
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker .player.ts_even .topar {
            color: var(--mud-palette-gray-default);
            background: var(--mud-palette-gray-darker);
            color: #FFF;
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker .player.no_score .topar {
            background: transparent;
            color: #FFF;
        }


/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */


@keyframes showfade-b-q6t5wjfijt {
    100% {
        opacity: 1;
    }
}

@keyframes hidefade-b-q6t5wjfijt {
    100% {
        opacity: 0;
    }
}

@keyframes delayed_show-b-q6t5wjfijt {
    0%, 99% {
        opacity: 0;
        display: none;
    }

    100% {
        opacity: 1;
        display: flex;
    }
}

@keyframes show_scale-b-q6t5wjfijt {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1.5);
        opacity: 0.2;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes hide_scale-b-q6t5wjfijt {
    20% {
        transform: scale(1.2);
        opacity: 0.8;
    }

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes show_rotate-b-q6t5wjfijt {
    0% {
        transform: scale(0) rotate(1690deg);
        opacity: 0;
    }

    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}

@keyframes show_slide_vertical-b-q6t5wjfijt {
    0% {
        margin-top: -200%;
        margin-bottom: 200%;
    }

    99% {
        margin-top: initial;
        margin-bottom: initial;
    }

    100% {
        opacity: 1;
    }
}

@keyframes hide_slide_vertical-b-q6t5wjfijt {
    99% {
        margin-top: -200%;
        margin-bottom: 200%;
    }

    100% {
        opacity: 0;
    }
}

@keyframes show_slide_horizontal-b-q6t5wjfijt {
    0% {
        margin-left: -200%;
        margin-right: 200%;
    }

    90% {
        margin-left: initial;
        margin-right: initial;
    }

    100% {
        opacity: 1;
    }
}

@keyframes hide_slide_horizontal-b-q6t5wjfijt {
    90% {
        margin-left: -200%;
        margin-right: 200%;
    }

    100% {
        opacity: 0;
    }
}

/* activity_marker  .showinfo ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
[b-q6t5wjfijt] div.leaflet-marker-icon:has(:not(.hidemarker)) {
    z-index: 1 !important;
}

[b-q6t5wjfijt] .activity_marker.showinfo .info {
    --show-info-delay: 0s;
    animation: showfade-b-q6t5wjfijt 1.5s linear forwards var(--show-info-delay);
}

    [b-q6t5wjfijt] .activity_marker.showinfo .info .player-detail {
        animation: show_slide_horizontal-b-q6t5wjfijt 0.3s linear forwards var(--show-info-delay);
    }

    [b-q6t5wjfijt] .activity_marker.showinfo .info .activity-detail {
        animation: show_slide_vertical-b-q6t5wjfijt 0.3s linear forwards Calc(var(--show-info-delay) + 0.9s);
    }

    [b-q6t5wjfijt] .activity_marker.showinfo .info .player_img {
        animation: show_scale-b-q6t5wjfijt 0.8s linear forwards Calc(var(--show-info-delay) + 1s);
    }

    [b-q6t5wjfijt] .activity_marker.showinfo .info .activity_score {
        animation: show_rotate-b-q6t5wjfijt 0.8s linear forwards Calc(var(--show-info-delay) + 1s);
    }

    [b-q6t5wjfijt] .activity_marker.showinfo .info .activity_name {
        animation: show_slide_horizontal-b-q6t5wjfijt 0.5s linear forwards Calc(var(--show-info-delay) + 1.2s);
    }

        [b-q6t5wjfijt] .activity_marker.showinfo .info .activity_name * {
            animation: showfade-b-q6t5wjfijt 1s linear forwards Calc(var(--show-info-delay) + 1.5s);
        }

    [b-q6t5wjfijt] .activity_marker.showinfo .info .activity_location_name {
        animation: showfade-b-q6t5wjfijt 1.5s linear forwards Calc(var(--show-info-delay) + 2.5s);
    }

    [b-q6t5wjfijt] .activity_marker.showinfo .info .activity_statistic {
        animation: showfade-b-q6t5wjfijt 1.5s linear forwards Calc(var(--show-info-delay) + 2.5s);
    }
/* | hide sequence : | */

[b-q6t5wjfijt] .activity_marker.hidemarker .info .activity_score {
    --hide-delay: 0.2s;
    opacity: 1;
    animation: hide_scale-b-q6t5wjfijt 0.5s linear forwards var(--hide-delay);
}

[b-q6t5wjfijt] .activity_marker.hidemarker .info .activity-detail {
    --hide-delay: 0.5s;
    opacity: 1;
    animation: hide_slide_vertical-b-q6t5wjfijt 0.5s linear forwards var(--hide-delay);
}

[b-q6t5wjfijt] .activity_marker.hidemarker .info .player-detail {
    --hide-delay: 1.1s;
    opacity: 1;
    animation: hide_slide_horizontal-b-q6t5wjfijt 1.5s linear forwards var(--hide-delay);
}

[b-q6t5wjfijt] .activity_marker.hidemarker .icon {
    --hide-delay: 3s;
    opacity: 1;
    animation: hidefade-b-q6t5wjfijt 5s linear forwards var(--hide-delay);
}

/* fourball_scorecard_marker  .showinfo ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */


[b-q6t5wjfijt] .fourball_scorecard_marker.showinfo .info {
    --show-info-delay: 0s;
    animation: showfade-b-q6t5wjfijt 1.5s linear forwards var(--show-info-delay);
}

    [b-q6t5wjfijt] .fourball_scorecard_marker.showinfo .info .hole-detail {
        animation: show_slide_horizontal-b-q6t5wjfijt 0.3s linear forwards var(--show-info-delay);
    }

    [b-q6t5wjfijt] .fourball_scorecard_marker.showinfo .info .activity-detail {
        animation: show_slide_vertical-b-q6t5wjfijt 0.3s linear forwards Calc(var(--show-info-delay) + 0.3s);
    }


        [b-q6t5wjfijt] .fourball_scorecard_marker.showinfo .info .activity-detail .player:nth-child(1) {
            animation: show_slide_horizontal-b-q6t5wjfijt 0.3s linear forwards Calc(var(--show-info-delay) + 0.9s);
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker.showinfo .info .activity-detail .player:nth-child(2) {
            animation: show_slide_horizontal-b-q6t5wjfijt 0.3s linear forwards Calc(var(--show-info-delay) + 1.2s);
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker.showinfo .info .activity-detail .player:nth-child(3) {
            animation: show_slide_horizontal-b-q6t5wjfijt 0.3s linear forwards Calc(var(--show-info-delay) + 1.5s);
        }

        [b-q6t5wjfijt] .fourball_scorecard_marker.showinfo .info .activity-detail .player:nth-child(4) {
            animation: show_slide_horizontal-b-q6t5wjfijt 0.3s linear forwards Calc(var(--show-info-delay) + 1.8s);
        }

/* | hide sequence : | */

[b-q6t5wjfijt] .fourball_scorecard_marker.hidemarker .info .activity-detail {
    --hide-delay: 0.5s;
    opacity: 1;
    animation: hide_slide_vertical-b-q6t5wjfijt 0.5s linear forwards var(--hide-delay);
}

[b-q6t5wjfijt] .fourball_scorecard_marker.hidemarker .info .hole-detail {
    --hide-delay: 1.1s;
    opacity: 1;
    animation: hide_slide_horizontal-b-q6t5wjfijt 1.5s linear forwards var(--hide-delay);
}

[b-q6t5wjfijt] .fourball_scorecard_marker.hidemarker .icon {
    --hide-delay: 3s;
    opacity: 1;
    animation: hidefade-b-q6t5wjfijt 5s linear forwards var(--hide-delay);
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

@keyframes animate_straight_drop-b-q6t5wjfijt {
    0% {
        transform: translateY(var(--start-y)) scaleY(0.9);
        opacity: 0;
    }

    50% {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
    }

    75% {
        transform: translateY(-22px) scaleY(0.9);
    }

    100% {
        transform: translateY(0px) scaleY(1);
    }
}

[b-q6t5wjfijt] .straight_drop .icon {
    --start-y: -200px;
    animation: animate_straight_drop-b-q6t5wjfijt 0.8s linear forwards; /* var(--delay-time); */
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

@keyframes animate_angle_drop-b-q6t5wjfijt {
    0% {
        transform: translate( var(--start-x), var(--start-y)) scaleY(0.9);
        opacity: 0;
    }

    50% {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
    }

    75% {
        transform: translateY(-22px) scaleY(0.9);
    }

    100% {
        transform: translateY(0px) scaleY(1);
    }
}

[b-q6t5wjfijt] .angle_drop .icon {
    --start-x: 0;
    --start-y: -200px;
    animation: animate_angle_drop-b-q6t5wjfijt 0.8s linear forwards;
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

@keyframes animate_angle_drop_roll-b-q6t5wjfijt {
    0% {
        transform: translate( calc(var(--start-x) + (var(--land-x) * var(--direction-switch))), var(--start-y)) scaleY(0.5) rotate(calc(var(--start-rotate) * var(--direction-switch)));
        opacity: 0;
    }

    37% {
        transform: translate( calc(var(--land-x) * var(--direction-switch)), 0px) scaleY(0.7) rotate(calc(var(--mid-rotate) * var(--direction-switch)));
        opacity: 1;
    }

    100% {
        transform: translate( 0px, 0px) scaleY(1) rotate(0deg);
    }
}

[b-q6t5wjfijt] .angle_drop_roll .icon {
    --direction-switch: 1;
    --start-x: 700px;
    --start-y: -700px;
    --land-x: 200px;
    --start-rotate: 1690deg;
    --mid-rotate: 420deg;
    animation: animate_angle_drop_roll-b-q6t5wjfijt 2s linear forwards;
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
/* _content/ScoreCapture.Web/Components/Features/Featureboard/AnimationTest.razor.rz.scp.css */

.leaderboard[b-ngkhgykrbz] {
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 800px;
}

.leaderboard-container[b-ngkhgykrbz] {
    overflow: hidden;
    height: 600px;
}

table[b-ngkhgykrbz] {
    width: 100%;
    border-collapse: collapse;
}

th[b-ngkhgykrbz], td[b-ngkhgykrbz] {
    padding: 10px;
    text-align: left;
}

.fade-in[b-ngkhgykrbz] {
    animation: slide-in-left-b-ngkhgykrbz 0.5s ease-out forwards;
}

.fade-out[b-ngkhgykrbz] {
    animation: slide-out-left-b-ngkhgykrbz 0.5s ease-out forwards;
}

@keyframes slide-in-left-b-ngkhgykrbz {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-out-left-b-ngkhgykrbz {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(-100%);
        opacity: 0;
    }
}


table[b-ngkhgykrbz] {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-spacing: 0 10px;
    width: 100%;
    /*background-color: rgba(255,255,255,0.7);*/
    font-size: 32px;
    border-spacing: 0px 8px;
    font-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
}


thead[b-ngkhgykrbz] {
    background-color: rgba(18,45,42,0.7);
}

th[b-ngkhgykrbz] {
    /*background-color: rgba(18,45,42,0.7);*/
    background: #122D2A;
    color: white !important;
    text-align: left;
    padding: 5px 10px;
}

    th:nth-child(1)[b-ngkhgykrbz] {
        border-top-left-radius: 20px;
    }

    th:nth-last-child(1)[b-ngkhgykrbz] {
        border-top-right-radius: 20px;
    }

td[b-ngkhgykrbz] {
    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(238,240,240,1) 51%);
    color: black;
    padding: 10px 15px;
}

    th:not(.player)[b-ngkhgykrbz],
    td:not(.player)[b-ngkhgykrbz] {
        text-align: center;
    }

tr:nth-of-type(odd)[b-ngkhgykrbz] {
    /*background-color: rgba(255,255,255,0.7);*/
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/Birdies/FeatureboardTableBirdies.razor.rz.scp.css */
.tournamentscore[b-xfe5hr9qyv] {
    color: white !important;
    width: 50px;
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 1;
}

    .tournamentscore[b-xfe5hr9qyv]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-xfe5hr9qyv]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-xfe5hr9qyv]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-xfe5hr9qyv]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-xfe5hr9qyv],
    .tournamentscore.no_score[b-xfe5hr9qyv]:after {
        background-color: transparent;
        color: black !important;
    }

@media (max-width: 700px) {
    .tournamentscore[b-xfe5hr9qyv]:after {
        width: 30px;
        height: 30px;
    }
}

.tournamentsupporterimage[b-xfe5hr9qyv] {
    max-height: 175px;
}

.leaderboardheader[b-xfe5hr9qyv]  .header-title {
    color: var(--mud-palette-black);
}

.leaderboardheader[b-xfe5hr9qyv]  .header-date {
    color: var(--mud-palette-primary);
}

[b-xfe5hr9qyv] .featuredrow > .mud-table-cell {
    background-color: var(--mud-palette-gray-darker) !important;
    /*color: #46D246!important;*/
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

[b-xfe5hr9qyv] .featuredcell {
    background-color: var(--mud-palette-gray-darker) !important;
    /*color: #46D246!important;*/
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color:white !important;
}


/*-- position striping --*/
[b-xfe5hr9qyv] .mud-table-row {
    background: transparent !important;
}

 /* ::deep .mud-table-row:not(.tr-advert):nth-child(4n+1), ::deep .mud-table-row:not(.tr-advert):nth-child(4n+2) {*/
    [b-xfe5hr9qyv] .mud-table-row:not(.tr-advert):nth-child(2n+1) {  
        background-color: var(--mud-palette-gray-light) !important;
    }


@media (max-width: 600px) {
    [b-xfe5hr9qyv] .mud-table-cell {
        padding: 3px 12px 3px 8px !important;
        padding-inline-end: 6px !important;
        padding-inline-start:4px !important;
        font-size: 11px;
    }

    [b-xfe5hr9qyv] .mud-typography-h6
    {
        font-size: 14px;
    }
}


/* drill down details */

[b-xfe5hr9qyv] .avatar-card {
    position: relative;
    padding-left: 70px !important;
    margin-left: 40px;
    border-radius: 0% 10px 10px 0;
}


@media (max-width: 700px) {
    [b-xfe5hr9qyv] .avatar-card {
        padding: 6px 6px 6px 55px !important;
        margin-left: 25px;
    }

        [b-xfe5hr9qyv] .avatar-card .firstname {
            font-size: 12px;
            text-align: left;
        }

        [b-xfe5hr9qyv] .avatar-card .lastname {
            font-size: 16px;
            text-align: left;
        }
}

[b-xfe5hr9qyv] .drilldownprofilepicture {
    border-radius: 15px;
    border-radius: 35% 0% 30% 0% / 35% 0% 30% 0%;
    width: 100px;
    height: 80px;
    background-color: grey;
    border-right-width: 5px;
    border-bottom-width: 5px;
    /*background-image: url('/images/defaultcourse.jpg')*/
    /**/
    position: absolute;
    left: -40px;
    top: 0;
    background-position: center;
    background-size: cover;
}


@media (max-width: 700px) {
    [b-xfe5hr9qyv] .drilldownprofilepicture {
        width: 60px;
        height: 50px;
        left: -20px;
    }
}


[b-xfe5hr9qyv] .player-details {
    padding: 8px 16px;
}
    [b-xfe5hr9qyv] .player-details .mud-divider {
        border-color: #FFFFFF;
        opacity: .2;
        border-width: 2px;
        margin: 15px;
    }
    [b-xfe5hr9qyv] .player-details p,
    [b-xfe5hr9qyv] .player-details span {
        text-align: center;
    }

    [b-xfe5hr9qyv] .player-details .mud-avatar {
        margin: -8px auto;
    }

@media (max-width: 700px) {
    [b-xfe5hr9qyv] .player-details {
        padding: 3px;
    }
        [b-xfe5hr9qyv] .player-details .flex-row {
            gap: 3px !important;
            justify-content: start !important;
        }
        [b-xfe5hr9qyv] .player-details .flex-column {
            gap: 3px !important;
        }
        [b-xfe5hr9qyv] .player-details .mud-divider {
            margin: 8px 5px;
        }
        [b-xfe5hr9qyv] .player-details p {
            font-size: 11px;
        }
        [b-xfe5hr9qyv] .player-details span {
            font-size: 9px;
        }

        [b-xfe5hr9qyv] .player-details .mud-avatar {
            margin: auto;
        }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/Birdies/FeatureboardTableBirdiesDrillDown.razor.rz.scp.css */
.tournamentscore[b-kuvp8nedv4] {
    color: white !important;
    width: 50px;
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 1;
}

    .tournamentscore[b-kuvp8nedv4]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-kuvp8nedv4]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-kuvp8nedv4]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-kuvp8nedv4]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-kuvp8nedv4],
    .tournamentscore.no_score[b-kuvp8nedv4]:after {
        background-color: transparent;
        color: black !important;
    }


table[b-kuvp8nedv4] {
    border-spacing: 0px;
    border-width: 0px;
    margin: 0px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    border-collapse: collapse;
}

td[b-kuvp8nedv4] {
    min-width: 25px;
    min-height: 25px;
    padding: 6px;
    vertical-align: middle;
    display: table-cell;
}

    td .underline[b-kuvp8nedv4] {
        border-bottom: 1px solid var(--mud-palette-dark);
    }


.scorecardrowtitle[b-kuvp8nedv4] {
    text-align: left;
}

.titleRow[b-kuvp8nedv4] {
    background-color: rgba(225, 225, 225, 0.29);
}

.totalColumn[b-kuvp8nedv4] {
    background-color: rgba(40, 65, 62, 0.08)
}


.holescore[b-kuvp8nedv4] {
    min-width: 15px;
    text-align: center;
}

@media (min-width: 600px) {
    .holescore[b-kuvp8nedv4] {
        margin: auto;
    }
}

@media (max-width: 600px) {
    td[b-kuvp8nedv4] {
        font-size: 11px !important;
    }
}

@media (max-width: 700px) {
    .tournamentscore[b-kuvp8nedv4]:after {
        width: 30px;
        height: 30px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/DisplayEclecticFeatureboard.razor.rz.scp.css */

table[b-o42rshwtde] {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-spacing: 0 10px;
    width: 100%;
    /*background-color: rgba(255,255,255,0.7);*/
    font-size: 32px;
    border-spacing: 0px 8px;
    font-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
}


thead[b-o42rshwtde] {
    background-color: rgba(18,45,42,0.7);
}

th[b-o42rshwtde] {
    /*background-color: rgba(18,45,42,0.7);*/
    background: #122D2A;
    color: white !important;
    text-align: left;
    padding: 5px 10px;
}

    th:nth-child(1)[b-o42rshwtde] {
        border-top-left-radius: 20px;
    }

    th:nth-last-child(1)[b-o42rshwtde] {
        border-top-right-radius: 20px;
    }

.holeColumn[b-o42rshwtde] {
    width: 72px;
}

td[b-o42rshwtde] {
    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(238,240,240,1) 51%);
    color: black;
    padding: 10px 15px;
}

    th:not(.player)[b-o42rshwtde],
    td:not(.player)[b-o42rshwtde] {
        text-align: center;
    }

tr:nth-of-type(odd)[b-o42rshwtde] {
    /*background-color: rgba(255,255,255,0.7);*/
}



.tournamentscore[b-o42rshwtde] {
    color: white !important;
    /*width: 30px;*/
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 3;
}

    .tournamentscore[b-o42rshwtde]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 65px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-o42rshwtde]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-o42rshwtde]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-o42rshwtde]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-o42rshwtde],
    .tournamentscore.no_score[b-o42rshwtde]:after {
        background-color: transparent;
        color: black !important;
    }

.countryflag[b-o42rshwtde] {
    margin-bottom: -1px;
}

[b-o42rshwtde] .teamchip {
    min-width: 85px;
    text-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 700px) {
    .tournamentscore[b-o42rshwtde]:after {
        width: 30px;
        height: 30px;
    }
}

[b-o42rshwtde] .settings .mud-checkbox .mud-primary-text input:checked + svg {
    color: var(--mud-palette-primary);
}

.btn[b-o42rshwtde] {
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.btn-primary[b-o42rshwtde] {
    background: var(--mud-palette-primary);
}

    .btn-primary:hover[b-o42rshwtde] {
        background: var(--mud-palette-primary-darken);
    }

.headertitle[b-o42rshwtde] {
    width: 100%;
}

    .headertitle h1[b-o42rshwtde] {
        background: var(--mud-palette-info);
        padding: 0 8px;
        height: 60%;
        display: flex;
        align-items: center;
    }

    .headertitle h2[b-o42rshwtde] {
        background: var(--mud-palette-info-darken);
        padding: 0 8px;
        height: 40%;
        display: flex;
        align-items: center;
    }

    .headertitle .leaderboardname[b-o42rshwtde] {
        margin: 0 0 0 auto;
    }

    .headertitle .leadername[b-o42rshwtde] {
        margin: 0 0 0 auto;
    }




.leaderboard-container[b-o42rshwtde] {
}


.fade-in[b-o42rshwtde] {
    animation: slide-in-up-b-o42rshwtde 0.5s ease-out forwards;
}

.fade-out[b-o42rshwtde] {
    animation: slide-out-up-b-o42rshwtde 0.5s ease-out forwards;
}

@keyframes slide-in-up-b-o42rshwtde {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-up-b-o42rshwtde {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}


.holescore[b-o42rshwtde] {
    width: 72px;
    text-align: center;
    border-bottom: solid;
    border-bottom-width: 8px;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

@media (min-width: 600px) {
    .holescore[b-o42rshwtde] {
        margin: auto;
    }
}

.condor[b-o42rshwtde] {
    border-bottom-color: #B274B7;
    
}

.albatross[b-o42rshwtde] {
    border-bottom-color: #D9D768;
}

.eagle[b-o42rshwtde] {
    border-bottom-color: #EBAC4B;
}

.birdie[b-o42rshwtde] {
    border-bottom-color: #FE0000;
}

.bogey[b-o42rshwtde] {
    border-bottom-color: #76FAFC;
}

.doublebogey[b-o42rshwtde] {
    border-bottom-color: #0000FE;
}

.triplebogey[b-o42rshwtde] {
    border-bottom-color: #793EBF;
}

.nightmare[b-o42rshwtde] {
    border-bottom-color: #5F3C28;
}

@media (max-width: 450px) {
    .condor[b-o42rshwtde], .albatross[b-o42rshwtde], .eagle[b-o42rshwtde], .birdie[b-o42rshwtde], .bogey[b-o42rshwtde], .doublebogey[b-o42rshwtde], .triplebogey[b-o42rshwtde], .nightmare[b-o42rshwtde] {
        width: 20px;
        margin: auto -3px !important;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/DisplayFeatureboard.razor.rz.scp.css */

table[b-du7zqcm3jv] {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-spacing: 0 10px;
    width: 100%;
    /*background-color: rgba(255,255,255,0.7);*/
    font-size: 32px;
    border-spacing: 0px 8px;
    font-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
}


thead[b-du7zqcm3jv] {
    background-color: rgba(18,45,42,0.7);
}

th[b-du7zqcm3jv] {
    /*background-color: rgba(18,45,42,0.7);*/
    background: #122D2A;
    color: white !important;
    text-align: left;
    padding: 5px 10px;
}

    th:nth-child(1)[b-du7zqcm3jv] {
        border-top-left-radius: 20px;
    }

    th:nth-last-child(1)[b-du7zqcm3jv] {
        border-top-right-radius: 20px;
    }

td[b-du7zqcm3jv] {
    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(238,240,240,1) 51%);
    color: black;
    padding: 10px 15px;
}

    th:not(.player)[b-du7zqcm3jv],
    td:not(.player)[b-du7zqcm3jv] {
        text-align: center;
    }

tr:nth-of-type(odd)[b-du7zqcm3jv] {
    /*background-color: rgba(255,255,255,0.7);*/
}

.tournamentscore[b-du7zqcm3jv] {
    color: white !important;
    /*width: 30px;*/
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 3;
}

    .tournamentscore[b-du7zqcm3jv]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 65px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-du7zqcm3jv]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-du7zqcm3jv]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-du7zqcm3jv]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-du7zqcm3jv],
    .tournamentscore.no_score[b-du7zqcm3jv]:after {
        background-color: transparent;
        color: black !important;
    }

.countryflag[b-du7zqcm3jv] {
    margin-bottom: -1px;
}

[b-du7zqcm3jv] .teamchip {
    min-width: 85px;
    text-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 700px) {
    .tournamentscore[b-du7zqcm3jv]:after {
        width: 30px;
        height: 30px;
    }
}

[b-du7zqcm3jv] .settings .mud-checkbox .mud-primary-text input:checked + svg {
    color: var(--mud-palette-primary);
}

.btn[b-du7zqcm3jv] {
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.btn-primary[b-du7zqcm3jv] {
    background: var(--mud-palette-primary);
}

    .btn-primary:hover[b-du7zqcm3jv] {
        background: var(--mud-palette-primary-darken);
    }

.headertitle[b-du7zqcm3jv] {
    width: 100%;
}

    .headertitle h1[b-du7zqcm3jv] {
        background: var(--mud-palette-info);
        padding: 0 8px;
        height: 60%;
        display: flex;
        align-items: center;
    }

    .headertitle h2[b-du7zqcm3jv] {
        background: var(--mud-palette-info-darken);
        padding: 0 8px;
        height: 40%;
        display: flex;
        align-items: center;
    }

    .headertitle .leaderboardname[b-du7zqcm3jv] {
        margin: 0 0 0 auto;
    }

    .headertitle .leadername[b-du7zqcm3jv] {
        margin: 0 0 0 auto;
    }


/************************************************/
/*| Match Play header ----------------------------------------------------------------------------------------------*/

[b-du7zqcm3jv] .matchplay-table-header {
    background: var(--mud-palette-dark);
    background: var(--mud-palette-appbar-background);
    margin: auto;
    width: 100%;
}

[b-du7zqcm3jv] .team-a-displayname, [b-du7zqcm3jv] .team-b-displayname {
    background: transparent;
    box-shadow: none;
}

    [b-du7zqcm3jv] .team-a-displayname * {
        color: var(--team-a-colour);
        color: #FFF;
        font-weight: bold;
    }

    [b-du7zqcm3jv] .team-b-displayname * {
        color: var(--team-b-colour);
        color: #FFF;
        font-weight: bold;
    }

[b-du7zqcm3jv] .team-totalscore .mud-card {
    height: 90%;
    width: 15vw;
    position: relative;
    z-index: 1;
}

    [b-du7zqcm3jv] .team-totalscore .mud-card .mud-card-content {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

[b-du7zqcm3jv] .team-a-totalscore {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-du7zqcm3jv] .team-b-totalscore {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-du7zqcm3jv] .team-a-totalscore *, [b-du7zqcm3jv] .team-b-totalscore * {
        font-weight: bold;
    }


/*---*/
[b-du7zqcm3jv] .matchplay-table-header.team-a-lead .team-a-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    left: -11px;
    transform: skew(20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 0 2px;
}

[b-du7zqcm3jv] .matchplay-table-header.team-a-lead .team-a-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    left: -11px;
    transform: skew(-20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 2px 0;
}
/*---*/
[b-du7zqcm3jv] .matchplay-table-header.team-b-lead .team-b-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    right: -11px;
    transform: skew(-20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 2px 0;
}

[b-du7zqcm3jv] .matchplay-table-header.team-b-lead .team-b-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    right: -11px;
    transform: skew(20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 0 2px;
}

/*---*/

[b-du7zqcm3jv] .matchplay-table-header .team-a-projected-score .mud-typography {
    background: var(--team-a-colour-contrast);
    color: var(--team-a-colour);
    padding: 0 10px;
    border-radius: 100px;
}

[b-du7zqcm3jv] .matchplay-table-header .team-b-projected-score .mud-typography {
    background: var(--team-b-colour-contrast);
    color: var(--team-b-colour);
    padding: 0 10px;
    border-radius: 100px;
}

/*| Match Play table items ----------------------------------------------------------------------------------------------*/

[b-du7zqcm3jv] .matchplay {
    margin: -8px -9px;
    width: calc(100% + 17px);
}

    [b-du7zqcm3jv] .matchplay td {
        padding: 12px;
    }


[b-du7zqcm3jv] .matchplay-player {
    position: relative;
}

    [b-du7zqcm3jv] .matchplay-player:before {
        content: '';
        position: absolute;
        background: transparent;
        width: 5px;
        height: 100%;
        top: 0;
    }

    [b-du7zqcm3jv] .matchplay-player.team-a:before {
        background: var(--team-a-colour);
        left: 0;
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }

    [b-du7zqcm3jv] .matchplay-player.team-b:before {
        background: var(--team-b-colour);
        right: 0;
        box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }


[b-du7zqcm3jv] .team-a .player-name {
    text-align: left;
}

[b-du7zqcm3jv] .team-b .player-name {
    text-align: right;
}

[b-du7zqcm3jv] .matchplay-outcome {
    position: relative;
}

    [b-du7zqcm3jv] .matchplay-outcome .mud-card {
        background-color: black;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
        border-radius: 0;
    }

        [b-du7zqcm3jv] .matchplay-outcome .mud-card * {
            z-index: 1;
            font-weight: bold;
            line-height: 32px;
        }

    [b-du7zqcm3jv] .matchplay-outcome .mud-card-content {
        padding: 3px 8px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-width: 125px;
        max-width: 150px;
    }

[b-du7zqcm3jv] .matchplay hr.matchplay-summmary-divider {
    width: Calc(100% - 35px);
    margin: -1px auto;
    border-image: linear-gradient(to right, var(--team-a-colour), var(--team-b-colour)) 30;
    opacity: 0.5;
}

[b-du7zqcm3jv] .match-complete hr.matchplay-summmary-divider {
    display: none;
}
/*** MatchPlay Round Outcome ***/

[b-du7zqcm3jv] .team-a-lead .matchplay-outcome .mud-card {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

    [b-du7zqcm3jv] .team-a-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(20deg);
        bottom: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: -0.6px 0.5px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-a-colour);
    }

    [b-du7zqcm3jv] .team-a-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(-20deg);
        top: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-du7zqcm3jv] .team-b-lead .matchplay-outcome .mud-card {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-du7zqcm3jv] .team-b-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(-20deg);
        bottom: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: 0.5px -0.6px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-b-colour);
    }

    [b-du7zqcm3jv] .team-b-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(20deg);
        top: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-du7zqcm3jv] .team-a-lead.match-complete .matchplay-player.team-a {
    background: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-du7zqcm3jv] .team-b-lead.match-complete .matchplay-player.team-b {
    background: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

[b-du7zqcm3jv] .match-complete .matchplay-player:before,
[b-du7zqcm3jv] .match-complete .matchplay-outcome .mud-card:before {
    box-shadow: none !important;
}

[b-du7zqcm3jv] .team-a-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-a-colour);
}

[b-du7zqcm3jv] .team-b-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-b-colour);
}



.leaderboard-container[b-du7zqcm3jv] {
    
}


.fade-in[b-du7zqcm3jv] {
    animation: slide-in-up-b-du7zqcm3jv 0.5s ease-out forwards;
}

.fade-out[b-du7zqcm3jv] {
    animation: slide-out-up-b-du7zqcm3jv 0.5s ease-out forwards;
}

@keyframes slide-in-up-b-du7zqcm3jv {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-up-b-du7zqcm3jv {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/DisplayFeatureboardTable.razor.rz.scp.css */

table[b-6bnrvf6okd] {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-spacing: 0 10px;
    width: 100%;
    /*background-color: rgba(255,255,255,0.7);*/
    font-size: 32px;
    border-spacing: 0px 8px;
    font-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
}


thead[b-6bnrvf6okd] {
    background-color: rgba(18,45,42,0.7);
}

th[b-6bnrvf6okd] {
    /*background-color: rgba(18,45,42,0.7);*/
    background: #122D2A;
    color: white !important;
    text-align: left;
    padding: 5px 10px;
}

    th:nth-child(1)[b-6bnrvf6okd] {
        border-top-left-radius: 20px;
    }

    th:nth-last-child(1)[b-6bnrvf6okd] {
        border-top-right-radius: 20px;
    }

td[b-6bnrvf6okd] {
    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(238,240,240,1) 51%);
    color: black;
    padding: 10px 15px;
}

    th:not(.player)[b-6bnrvf6okd],
    td:not(.player)[b-6bnrvf6okd] {
        text-align: center;
    }

tr:nth-of-type(odd)[b-6bnrvf6okd] {
    /*background-color: rgba(255,255,255,0.7);*/
}

.tournamentscore[b-6bnrvf6okd] {
    color: white !important;
    /*width: 30px;*/
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 3;
}

    .tournamentscore[b-6bnrvf6okd]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 65px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-6bnrvf6okd]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-6bnrvf6okd]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-6bnrvf6okd]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-6bnrvf6okd],
    .tournamentscore.no_score[b-6bnrvf6okd]:after {
        background-color: transparent;
        color: black !important;
    }

.countryflag[b-6bnrvf6okd] {
    margin-bottom: -1px;
}

[b-6bnrvf6okd] .teamchip {
    min-width: 85px;
    text-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 700px) {
    .tournamentscore[b-6bnrvf6okd]:after {
        width: 30px;
        height: 30px;
    }
}

[b-6bnrvf6okd] .settings .mud-checkbox .mud-primary-text input:checked + svg {
    color: var(--mud-palette-primary);
}

.btn[b-6bnrvf6okd] {
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.btn-primary[b-6bnrvf6okd] {
    background: var(--mud-palette-primary);
}

    .btn-primary:hover[b-6bnrvf6okd] {
        background: var(--mud-palette-primary-darken);
    }

.headertitle[b-6bnrvf6okd] {
    width: 100%;
}

    .headertitle h1[b-6bnrvf6okd] {
        background: var(--mud-palette-info);
        padding: 0 8px;
        height: 60%;
        display: flex;
        align-items: center;
    }

    .headertitle h2[b-6bnrvf6okd] {
        background: var(--mud-palette-info-darken);
        padding: 0 8px;
        height: 40%;
        display: flex;
        align-items: center;
    }

    .headertitle .leaderboardname[b-6bnrvf6okd] {
        margin: 0 0 0 auto;
    }

    .headertitle .leadername[b-6bnrvf6okd] {
        margin: 0 0 0 auto;
    }


/************************************************/
/*| Match Play header ----------------------------------------------------------------------------------------------*/

[b-6bnrvf6okd] .matchplay-table-header {
    background: var(--mud-palette-dark);
    background: var(--mud-palette-appbar-background);
    margin: auto;
    width: 100%;
}

[b-6bnrvf6okd] .team-a-displayname, [b-6bnrvf6okd] .team-b-displayname {
    background: transparent;
    box-shadow: none;
}

    [b-6bnrvf6okd] .team-a-displayname * {
        color: var(--team-a-colour);
        color: #FFF;
        font-weight: bold;
    }

    [b-6bnrvf6okd] .team-b-displayname * {
        color: var(--team-b-colour);
        color: #FFF;
        font-weight: bold;
    }

[b-6bnrvf6okd] .team-totalscore .mud-card {
    height: 90%;
    width: 15vw;
    position: relative;
    z-index: 1;
}

    [b-6bnrvf6okd] .team-totalscore .mud-card .mud-card-content {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

[b-6bnrvf6okd] .team-a-totalscore {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-6bnrvf6okd] .team-b-totalscore {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-6bnrvf6okd] .team-a-totalscore *, [b-6bnrvf6okd] .team-b-totalscore * {
        font-weight: bold;
    }


/*---*/
[b-6bnrvf6okd] .matchplay-table-header.team-a-lead .team-a-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    left: -11px;
    transform: skew(20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 0 2px;
}

[b-6bnrvf6okd] .matchplay-table-header.team-a-lead .team-a-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    left: -11px;
    transform: skew(-20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 2px 0;
}
/*---*/
[b-6bnrvf6okd] .matchplay-table-header.team-b-lead .team-b-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    right: -11px;
    transform: skew(-20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 2px 0;
}

[b-6bnrvf6okd] .matchplay-table-header.team-b-lead .team-b-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    right: -11px;
    transform: skew(20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 0 2px;
}

/*---*/

[b-6bnrvf6okd] .matchplay-table-header .team-a-projected-score .mud-typography {
    background: var(--team-a-colour-contrast);
    color: var(--team-a-colour);
    padding: 0 10px;
    border-radius: 100px;
}

[b-6bnrvf6okd] .matchplay-table-header .team-b-projected-score .mud-typography {
    background: var(--team-b-colour-contrast);
    color: var(--team-b-colour);
    padding: 0 10px;
    border-radius: 100px;
}

/*| Match Play table items ----------------------------------------------------------------------------------------------*/

[b-6bnrvf6okd] .matchplay {
    margin: -8px -9px;
    width: calc(100% + 17px);
}

    [b-6bnrvf6okd] .matchplay td {
        padding: 12px;
    }


[b-6bnrvf6okd] .matchplay-player {
    position: relative;
}

    [b-6bnrvf6okd] .matchplay-player:before {
        content: '';
        position: absolute;
        background: transparent;
        width: 5px;
        height: 100%;
        top: 0;
    }

    [b-6bnrvf6okd] .matchplay-player.team-a:before {
        background: var(--team-a-colour);
        left: 0;
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }

    [b-6bnrvf6okd] .matchplay-player.team-b:before {
        background: var(--team-b-colour);
        right: 0;
        box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }


[b-6bnrvf6okd] .team-a .player-name {
    text-align: left;
}

[b-6bnrvf6okd] .team-b .player-name {
    text-align: right;
}

[b-6bnrvf6okd] .matchplay-outcome {
    position: relative;
}

    [b-6bnrvf6okd] .matchplay-outcome .mud-card {
        background-color: black;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
        border-radius: 0;
    }

        [b-6bnrvf6okd] .matchplay-outcome .mud-card * {
            z-index: 1;
            font-weight: bold;
            line-height: 32px;
        }

    [b-6bnrvf6okd] .matchplay-outcome .mud-card-content {
        padding: 3px 8px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-width: 125px;
        max-width: 150px;
    }

[b-6bnrvf6okd] .matchplay hr.matchplay-summmary-divider {
    width: Calc(100% - 35px);
    margin: -1px auto;
    border-image: linear-gradient(to right, var(--team-a-colour), var(--team-b-colour)) 30;
    opacity: 0.5;
}

[b-6bnrvf6okd] .match-complete hr.matchplay-summmary-divider {
    display: none;
}
/*** MatchPlay Round Outcome ***/

[b-6bnrvf6okd] .team-a-lead .matchplay-outcome .mud-card {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

    [b-6bnrvf6okd] .team-a-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(20deg);
        bottom: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: -0.6px 0.5px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-a-colour);
    }

    [b-6bnrvf6okd] .team-a-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(-20deg);
        top: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-6bnrvf6okd] .team-b-lead .matchplay-outcome .mud-card {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-6bnrvf6okd] .team-b-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(-20deg);
        bottom: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: 0.5px -0.6px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-b-colour);
    }

    [b-6bnrvf6okd] .team-b-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(20deg);
        top: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-6bnrvf6okd] .team-a-lead.match-complete .matchplay-player.team-a {
    background: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-6bnrvf6okd] .team-b-lead.match-complete .matchplay-player.team-b {
    background: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

[b-6bnrvf6okd] .match-complete .matchplay-player:before,
[b-6bnrvf6okd] .match-complete .matchplay-outcome .mud-card:before {
    box-shadow: none !important;
}

[b-6bnrvf6okd] .team-a-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-a-colour);
}

[b-6bnrvf6okd] .team-b-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-b-colour);
}



.leaderboard-container[b-6bnrvf6okd] {
}


.fade-in[b-6bnrvf6okd] {
    animation: slide-in-up-b-6bnrvf6okd 0.5s ease-out forwards;
}

.fade-out[b-6bnrvf6okd] {
    animation: slide-out-up-b-6bnrvf6okd 0.5s ease-out forwards;
}

@keyframes slide-in-up-b-6bnrvf6okd {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-up-b-6bnrvf6okd {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/DisplayRankingsFeatureboard.razor.rz.scp.css */

table[b-5kb3zz6nuz] {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-spacing: 0 10px;
    width: 100%;
    /*background-color: rgba(255,255,255,0.7);*/
    font-size: 32px;
    border-spacing: 0px 8px;
    font-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
}


thead[b-5kb3zz6nuz] {
    background-color: rgba(18,45,42,0.7);
}

th[b-5kb3zz6nuz] {
    /*background-color: rgba(18,45,42,0.7);*/
    background: #122D2A;
    color: white !important;
    text-align: left;
    padding: 5px 10px;
}

    th:nth-child(1)[b-5kb3zz6nuz] {
        border-top-left-radius: 20px;
    }

    th:nth-last-child(1)[b-5kb3zz6nuz] {
        border-top-right-radius: 20px;
    }

td[b-5kb3zz6nuz] {
    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(238,240,240,1) 51%);
    color: black;
    padding: 10px 15px;
}

    th:not(.player)[b-5kb3zz6nuz],
    td:not(.player)[b-5kb3zz6nuz] {
        text-align: center;
    }

tr:nth-of-type(odd)[b-5kb3zz6nuz] {
    /*background-color: rgba(255,255,255,0.7);*/
}

.tournamentscore[b-5kb3zz6nuz] {
    color: white !important;
    /*width: 30px;*/
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 3;
}

    .tournamentscore[b-5kb3zz6nuz]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 65px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-5kb3zz6nuz]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-5kb3zz6nuz]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-5kb3zz6nuz]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-5kb3zz6nuz],
    .tournamentscore.no_score[b-5kb3zz6nuz]:after {
        background-color: transparent;
        color: black !important;
    }

.countryflag[b-5kb3zz6nuz] {
    margin-bottom: -1px;
}

[b-5kb3zz6nuz] .teamchip {
    min-width: 85px;
    text-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 700px) {
    .tournamentscore[b-5kb3zz6nuz]:after {
        width: 30px;
        height: 30px;
    }
}

[b-5kb3zz6nuz] .settings .mud-checkbox .mud-primary-text input:checked + svg {
    color: var(--mud-palette-primary);
}

.btn[b-5kb3zz6nuz] {
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.btn-primary[b-5kb3zz6nuz] {
    background: var(--mud-palette-primary);
}

    .btn-primary:hover[b-5kb3zz6nuz] {
        background: var(--mud-palette-primary-darken);
    }

.headertitle[b-5kb3zz6nuz] {
    width: 100%;
}

    .headertitle h1[b-5kb3zz6nuz] {
        background: var(--mud-palette-info);
        padding: 0 8px;
        height: 60%;
        display: flex;
        align-items: center;
    }

    .headertitle h2[b-5kb3zz6nuz] {
        background: var(--mud-palette-info-darken);
        padding: 0 8px;
        height: 40%;
        display: flex;
        align-items: center;
    }

    .headertitle .leaderboardname[b-5kb3zz6nuz] {
        margin: 0 0 0 auto;
    }

    .headertitle .leadername[b-5kb3zz6nuz] {
        margin: 0 0 0 auto;
    }


/************************************************/
/*| Match Play header ----------------------------------------------------------------------------------------------*/

[b-5kb3zz6nuz] .matchplay-table-header {
    background: var(--mud-palette-dark);
    background: var(--mud-palette-appbar-background);
    margin: auto;
    width: 100%;
}

[b-5kb3zz6nuz] .team-a-displayname, [b-5kb3zz6nuz] .team-b-displayname {
    background: transparent;
    box-shadow: none;
}

    [b-5kb3zz6nuz] .team-a-displayname * {
        color: var(--team-a-colour);
        color: #FFF;
        font-weight: bold;
    }

    [b-5kb3zz6nuz] .team-b-displayname * {
        color: var(--team-b-colour);
        color: #FFF;
        font-weight: bold;
    }

[b-5kb3zz6nuz] .team-totalscore .mud-card {
    height: 90%;
    width: 15vw;
    position: relative;
    z-index: 1;
}

    [b-5kb3zz6nuz] .team-totalscore .mud-card .mud-card-content {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

[b-5kb3zz6nuz] .team-a-totalscore {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-5kb3zz6nuz] .team-b-totalscore {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-5kb3zz6nuz] .team-a-totalscore *, [b-5kb3zz6nuz] .team-b-totalscore * {
        font-weight: bold;
    }


/*---*/
[b-5kb3zz6nuz] .matchplay-table-header.team-a-lead .team-a-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    left: -11px;
    transform: skew(20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 0 2px;
}

[b-5kb3zz6nuz] .matchplay-table-header.team-a-lead .team-a-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    left: -11px;
    transform: skew(-20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 2px 0;
}
/*---*/
[b-5kb3zz6nuz] .matchplay-table-header.team-b-lead .team-b-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    right: -11px;
    transform: skew(-20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 2px 0;
}

[b-5kb3zz6nuz] .matchplay-table-header.team-b-lead .team-b-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    right: -11px;
    transform: skew(20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 0 2px;
}

/*---*/

[b-5kb3zz6nuz] .matchplay-table-header .team-a-projected-score .mud-typography {
    background: var(--team-a-colour-contrast);
    color: var(--team-a-colour);
    padding: 0 10px;
    border-radius: 100px;
}

[b-5kb3zz6nuz] .matchplay-table-header .team-b-projected-score .mud-typography {
    background: var(--team-b-colour-contrast);
    color: var(--team-b-colour);
    padding: 0 10px;
    border-radius: 100px;
}

/*| Match Play table items ----------------------------------------------------------------------------------------------*/

[b-5kb3zz6nuz] .matchplay {
    margin: -8px -9px;
    width: calc(100% + 17px);
}

    [b-5kb3zz6nuz] .matchplay td {
        padding: 12px;
    }


[b-5kb3zz6nuz] .matchplay-player {
    position: relative;
}

    [b-5kb3zz6nuz] .matchplay-player:before {
        content: '';
        position: absolute;
        background: transparent;
        width: 5px;
        height: 100%;
        top: 0;
    }

    [b-5kb3zz6nuz] .matchplay-player.team-a:before {
        background: var(--team-a-colour);
        left: 0;
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }

    [b-5kb3zz6nuz] .matchplay-player.team-b:before {
        background: var(--team-b-colour);
        right: 0;
        box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }


[b-5kb3zz6nuz] .team-a .player-name {
    text-align: left;
}

[b-5kb3zz6nuz] .team-b .player-name {
    text-align: right;
}

[b-5kb3zz6nuz] .matchplay-outcome {
    position: relative;
}

    [b-5kb3zz6nuz] .matchplay-outcome .mud-card {
        background-color: black;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
        border-radius: 0;
    }

        [b-5kb3zz6nuz] .matchplay-outcome .mud-card * {
            z-index: 1;
            font-weight: bold;
            line-height: 32px;
        }

    [b-5kb3zz6nuz] .matchplay-outcome .mud-card-content {
        padding: 3px 8px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-width: 125px;
        max-width: 150px;
    }

[b-5kb3zz6nuz] .matchplay hr.matchplay-summmary-divider {
    width: Calc(100% - 35px);
    margin: -1px auto;
    border-image: linear-gradient(to right, var(--team-a-colour), var(--team-b-colour)) 30;
    opacity: 0.5;
}

[b-5kb3zz6nuz] .match-complete hr.matchplay-summmary-divider {
    display: none;
}
/*** MatchPlay Round Outcome ***/

[b-5kb3zz6nuz] .team-a-lead .matchplay-outcome .mud-card {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

    [b-5kb3zz6nuz] .team-a-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(20deg);
        bottom: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: -0.6px 0.5px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-a-colour);
    }

    [b-5kb3zz6nuz] .team-a-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(-20deg);
        top: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-5kb3zz6nuz] .team-b-lead .matchplay-outcome .mud-card {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-5kb3zz6nuz] .team-b-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(-20deg);
        bottom: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: 0.5px -0.6px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-b-colour);
    }

    [b-5kb3zz6nuz] .team-b-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(20deg);
        top: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-5kb3zz6nuz] .team-a-lead.match-complete .matchplay-player.team-a {
    background: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-5kb3zz6nuz] .team-b-lead.match-complete .matchplay-player.team-b {
    background: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

[b-5kb3zz6nuz] .match-complete .matchplay-player:before,
[b-5kb3zz6nuz] .match-complete .matchplay-outcome .mud-card:before {
    box-shadow: none !important;
}

[b-5kb3zz6nuz] .team-a-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-a-colour);
}

[b-5kb3zz6nuz] .team-b-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-b-colour);
}



.leaderboard-container[b-5kb3zz6nuz] {
}


.fade-in[b-5kb3zz6nuz] {
    animation: slide-in-up-b-5kb3zz6nuz 0.5s ease-out forwards;
}

.fade-out[b-5kb3zz6nuz] {
    animation: slide-out-up-b-5kb3zz6nuz 0.5s ease-out forwards;
}

@keyframes slide-in-up-b-5kb3zz6nuz {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-up-b-5kb3zz6nuz {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/FeatureboardHoleDetails.razor.rz.scp.css */
.hbh[b-oujxgtidco] {
    width: 25px;
    height: 25px;
    margin:5px;
    border-bottom: 5px solid;
    padding: 3px;
    align-content: center;
    justify-content: center;
    text-align: center;
    font-size:18px;
    font-weight:bold;
}


@media (max-width: 600px) {
    .hbh[b-oujxgtidco] {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/FeatureboardInfo.razor.rz.scp.css */

/*---*/
[b-acs8xxek49] .feature-card {
}

    [b-acs8xxek49] .feature-card .mud-expand-panel-text {
        color: #FFF !important;
    }

    [b-acs8xxek49] .feature-card .mud-expand-panel-header {
        color: #FFF !important;
        background: var(--mud-palette-gray-darker) !important;
    }

    [b-acs8xxek49] .feature-card .mud-expand-panel-content {
        /*padding-bottom: 50px;*/
        /*background: linear-gradient(to bottom, var(--mud-palette-gray-light) 75%, var(--mud-palette-gray-lighter)) !important;*/
    }
/* _content/ScoreCapture.Web/Components/Features/Featureboard/FeatureboardTable.razor.rz.scp.css */
.tournamentscore[b-1l1295uit2] {
    color: white !important;
    width: 50px;
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 1;
}

    .tournamentscore[b-1l1295uit2]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-1l1295uit2]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-1l1295uit2]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-1l1295uit2]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-1l1295uit2],
    .tournamentscore.no_score[b-1l1295uit2]:after {
        background-color: transparent;
        color: black !important;
    }

@media (max-width: 700px) {
    .tournamentscore[b-1l1295uit2]:after {
        width: 30px;
        height: 30px;
    }
}

.tournamentsupporterimage[b-1l1295uit2] {
    max-height: 175px;
}

.leaderboardheader[b-1l1295uit2]  .header-title {
    color: var(--mud-palette-black);
}

.leaderboardheader[b-1l1295uit2]  .header-date {
    color: var(--mud-palette-primary);
}

[b-1l1295uit2] .featuredrow > .mud-table-cell {
    background-color: var(--mud-palette-gray-darker) !important;
    /*color: #46D246!important;*/
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

[b-1l1295uit2] .featuredcell {
    background-color: var(--mud-palette-gray-darker) !important;
    /*color: #46D246!important;*/
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color:white !important;
}


/*-- position striping --*/
[b-1l1295uit2] .mud-table-row {
    background: transparent !important;
}

    [b-1l1295uit2] .mud-table-row:nth-child(4n+1), [b-1l1295uit2] .mud-table-row:nth-child(4n+2) {
        
        background-color: var(--mud-palette-gray-light) !important;
    }


@media (max-width: 600px) {
    [b-1l1295uit2] .mud-table-cell {
        padding: 3px 12px 3px 8px !important;
        padding-inline-end: 6px !important;
        padding-inline-start:4px !important;
        font-size: 11px;
    }

    [b-1l1295uit2] .mud-typography-h6
    {
        font-size: 14px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/FeatureboardTableAverages.razor.rz.scp.css */
.tournamentscore[b-2lc2zhpx21] {
    color: white !important;
    width: 50px;
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 1;
}

    .tournamentscore[b-2lc2zhpx21]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

        .tournamentscore.decimal[b-2lc2zhpx21] {
            padding: 10px 0;
        }
            .tournamentscore.decimal[b-2lc2zhpx21]:after {
                width: 50px;
                height: 45px;
            }

    .tournamentscore.ts_under[b-2lc2zhpx21]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-2lc2zhpx21]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-2lc2zhpx21]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-2lc2zhpx21],
    .tournamentscore.no_score[b-2lc2zhpx21]:after {
        background-color: transparent;
        color: black !important;
    }

@media (max-width: 700px) {
    .tournamentscore[b-2lc2zhpx21]:after {
        width: 30px;
        height: 30px;
    }
}

.tournamentsupporterimage[b-2lc2zhpx21] {
    max-height: 175px;
}

.leaderboardheader[b-2lc2zhpx21]  .header-title {
    color: var(--mud-palette-black);
}

.leaderboardheader[b-2lc2zhpx21]  .header-date {
    color: var(--mud-palette-primary);
}

[b-2lc2zhpx21] .featuredrow > .mud-table-cell {
    background-color: var(--mud-palette-gray-darker) !important;
    /*color: #46D246!important;*/
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

[b-2lc2zhpx21] .featuredcell {
    background-color: var(--mud-palette-gray-darker) !important;
    /*color: #46D246!important;*/
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color:white !important;
}


/*-- position striping --*/
[b-2lc2zhpx21] .mud-table-row {
    background: transparent !important;
}

 /* ::deep .mud-table-row:not(.tr-advert):nth-child(4n+1), ::deep .mud-table-row:not(.tr-advert):nth-child(4n+2) {*/
    [b-2lc2zhpx21] .mud-table-row:not(.tr-advert):nth-child(2n+1) {  
        background-color: var(--mud-palette-gray-light) !important;
    }


@media (max-width: 600px) {
    [b-2lc2zhpx21] .mud-table-cell {
        padding: 3px 12px 3px 8px !important;
        padding-inline-end: 6px !important;
        padding-inline-start:4px !important;
        font-size: 11px;
    }

    [b-2lc2zhpx21] .mud-typography-h6
    {
        font-size: 14px;
    }
}


/* drill down details */

[b-2lc2zhpx21] .avatar-card {
    position: relative;
    padding-left: 70px !important;
    margin-left: 40px;
    border-radius: 0% 10px 10px 0;
}


@media (max-width: 700px) {
    [b-2lc2zhpx21] .avatar-card {
        padding: 6px 6px 6px 55px !important;
        margin-left: 25px;
    }

        [b-2lc2zhpx21] .avatar-card .firstname {
            font-size: 12px;
            text-align: left;
        }

        [b-2lc2zhpx21] .avatar-card .lastname {
            font-size: 16px;
            text-align: left;
        }
}

[b-2lc2zhpx21] .drilldownprofilepicture {
    border-radius: 15px;
    border-radius: 35% 0% 30% 0% / 35% 0% 30% 0%;
    width: 100px;
    height: 80px;
    background-color: grey;
    border-right-width: 5px;
    border-bottom-width: 5px;
    /*background-image: url('/images/defaultcourse.jpg')*/
    /**/
    position: absolute;
    left: -40px;
    top: 0;
    background-position: center;
    background-size: cover;
}


@media (max-width: 700px) {
    [b-2lc2zhpx21] .drilldownprofilepicture {
        width: 60px;
        height: 50px;
        left: -20px;
    }
}


[b-2lc2zhpx21] .player-details {
    padding: 8px 16px;
}
    [b-2lc2zhpx21] .player-details .mud-divider {
        border-color: #FFFFFF;
        opacity: .2;
        border-width: 2px;
        margin: 15px;
    }
    [b-2lc2zhpx21] .player-details p,
    [b-2lc2zhpx21] .player-details span {
        text-align: center;
    }

    [b-2lc2zhpx21] .player-details .mud-avatar {
        margin: -8px auto;
    }

@media (max-width: 700px) {
    [b-2lc2zhpx21] .player-details {
        padding: 3px;
    }
        [b-2lc2zhpx21] .player-details .flex-row {
            gap: 3px !important;
            justify-content: start !important;
        }
        [b-2lc2zhpx21] .player-details .flex-column {
            gap: 3px !important;
        }
        [b-2lc2zhpx21] .player-details .mud-divider {
            margin: 8px 5px;
        }
        [b-2lc2zhpx21] .player-details p {
            font-size: 11px;
        }
        [b-2lc2zhpx21] .player-details span {
            font-size: 9px;
        }

        [b-2lc2zhpx21] .player-details .mud-avatar {
            margin: auto;
        }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/FeatureboardTableAveragesDrillDown.razor.rz.scp.css */
.tournamentscore[b-fyucmcy58n] {
    color: white !important;
    width: 50px;
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 1;
}

    .tournamentscore[b-fyucmcy58n]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-fyucmcy58n]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-fyucmcy58n]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-fyucmcy58n]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-fyucmcy58n],
    .tournamentscore.no_score[b-fyucmcy58n]:after {
        background-color: transparent;
        color: black !important;
    }

@media (max-width: 700px) {
    .tournamentscore[b-fyucmcy58n]:after {
        width: 30px;
        height: 30px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/FeatureboardTableAveragesDrillDownComp.razor.rz.scp.css */
.tournamentscore[b-i5tvxxp5rk] {
    color: white !important;
    width: 50px;
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 1;
}

    .tournamentscore[b-i5tvxxp5rk]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-i5tvxxp5rk]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-i5tvxxp5rk]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-i5tvxxp5rk]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-i5tvxxp5rk],
    .tournamentscore.no_score[b-i5tvxxp5rk]:after {
        background-color: transparent;
        color: black !important;
    }

@media (max-width: 700px) {
    .tournamentscore[b-i5tvxxp5rk]:after {
        width: 30px;
        height: 30px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/FeatureboardTableAveragesDrillDownScorecards.razor.rz.scp.css */
table[b-fyr3qw45j5] {
    border-spacing: 0px;
    border-width: 0px;
    margin: 0px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    border-collapse: collapse;
}

td[b-fyr3qw45j5] {
    min-width: 25px;
    min-height: 25px;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

    td .underline[b-fyr3qw45j5] {
        border-bottom: 1px solid var(--mud-palette-dark);
    }


.scorecardrowtitle[b-fyr3qw45j5] {
    text-align: left;
}

.titleRow[b-fyr3qw45j5] {
    background-color: rgba(225, 225, 225, 0.29);
}

.totalColumn[b-fyr3qw45j5] {
    background-color: rgba(40, 65, 62, 0.08)
}


.holescore[b-fyr3qw45j5] {
    min-width: 15px;
    text-align: center;
}

@media (min-width: 600px) {
    .holescore[b-fyr3qw45j5] {
        margin: auto;
    }
}

@media (max-width: 600px) {
    td[b-fyr3qw45j5] {
        font-size: 11px !important;
    }
}

.condor[b-fyr3qw45j5] {
    /*border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #B274B7;
    border-width: 2px;*/
    border-bottom: 2px solid #B274B7;
    max-width: 22px;
}

.albatross[b-fyr3qw45j5] {
    /*border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #D9D768;
    border-width: 2px;*/
    border-bottom: 2px solid #D9D768;
    max-width: 22px;
}

.eagle[b-fyr3qw45j5] {
    /*border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #EBAC4B;
    border-width: 2px;*/
    border-bottom: 2px solid #EBAC4B;
    max-width: 22px;
}

.birdie[b-fyr3qw45j5] {
    /*border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-color: #FE0000;
    border-width: 2px;*/
    border-bottom: 2px solid #FE0000;
    max-width: 22px;
}

.bogey[b-fyr3qw45j5] {
    /*border-radius: 5px;
    border-color: #76FAFC;
    border-width: 2px;*/
    border-bottom: 2px solid #76FAFC;
    max-width: 22px;
}

.doublebogey[b-fyr3qw45j5] {
    /*border-radius: 5px;
    border-color: #0000FE;
    border-width: 2px;*/
    border-bottom: 2px solid #0000FE;
    max-width: 22px;
}

.triplebogey[b-fyr3qw45j5] {
    /*border-radius: 5px;
    border-color: #793EBF;
    border-width: 2px;*/
    border-bottom: 2px solid #793EBF;
    max-width: 22px;
}

.nightmare[b-fyr3qw45j5] {
    /*border-radius: 5px;
    border-color: #5F3C28;
    border-width: 2px;*/
    border-bottom: 2px solid #5F3C28;
    max-width: 22px;
}

@media (max-width: 450px) {
    .condor[b-fyr3qw45j5], .albatross[b-fyr3qw45j5], .eagle[b-fyr3qw45j5], .birdie[b-fyr3qw45j5], .bogey[b-fyr3qw45j5], .doublebogey[b-fyr3qw45j5], .triplebogey[b-fyr3qw45j5], .nightmare[b-fyr3qw45j5] {
        width: 20px;
        margin: auto -3px !important;
    }
}


.pickup span[b-fyr3qw45j5] {
    position: relative;
    z-index: 2;
}

.pickup[b-fyr3qw45j5] {
    position: relative;
    max-width: 22px;
    text-align: center;
}

    .pickup[b-fyr3qw45j5]:before,
    .pickup[b-fyr3qw45j5]:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

    .pickup[b-fyr3qw45j5]:before {
        background: linear-gradient(to top right, transparent calc(50% - 1px), lightgrey 50%, transparent calc(50% + 1px) );
    }

    .pickup[b-fyr3qw45j5]:after {
        background: linear-gradient(to left top, transparent calc(50% - 1px), lightgrey 50%, transparent calc(50% + 1px) );
    }
/* _content/ScoreCapture.Web/Components/Features/Featureboard/FeatureboardTableEclectic.razor.rz.scp.css */

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table {
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    
}

    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > thead > tr > th {
        background-color: #122D2A;
        background: var(--mud-palette-dark);
        color: white !important;
        /*text-align: left;*/
        padding: 5px 10px;
    }

@media (min-width: 400px) {
    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > thead > tr > th:nth-child(1):not(.mud-table-empty-row) {
        border-top-left-radius: 20px;
    }

    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > thead > tr > th:nth-last-child(1):not(.mud-table-empty-row) {
        border-top-right-radius: 20px;
    }
}

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > thead > tr > .mud-table-cell,
[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > .mud-table-cell
{
    border-bottom: 0;
    padding: 8px;
}

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > thead > tr > th:not(.player),
[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td:not(.player) {
    text-align: center;
}

/*-- position striping --*/

/* .mud-table-row:has(> td.pos-even) */
[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > .mud-table-row:nth-of-type(even) {
    background-color: transparent;
}

/* .mud-table-row:has(> td.pos-odd)*/
[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > .mud-table-row:nth-of-type(odd) {
    background-color: var(--mud-palette-gray-light);
}


/**/



.tournamentscore[b-srxtc66n5s] {
    color: white !important;
    /*width: 30px;*/
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 3;
}

    .tournamentscore[b-srxtc66n5s]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 65px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-srxtc66n5s]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-srxtc66n5s]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-srxtc66n5s]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-srxtc66n5s],
    .tournamentscore.no_score[b-srxtc66n5s]:after {
        background-color: transparent;
        color: black !important;
    }

.countryflag[b-srxtc66n5s] {
    margin-bottom: -1px;
}

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td > .teamchip {
    min-width: 85px;
    text-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 700px) {
    .tournamentscore[b-srxtc66n5s]:after {
        width: 30px;
        height: 30px;
    }
}

[b-srxtc66n5s] .settings .mud-checkbox .mud-primary-text input:checked + svg {
    color: var(--mud-palette-primary);
}

.btn[b-srxtc66n5s] {
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.btn-primary[b-srxtc66n5s] {
    background: var(--mud-palette-primary);
}

    .btn-primary:hover[b-srxtc66n5s] {
        background: var(--mud-palette-primary-darken);
    }

.headertitle[b-srxtc66n5s] {
    width: 100%;
}

    .headertitle h1[b-srxtc66n5s] {
        background: var(--mud-palette-info);
        padding: 0 8px;
        height: 60%;
        display: flex;
        align-items: center;
    }

    .headertitle h2[b-srxtc66n5s] {
        background: var(--mud-palette-info-darken);
        padding: 0 8px;
        height: 40%;
        display: flex;
        align-items: center;
    }

    .headertitle .leaderboardname[b-srxtc66n5s] {
        margin: 0 0 0 auto;
    }

    .headertitle .leadername[b-srxtc66n5s] {
        margin: 0 0 0 auto;
    }




.leaderboard-container[b-srxtc66n5s] {
}


.fade-in[b-srxtc66n5s] {
    animation: slide-in-up-b-srxtc66n5s 0.5s ease-out forwards;
}

.fade-out[b-srxtc66n5s] {
    animation: slide-out-up-b-srxtc66n5s 0.5s ease-out forwards;
}

@keyframes slide-in-up-b-srxtc66n5s {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-up-b-srxtc66n5s {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}


[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.holescore {
    width: 72px;
    text-align: center;
    border-bottom: solid;
    border-bottom-width: 8px;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

@media (min-width: 600px) {
    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.holescore {
        margin: auto;
    }
}

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.condor {
    border-bottom-color: #B274B7;
}

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.albatross {
    border-bottom-color: #D9D768;
}

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.eagle {
    border-bottom-color: #EBAC4B;
}

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.birdie {
    border-bottom-color: #FE0000;
}

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.bogey {
    border-bottom-color: #76FAFC;
}

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.doublebogey {
    border-bottom-color: #0000FE;
}

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.triplebogey {
    border-bottom-color: #793EBF;
}

[b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.nightmare {
    border-bottom-color: #5F3C28;
}

@media (max-width: 450px) {
    /*doesnt work for 18 hole width */
    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.condor,
    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.albatross,
    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.eagle,
    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.birdie,
    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.bogey,
    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.doublebogey,
    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.triplebogey,
    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td.nightmare {
       /* width: 20px;
        margin: auto -3px !important;*/
    }
}

@media (max-width: 600px) {
    [b-srxtc66n5s] .eclectic-table > .mud-table-container > table > tbody > tr > td .round-details .holescore {
        margin: auto !important;
    }
}

/* _content/ScoreCapture.Web/Components/Features/Featureboard/FeatureboardTableRankings.razor.rz.scp.css */
.countryflag[b-7infwc4v1m] {
    width: 15px;
    /*vertical-align: middle;*/
    margin-bottom: -3px;
}




/* drill down details */

[b-7infwc4v1m] .avatar-card {
    position: relative;
    padding-left: 70px !important;
    margin-left: 40px;
    border-radius: 0% 10px 10px 0;
}


@media (max-width: 700px) {
    [b-7infwc4v1m] .avatar-card {
        padding: 6px 6px 6px 55px !important;
        margin-left: 25px;
    }

        [b-7infwc4v1m] .avatar-card .firstname {
            font-size: 12px;
            text-align: left;
        }

        [b-7infwc4v1m] .avatar-card .lastname {
            font-size: 16px;
            text-align: left;
        }
}

[b-7infwc4v1m] .drilldownprofilepicture {
    border-radius: 15px;
    border-radius: 35% 0% 30% 0% / 35% 0% 30% 0%;
    width: 100px;
    height: 80px;
    background-color: grey;
    border-right-width: 5px;
    border-bottom-width: 5px;
    /*background-image: url('/images/defaultcourse.jpg')*/
    /**/
    position: absolute;
    left: -40px;
    top: 0;
    background-position: center;
    background-size: cover;
}


@media (max-width: 700px) {
    [b-7infwc4v1m] .drilldownprofilepicture {
        width: 60px;
        height: 50px;
        left: -20px;
    }
}


[b-7infwc4v1m] .player-details {
    padding: 8px 16px;
}

    [b-7infwc4v1m] .player-details .mud-divider {
        border-color: #FFFFFF;
        opacity: .2;
        border-width: 2px;
        margin: 15px;
    }

    [b-7infwc4v1m] .player-details p,
    [b-7infwc4v1m] .player-details span {
        text-align: center;
    }

    [b-7infwc4v1m] .player-details .mud-avatar {
        margin: -8px auto;
    }

@media (max-width: 700px) {
    [b-7infwc4v1m] .player-details {
        padding: 3px;
    }

        [b-7infwc4v1m] .player-details .flex-row {
            gap: 3px !important;
            justify-content: start !important;
        }

        [b-7infwc4v1m] .player-details .flex-column {
            gap: 3px !important;
        }

        [b-7infwc4v1m] .player-details .mud-divider {
            margin: 8px 5px;
        }

        [b-7infwc4v1m] .player-details p {
            font-size: 11px;
        }

        [b-7infwc4v1m] .player-details span {
            font-size: 9px;
        }

        [b-7infwc4v1m] .player-details .mud-avatar {
            margin: auto;
        }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/FeatureboardTableRankingsDetail.razor.rz.scp.css */
.detailstable table[b-fc1kbn519q] {
    border-collapse: collapse;
}

.detailstable td[b-fc1kbn519q]
{
    border-bottom: 1px solid lightgray;
    padding:2px;
    
}

.detailstablecenter[b-fc1kbn519q] {
    text-align: center !important;
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/GolfActivityHoleByHoleTable.razor.rz.scp.css */
.hbh[b-wujia7kkwf] {
    width: 25px;
    height: 25px;
    margin: 5px;
    padding: 3px;
    align-content: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.hbhunder[b-wujia7kkwf] {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-width: 2px;
}

.hbhover[b-wujia7kkwf] {
    border-radius: 5px;
    border-width: 2px;
}

.hbhother[b-wujia7kkwf] {
    border-bottom: 5px solid;
}


@media (max-width: 600px) {
    .hbh[b-wujia7kkwf] {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Featureboard/Merged/MergedLeaderboardHeader.razor.rz.scp.css */
.tournamentsupporterimage[b-ztmeskg4sw] {
    max-height: 175px;
}

[b-ztmeskg4sw] .leaderboardheader-club .mud-image,
[b-ztmeskg4sw] .leaderboardheader-club .mud-skeleton {
    width: 200px;
    height: 200px;
    margin: 10px;
}

.leaderboardheader[b-ztmeskg4sw]  .header-detail { /*d-flex justify-center mud-width-full py-4*/
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 16px 0;
}

.leaderboardheader[b-ztmeskg4sw]  .header-title {
    color: var(--mud-palette-black);
}

.leaderboardheader[b-ztmeskg4sw]  .header-date {
    color: var(--mud-palette-primary);
}

@media (max-width: 700px) {
    .leaderboardheader[b-ztmeskg4sw]  .mud-grid {
        width: 100%;
        margin: -6px 0;
    }

    .leaderboardheader[b-ztmeskg4sw]  .mud-grid-item {
        padding: 0 6px;
    }

    .leaderboardheader[b-ztmeskg4sw]  .header-detail {
        padding: 16px 0 8px;
        /*gap: 6px;*/
    }

    [b-ztmeskg4sw] .leaderboardheader-club {
        gap: 3px;
    }

        [b-ztmeskg4sw] .leaderboardheader-club .mud-image,
        [b-ztmeskg4sw] .leaderboardheader-club .mud-skeleton {
            width: 125px;
            height: 125px;
            margin: auto;
        }

        [b-ztmeskg4sw] .leaderboardheader-club p {
            font-size: 11px;
        }

    .leaderboardheader[b-ztmeskg4sw]  .header-title {
        font-size: 18px;
        line-height: 18px;
    }

    .leaderboardheader[b-ztmeskg4sw]  .header-date {
        font-size: 12px;
        line-height: 12px;
    }

    .leaderboardheader[b-ztmeskg4sw]  .tournamentsupporter-slider {
        margin: 0 -6px;
        width: Calc(100% + 12px);
    }
}
/* _content/ScoreCapture.Web/Components/Features/Leaderboard/BasicLeaderboardTableSimple.razor.rz.scp.css */


[b-f1z8our897] table {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
}

[b-f1z8our897] thead {
}

[b-f1z8our897] th {
    background-color: #122D2A;
    background: var(--mud-palette-dark);
    color: white !important;
    font-size: 20px;
}

@media (min-width: 400px) {
    [b-f1z8our897] th:nth-child(1) {
        border-top-left-radius: 20px;
    }

    [b-f1z8our897] th:nth-last-child(1) {
        border-top-right-radius: 20px;
    }
}

[b-f1z8our897] th:not(.player),
[b-f1z8our897] td:not([data-label="Players"]) {
    min-width: 50px;
    width: 5%;
    text-align: center;
}

[b-f1z8our897] table td[data-label="Team"] {
    width: 10%;
    padding: 3px 8px;
}

    [b-f1z8our897] table td[data-label="Team"] .mud-chip {
        margin: 0px;
    }

[b-f1z8our897] table td[data-label="Hole"],
[b-f1z8our897] table td[data-label="Today"],
[b-f1z8our897] table td[data-label="Round"] {
    width: 8%;
}




[b-f1z8our897] .mud-table-cell {
    border-bottom: 0 !important;
    padding: 8px;
    font-size: 28px !important;
}

[b-f1z8our897] .tournamentscore {
    font-size:20px;
}

[b-f1z8our897] .mud-table-cell,
[b-f1z8our897] .mud-table-cell * {
    user-select: none;
}


[b-f1z8our897] .player-name {
    padding: 1px 0 1px 18px;
    text-indent: -18px;
}

    [b-f1z8our897] .player-name .countryflag {
        width: 15px;
        /*vertical-align: middle;*/
        margin-bottom: -3px;
    }


/*-- position striping --*/

/*::deep .mud-table-row:has(> td.pos-even) */
[b-f1z8our897] .mud-table-row:nth-of-type(even) {
    background-color: transparent;
}

/*::deep .mud-table-row:has(> td.pos-odd)*/
[b-f1z8our897] .mud-table-row:nth-of-type(odd) {
    background-color: var(--mud-palette-gray-light);
}

/*-- position striping *** old duplicate test --*/

[b-f1z8our897] :has(> td.pos-dupe) ~ .mud-table-row:nth-of-type(even) {
    /* elements after .dupe */
    background-color: var(--mud-palette-gray-light);
}

[b-f1z8our897] :has(> td.pos-dupe) ~ .mud-table-row:nth-of-type(odd) {
    /* elements after .dupe */
    background-color: transparent;
}

[b-f1z8our897] .mud-table-row:nth-of-type(even) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) {
    /* style first .dupe by seeing whether it is immediately next to an even row */
    background-color: var(--mud-palette-gray-light);
}

    [b-f1z8our897] .mud-table-row:nth-of-type(even) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) ~ :has(> td.pos-dupe) {
        /* style subsequent .dupe by seeing whether the first .dupe is immediately next to an even row */
        background-color: var(--mud-palette-gray-light);
    }

[b-f1z8our897] .mud-table-row:nth-of-type(odd) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) {
    /* style first .dupe by seeing whether it is immediately next to an odd row */
    background-color: transparent;
}

    [b-f1z8our897] .mud-table-row:nth-of-type(odd) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) ~ :has(> td.pos-dupe) {
        /* style subsequent .dupe by seeing whether the first .dupe is immediately next to an odd row */
        background-color: transparent;
    }



/*-- LeaderboardDrillDownPlayer.razor --*/
[b-f1z8our897] .avatar-card {
    position: relative;
    padding-left: 70px !important;
    margin-left: 32px;
    border-radius: 0% 10px 10px 0;
}
/*
    ::deep .avatar-card .img-frame {
        background: var(--mud-palette-dark);
        position: absolute;
        left: -40px;
        top: 0;
        width: 88px;
        height: 85px;
        border-radius: 35% 0 35% 0;
        overflow: hidden;
        padding: 0 8px 8px 0;
    }

::deep .img-frame .mud-avatar {
    width: 100%;
    height: 100%;
    border-radius: 0 0 50%;
}*/


/*-- LeaderboardDrillDownPlayerDetails.razor --*/
[b-f1z8our897] .player-details {
    padding: 16px;
}

    [b-f1z8our897] .player-details .mud-divider {
        border-color: #FFFFFF;
        opacity: .2;
        border-width: 2px;
        margin: 15px;
    }

    [b-f1z8our897] .player-details p,
    [b-f1z8our897] .player-details span {
        text-align: center;
    }

/*-- LeaderboardTableTeamCell.razor --*/

[b-f1z8our897] .mud-table-cell .mud-chip {
    /*padding: 18px 12px;
    text-align: center;*/
}

/**/


/*-- main table  mobile margin/padding overrides --*/

@media (min-width: 700px) {
    [b-f1z8our897] th.player {
        padding-left: 27px;
    }

    [b-f1z8our897] td[data-label="Score"] {
        height: 40px;
    }
}

@media (max-width: 700px) {
    [b-f1z8our897] th, [b-f1z8our897] td {
        font-size: 11px;
    }

    [b-f1z8our897] .mud-table-cell {
        padding: 6px 1px;
    }

    [b-f1z8our897] th:not(.player),
    [b-f1z8our897] td:not([data-label="Players"]) {
        min-width: min-content;
        width: auto;
    }

    [b-f1z8our897] th.player {
        padding-left: 18px;
    }

    [b-f1z8our897] td[data-label="Players"] {
        padding-left: 3px;
    }

    [b-f1z8our897] td[data-label="Movement"] .mud-icon-root {
        margin-right: -3px;
    }

    [b-f1z8our897] .leaderboard-title {
        font-size: 14px;
        line-height: 16px;
    }

    [b-f1z8our897] table td[data-label="Team"] .mud-chip {
        margin: -2px -2px 0 0;
        width: 20px;
        height: 20px;
    }
}


/*-- drilldown  mobile margin/padding overrides --*/

@media (min-width: 700px) {
    [b-f1z8our897] .drilldown-playerinfo .mud-grid-item.table-item th,
    [b-f1z8our897] .drilldown-playerinfo .mud-grid-item.table-item td {
        min-width: min-content !important;
        width: min-content !important;
    }
}

@media (max-width: 700px) {
    [b-f1z8our897] .drilldown-grid {
        margin: -6px 0px;
        width: 100%;
    }

    [b-f1z8our897] .drilldown-playerselect {
        padding: 6px 12px !important;
    }

        [b-f1z8our897] .drilldown-playerselect .mud-button-group-root {
            flex-wrap: wrap;
        }

        [b-f1z8our897] .drilldown-playerselect button {
            font-size: 11px !important;
        }

    [b-f1z8our897] .drilldown-playerinfo {
        padding: 6px 6px 9px !important;
    }

        [b-f1z8our897] .drilldown-playerinfo .mud-paper {
            /*margin: 8px !important;*/
        }

        [b-f1z8our897] .drilldown-playerinfo .mud-grid-item {
            padding: 6px 3px;
        }

            [b-f1z8our897] .drilldown-playerinfo .mud-grid-item.table-item {
                padding: 0px;
            }

                [b-f1z8our897] .drilldown-playerinfo .mud-grid-item.table-item th,
                [b-f1z8our897] .drilldown-playerinfo .mud-grid-item.table-item td {
                    padding: 3px;
                    font-size: 12px;
                    min-width: min-content !important;
                    width: min-content !important;
                }


    [b-f1z8our897] .player-details {
        padding: 3px;
    }

        [b-f1z8our897] .player-details .flex-row {
            gap: 3px !important;
            justify-content: start !important;
        }

        [b-f1z8our897] .player-details .flex-column {
            gap: 3px !important;
        }

        [b-f1z8our897] .player-details .mud-divider {
            margin: 8px 5px;
        }

        [b-f1z8our897] .player-details p {
            font-size: 11px;
        }

        [b-f1z8our897] .player-details span {
            font-size: 9px;
        }


    [b-f1z8our897] .avatar-card {
        padding: 6px 6px 6px 55px !important;
        margin-left: 25px;
    }

        [b-f1z8our897] .avatar-card .firstname {
            font-size: 12px;
            text-align: left;
        }

        [b-f1z8our897] .avatar-card .lastname {
            font-size: 16px;
            text-align: left;
        }
}
/* _content/ScoreCapture.Web/Components/Features/Leaderboard/Display/MatchPlay/DisplayLeaderboardMatchPlayHeader.razor.rz.scp.css */
[b-4rhru7mpjx] .matchplay-table-header {
    background: var(--mud-palette-dark);
    background: var(--mud-palette-appbar-background);
    margin: auto;
    width: 100%;
}

[b-4rhru7mpjx] .team-a-displayname, [b-4rhru7mpjx] .team-b-displayname {
    background: transparent;
    box-shadow: none;
}
    [b-4rhru7mpjx] .team-a-displayname * {
        color: var(--team-a-colour);
        color: var(--mud-palette-white);
        font-weight: bold;
    }
    [b-4rhru7mpjx] .team-b-displayname * {
        color: var(--team-b-colour);
        color: var(--mud-palette-white);
        font-weight: bold;
    }

[b-4rhru7mpjx] .team-totalscore {
    margin: -8px 0px;
}
    [b-4rhru7mpjx] .team-totalscore .mud-card {
        height: 90%;
        width: 15vw;
        position: relative;
        z-index: 1;
    }
        [b-4rhru7mpjx] .team-totalscore .mud-card .mud-card-content {
            padding: 0; 
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }
[b-4rhru7mpjx] .team-a-totalscore {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}
[b-4rhru7mpjx] .team-b-totalscore {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-4rhru7mpjx] .team-a-totalscore *, [b-4rhru7mpjx] .team-b-totalscore * {
        font-weight: bold;
    }


/*---*/
[b-4rhru7mpjx] .matchplay-table-header.team-a-lead .team-a-totalscore:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: -11px;
    transform: skew(20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: Calc(50% + 2px);
    z-index: -1;
    border-radius: 0 2px;
    /*box-shadow: -0.3px 0.5px 0px 0px rgba(0, 0, 0, 0.2);*/
}

[b-4rhru7mpjx] .matchplay-table-header.team-a-lead .team-a-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    left: -11px;
    transform: skew(-20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 2px 0;
}
/*---*/
[b-4rhru7mpjx] .matchplay-table-header.team-b-lead .team-b-totalscore:before {
    content: '';
    position: absolute;
    bottom: -1px;
    right: -11px;
    transform: skew(-20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: Calc(50% + 2px);
    z-index: -1;
    border-radius: 2px 0;
    /*box-shadow: 0.3px 0.5px 0px 0px rgba(0, 0, 0, 0.2);*/
}

[b-4rhru7mpjx] .matchplay-table-header.team-b-lead .team-b-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    right: -11px;
    transform: skew(20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 0 2px;
}

/*---*/

[b-4rhru7mpjx] .matchplay-table-header .team-a-projected-score .mud-typography {
    background: var(--team-a-colour-contrast);
    color: var(--team-a-colour);
    padding: 0 10px;
    border-radius: 100px;
}
[b-4rhru7mpjx] .matchplay-table-header .team-b-projected-score .mud-typography {
    background: var(--team-b-colour-contrast);
    color: var(--team-b-colour);
    padding: 0 10px;
    border-radius: 100px;
}


@media (max-width: 700px) {
    [b-4rhru7mpjx] .matchplay-table-header.team-a-lead .team-a-totalscore:before,
    [b-4rhru7mpjx] .matchplay-table-header.team-b-lead .team-b-totalscore:before {
        bottom: 0;
        height: Calc(50% + 1px);
    }
    [b-4rhru7mpjx] .matchplay-table-header.team-a-lead .team-a-totalscore:before,
    [b-4rhru7mpjx] .matchplay-table-header.team-a-lead .team-a-totalscore:after {
        left: -7px;
    }
    [b-4rhru7mpjx] .matchplay-table-header.team-b-lead .team-b-totalscore:before,
    [b-4rhru7mpjx] .matchplay-table-header.team-b-lead .team-b-totalscore:after {
        right: -7px;
    }
    [b-4rhru7mpjx] .team-a-totalscore *, [b-4rhru7mpjx] .team-b-totalscore * {
        font-size: 25px;
    }
    [b-4rhru7mpjx] .team-a-displayname .mud-card-content,
    [b-4rhru7mpjx] .team-b-displayname .mud-card-content {
        padding: 8px;
    }
}
@media (max-width: 600px) {
    [b-4rhru7mpjx] .team-a-displayname .mud-card-content *,
    [b-4rhru7mpjx] .team-b-displayname .mud-card-content * {
        font-size: 18px;
        line-height: 28px;
    }
    [b-4rhru7mpjx] .team-a-displayname .mud-card-content {
        padding-left: 5px;
    }
    [b-4rhru7mpjx] .team-b-displayname .mud-card-content {
        padding-right: 5px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Leaderboard/Display/MatchPlay/DisplayLeaderboardMatchPlayPlayer.razor.rz.scp.css */

.display-player-name[b-4k40twx1mg] {
    padding: 1px 18px 2px 18px;
    text-indent: -18px;
    font-size: 20px;
    margin-top: -12px;
}

    .display-player-name .countryflag[b-4k40twx1mg] {
        width: 15px;
        /*vertical-align: middle;*/
        margin-bottom: -3px;
    }
/* _content/ScoreCapture.Web/Components/Features/Leaderboard/Display/MatchPlay/DisplayLeaderboardMatchPlayTable.razor.rz.scp.css */


[b-h3yst8sjoi] table {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
}

[b-h3yst8sjoi] thead {
}

[b-h3yst8sjoi] th {
    background-color: #122D2A;
    background: var(--mud-palette-dark);
    background: var(--mud-palette-appbar-background);
    color: white !important;
}

@media (min-width: 700px) {
    [b-h3yst8sjoi] th:nth-child(1) {
        border-top-left-radius: 20px;
    }

    [b-h3yst8sjoi] th:nth-last-child(1) {
        border-top-right-radius: 20px;
    }
}

[b-h3yst8sjoi] th:not(.player),
[b-h3yst8sjoi] td:not([data-label="Players"]) {
    min-width: 50px;
    width: 5%;
    text-align: center;
}

[b-h3yst8sjoi] table td[data-label="Team"] {
    width: 10%;
    padding: 3px 8px;
}

    [b-h3yst8sjoi] table td[data-label="Team"] .mud-chip {
        margin: 0px;
    }

[b-h3yst8sjoi] table td[data-label="Hole"],
[b-h3yst8sjoi] table td[data-label="Today"],
[b-h3yst8sjoi] table td[data-label="Round"] {
    width: 8%;
}




[b-h3yst8sjoi] .mud-table-cell {
    border-bottom: 0 !important;
    padding: 8px;
}

    [b-h3yst8sjoi] .mud-table-cell,
    [b-h3yst8sjoi] .mud-table-cell * {
        user-select: none;
    }


[b-h3yst8sjoi] .player-name {
    padding: 1px 0 1px 18px;
    text-indent: -18px;
}

    [b-h3yst8sjoi] .player-name .countryflag {
        width: 15px;
        /*vertical-align: middle;*/
        margin-bottom: -3px;
    }


/*-- position striping --*/

/*::deep .mud-table-row:has(> td.pos-even) */
[b-h3yst8sjoi] .mud-table-row:nth-of-type(even) {
    background-color: transparent;
}

/*::deep .mud-table-row:has(> td.pos-odd)*/
[b-h3yst8sjoi] .mud-table-row:nth-of-type(odd) {
    background-color: var(--mud-palette-gray-light);
}

/*-- position striping *** old duplicate test --*/

[b-h3yst8sjoi] :has(> td.pos-dupe) ~ .mud-table-row:nth-of-type(even) {
    /* elements after .dupe */
    background-color: var(--mud-palette-gray-light);
}

[b-h3yst8sjoi] :has(> td.pos-dupe) ~ .mud-table-row:nth-of-type(odd) {
    /* elements after .dupe */
    background-color: transparent;
}

[b-h3yst8sjoi] .mud-table-row:nth-of-type(even) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) {
    /* style first .dupe by seeing whether it is immediately next to an even row */
    background-color: var(--mud-palette-gray-light);
}

    [b-h3yst8sjoi] .mud-table-row:nth-of-type(even) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) ~ :has(> td.pos-dupe) {
        /* style subsequent .dupe by seeing whether the first .dupe is immediately next to an even row */
        background-color: var(--mud-palette-gray-light);
    }

[b-h3yst8sjoi] .mud-table-row:nth-of-type(odd) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) {
    /* style first .dupe by seeing whether it is immediately next to an odd row */
    background-color: transparent;
}

    [b-h3yst8sjoi] .mud-table-row:nth-of-type(odd) + :has(> td.pos-dupe):not(:has(> td.pos-dupe) ~ :has(> td.pos-dupe)) ~ :has(> td.pos-dupe) {
        /* style subsequent .dupe by seeing whether the first .dupe is immediately next to an odd row */
        background-color: transparent;
    }



/*-- LeaderboardDrillDownPlayer.razor --*/
[b-h3yst8sjoi] .avatar-card {
    position: relative;
    padding-left: 70px !important;
    margin-left: 32px;
    border-radius: 0% 10px 10px 0;
}
/*
    ::deep .avatar-card .img-frame {
        background: var(--mud-palette-dark);
        position: absolute;
        left: -40px;
        top: 0;
        width: 88px;
        height: 85px;
        border-radius: 35% 0 35% 0;
        overflow: hidden;
        padding: 0 8px 8px 0;
    }

::deep .img-frame .mud-avatar {
    width: 100%;
    height: 100%;
    border-radius: 0 0 50%;
}*/


/*-- LeaderboardDrillDownPlayerDetails.razor --*/
[b-h3yst8sjoi] .player-details {
    padding: 16px;
}

    [b-h3yst8sjoi] .player-details .mud-divider {
        border-color: #FFFFFF;
        opacity: .2;
        border-width: 2px;
        margin: 15px;
    }

    [b-h3yst8sjoi] .player-details p,
    [b-h3yst8sjoi] .player-details span {
        text-align: center;
    }

/*-- LeaderboardTableTeamCell.razor --*/

[b-h3yst8sjoi] .mud-table-cell .mud-chip {
    /*padding: 18px 12px;
    text-align: center;*/
}

/**/


/*-- main table  mobile margin/padding overrides --*/

@media (min-width: 700px) {
    [b-h3yst8sjoi] th.player {
        padding-left: 27px;
    }

    [b-h3yst8sjoi] td[data-label="Score"] {
        height: 40px;
    }
}

@media (max-width: 700px) {
    [b-h3yst8sjoi] th, [b-h3yst8sjoi] td {
        font-size: 11px;
    }

    [b-h3yst8sjoi] .mud-table-cell {
        padding: 6px 1px;
    }

    [b-h3yst8sjoi] th:not(.player),
    [b-h3yst8sjoi] td:not([data-label="Players"]) {
        min-width: min-content;
        width: auto;
    }

    [b-h3yst8sjoi] th.player {
        padding-left: 18px;
    }

    [b-h3yst8sjoi] td[data-label="Players"] {
        padding-left: 3px;
    }

    [b-h3yst8sjoi] td[data-label="Movement"] .mud-icon-root {
        margin-right: -3px;
    }

    [b-h3yst8sjoi] .leaderboard-title {
        font-size: 14px;
        line-height: 16px;
    }

    [b-h3yst8sjoi] table td[data-label="Team"] .mud-chip {
        margin: -2px -2px 0 0;
        width: 20px;
        height: 20px;
    }


    [b-h3yst8sjoi] .player-name {
        padding: 0px;
        text-indent: 0px;
    }

    [b-h3yst8sjoi] .team-a .player-name {
        text-align: left;
    }

    [b-h3yst8sjoi] .team-b .player-name {
        text-align: right;
    }
}


/*-- drilldown  mobile margin/padding overrides --*/

@media (min-width: 700px) {
    [b-h3yst8sjoi] .drilldown-playerinfo .mud-grid-item.table-item th,
    [b-h3yst8sjoi] .drilldown-playerinfo .mud-grid-item.table-item td {
        min-width: min-content !important;
        width: min-content !important;
    }
}

@media (max-width: 700px) {
    [b-h3yst8sjoi] .drilldown-grid {
        margin: -6px 0px;
        width: 100%;
    }

    [b-h3yst8sjoi] .drilldown-playerselect {
        padding: 6px 12px !important;
    }

        [b-h3yst8sjoi] .drilldown-playerselect .mud-button-group-root {
            flex-wrap: wrap;
        }

        [b-h3yst8sjoi] .drilldown-playerselect button {
            font-size: 11px !important;
        }

    [b-h3yst8sjoi] .drilldown-playerinfo {
        padding: 6px 6px 9px !important;
    }

        [b-h3yst8sjoi] .drilldown-playerinfo .mud-paper {
            /*margin: 8px !important;*/
        }

        [b-h3yst8sjoi] .drilldown-playerinfo .mud-grid-item {
            padding: 6px 3px;
        }

            [b-h3yst8sjoi] .drilldown-playerinfo .mud-grid-item.table-item {
                padding: 0px;
            }

                [b-h3yst8sjoi] .drilldown-playerinfo .mud-grid-item.table-item th,
                [b-h3yst8sjoi] .drilldown-playerinfo .mud-grid-item.table-item td {
                    padding: 3px;
                    font-size: 12px;
                    min-width: min-content !important;
                    width: min-content !important;
                }


    [b-h3yst8sjoi] .player-details {
        padding: 3px;
    }

        [b-h3yst8sjoi] .player-details .flex-row {
            gap: 3px !important;
            justify-content: start !important;
        }

        [b-h3yst8sjoi] .player-details .flex-column {
            gap: 3px !important;
        }

        [b-h3yst8sjoi] .player-details .mud-divider {
            margin: 8px 5px;
        }

        [b-h3yst8sjoi] .player-details p {
            font-size: 11px;
        }

        [b-h3yst8sjoi] .player-details span {
            font-size: 9px;
        }


    [b-h3yst8sjoi] .avatar-card {
        padding: 6px 6px 6px 55px !important;
        margin-left: 25px;
    }

        [b-h3yst8sjoi] .avatar-card .firstname {
            font-size: 12px;
            text-align: left;
        }

        [b-h3yst8sjoi] .avatar-card .lastname {
            font-size: 16px;
            text-align: left;
        }
}

[b-h3yst8sjoi] .MatchPlayTable .mud-table-container {
    overflow: visible;
}

[b-h3yst8sjoi] .MatchPlayTable th.mud-table-cell-custom-group {
    border-radius: 0;
    background: var(--mud-palette-dark);
    font-size: 18px;
    line-height: 12px;
}


html[b-h3yst8sjoi] {
    font-family: sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.live-indicator[b-h3yst8sjoi] {
    display: flex;
    align-items: center;
}

.live-indicator__circle[b-h3yst8sjoi] {
    background-color: #e33a00;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0;
    position: relative;
}

    .live-indicator__circle[b-h3yst8sjoi]::before, .live-indicator__circle[b-h3yst8sjoi]::after {
        display: block;
        width: 20px;
        height: 20px;
        background-color: #e33a00;
        content: "";
        opacity: 0.4;
        border-radius: 50%;
        position: absolute;
        top: -4px;
        left: -4px;
        box-shadow: 0 0 10px 0 rgba(230, 56, 0, 0.4);
    }

    .live-indicator__circle[b-h3yst8sjoi]::before {
        animation: grow-b-h3yst8sjoi 2s infinite;
    }

.live-indicator__text[b-h3yst8sjoi] {
    margin-left: 10px;
    color: #e33a00;
    font-weight: bold;
}

@keyframes grow-b-h3yst8sjoi {
    0% {
        transform: scale(0);
    }

    60% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(0);
    }
}
/* _content/ScoreCapture.Web/Components/Features/Leaderboard/Display/MatchPlay/DisplayLeaderboardMatchPlayTableMatch.razor.rz.scp.css */
[b-uk716ftvbl] .matchplay {
    margin: -8px -9px;
    width: calc(100% + 17px);
}
[b-uk716ftvbl] .matchplay-player {
    position: relative;
}
    [b-uk716ftvbl] .matchplay-player:before {
        content: '';
        position: absolute;
        background: transparent;
        width: 5px;
        height: 100%;
        top: 0;
    }
    [b-uk716ftvbl] .matchplay-player.team-a:before {
        background: var(--team-a-colour);
        left: 0;
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }
    [b-uk716ftvbl] .matchplay-player.team-b:before {
        background: var(--team-b-colour);
        right: 0;
        box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }

[b-uk716ftvbl] .matchplay-player.team-a {
    /*color: var(--team-a-colour);*/
}
[b-uk716ftvbl] .matchplay-player.team-b {
    /*color: var(--team-b-colour);*/
}


[b-uk716ftvbl] .matchplay-outcome {    
    position: relative;
}
[b-uk716ftvbl] .matchplay-outcome .mud-card {
    background-color: black;
    color: white;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 0;
}
[b-uk716ftvbl] .matchplay-outcome  .mud-card * {
    z-index: 1;
    font-weight: bold;
}

[b-uk716ftvbl] .matchplay-outcome .mud-card-content {
    padding: 3px 8px;
    height: 100%;
    /* align-items: center; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 111px;
    max-width: 112px;
}

[b-uk716ftvbl] .matchplay hr.matchplay-summmary-divider {
    width: Calc(100% - 35px);
    margin: -1px auto;
    border-image: linear-gradient(to right, var(--team-a-colour), var(--team-b-colour)) 30;
    opacity: 0.5;
}
[b-uk716ftvbl] .match-complete hr.matchplay-summmary-divider {
    display: none;
}
/*** MatchPlay Round Outcome ***/

[b-uk716ftvbl] .team-a-lead .matchplay-outcome .mud-card {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
    /*border-radius: 0 4px 4px 0;*/
}

    [b-uk716ftvbl] .team-a-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(20deg);
        bottom: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: -0.6px 0.5px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-a-colour);
    }

    [b-uk716ftvbl] .team-a-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(-20deg);
        top: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

    /*-------*/

[b-uk716ftvbl] .team-b-lead .matchplay-outcome .mud-card {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
    /*border-radius: 4px 0 0 4px;*/
}

    [b-uk716ftvbl] .team-b-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(-20deg);
        bottom: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: 0.5px -0.6px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-b-colour);
    }

    [b-uk716ftvbl] .team-b-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(20deg);
        top: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-uk716ftvbl] .team-a-lead.match-complete .matchplay-player.team-a {
    background: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}
[b-uk716ftvbl] .team-b-lead.match-complete .matchplay-player.team-b {
    background: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}
[b-uk716ftvbl] .match-complete .matchplay-player:before,
[b-uk716ftvbl] .match-complete .matchplay-outcome .mud-card:before {
    box-shadow: none !important;
}
[b-uk716ftvbl] .team-a-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-a-colour);
}
[b-uk716ftvbl] .team-b-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-b-colour);
}


/*-- mobile -----*/

@media (max-width: 700px) {
    [b-uk716ftvbl] .matchplay {
        margin: -6px 1px;
        width: calc(100%);
    }
    
    [b-uk716ftvbl] .matchplay-player.team-a:before {
        box-shadow: 1px 0px 2px -1px rgba(0, 0, 0, 0.15);
    }

    [b-uk716ftvbl] .matchplay-player.team-b:before {
        box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.15);
    }

    [b-uk716ftvbl] .team-a-lead .matchplay-outcome .mud-card:before,
    [b-uk716ftvbl] .team-a-lead .matchplay-outcome .mud-card:after {
        left: -11px;
    }
    [b-uk716ftvbl] .team-b-lead .matchplay-outcome .mud-card:before,
    [b-uk716ftvbl] .team-b-lead .matchplay-outcome .mud-card:after {
        right: -11px;
    }
    [b-uk716ftvbl] .matchplay-outcome .mud-card-content {
        padding: 3px;
        min-width: 68px;
        max-width: 69px;
    }
    [b-uk716ftvbl] .matchplay-outcome h5 {
        line-height: 25px;
        word-spacing: -5px;
        font-size: 18px;
    }
    [b-uk716ftvbl] .matchplay-outcome h6 {
        font-size: 10px;
        line-height: 11px;
        margin-top: 3px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Leaderboard/Display/Tournament/DisplayTournamentTable.razor.rz.scp.css */

table[b-w1ccwndwj3] {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-spacing: 0 10px;
    width: 100%;
    /*background-color: rgba(255,255,255,0.7);*/
    font-size: 32px;
    border-spacing: 0px 8px;
    font-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
}


thead[b-w1ccwndwj3] {
    background-color: rgba(18,45,42,0.7);
}

th[b-w1ccwndwj3] {
    /*background-color: rgba(18,45,42,0.7);*/
    background: #122D2A;
    color: white !important;
    text-align: left;
    padding: 5px 10px;
}

    th:nth-child(1)[b-w1ccwndwj3] {
        border-top-left-radius: 20px;
    }

    th:nth-last-child(1)[b-w1ccwndwj3] {
        border-top-right-radius: 20px;
    }

td[b-w1ccwndwj3] {
    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(238,240,240,1) 51%);
    color: black;
    padding: 10px 15px;
}

    th:not(.player)[b-w1ccwndwj3],
    td:not(.player)[b-w1ccwndwj3] {
        text-align: center;
    }

tr:nth-of-type(odd)[b-w1ccwndwj3] {
    /*background-color: rgba(255,255,255,0.7);*/
}

.tournamentscore[b-w1ccwndwj3] {
    color: white !important;
    /*width: 30px;*/
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 3;
}

    .tournamentscore[b-w1ccwndwj3]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 65px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-w1ccwndwj3]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-w1ccwndwj3]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-w1ccwndwj3]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-w1ccwndwj3],
    .tournamentscore.no_score[b-w1ccwndwj3]:after {
        background-color: transparent;
        color: black !important;
    }

.countryflag[b-w1ccwndwj3] {
    margin-bottom: -1px;
}

[b-w1ccwndwj3] .teamchip {
    min-width: 85px;
    text-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 700px) {
    .tournamentscore[b-w1ccwndwj3]:after {
        width: 30px;
        height: 30px;
    }
}

[b-w1ccwndwj3] .settings .mud-checkbox .mud-primary-text input:checked + svg {
    color: var(--mud-palette-primary);
}

.btn[b-w1ccwndwj3] {
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.btn-primary[b-w1ccwndwj3] {
    background: var(--mud-palette-primary);
}

    .btn-primary:hover[b-w1ccwndwj3] {
        background: var(--mud-palette-primary-darken);
    }

.headertitle[b-w1ccwndwj3] {
    width: 100%;
}

    .headertitle h1[b-w1ccwndwj3] {
        background: var(--mud-palette-info);
        padding: 0 8px;
        height: 60%;
        display: flex;
        align-items: center;
    }

    .headertitle h2[b-w1ccwndwj3] {
        background: var(--mud-palette-info-darken);
        padding: 0 8px;
        height: 40%;
        display: flex;
        align-items: center;
    }

    .headertitle .leaderboardname[b-w1ccwndwj3] {
        margin: 0 0 0 auto;
    }

    .headertitle .leadername[b-w1ccwndwj3] {
        margin: 0 0 0 auto;
    }


/************************************************/
/*| Match Play header ----------------------------------------------------------------------------------------------*/

[b-w1ccwndwj3] .matchplay-table-header {
    background: var(--mud-palette-dark);
    background: var(--mud-palette-appbar-background);
    margin: auto;
    width: 100%;
}

[b-w1ccwndwj3] .team-a-displayname, [b-w1ccwndwj3] .team-b-displayname {
    background: transparent;
    box-shadow: none;
}

    [b-w1ccwndwj3] .team-a-displayname * {
        color: var(--team-a-colour);
        color: #FFF;
        font-weight: bold;
    }

    [b-w1ccwndwj3] .team-b-displayname * {
        color: var(--team-b-colour);
        color: #FFF;
        font-weight: bold;
    }

[b-w1ccwndwj3] .team-totalscore .mud-card {
    height: 90%;
    width: 15vw;
    position: relative;
    z-index: 1;
}

    [b-w1ccwndwj3] .team-totalscore .mud-card .mud-card-content {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

[b-w1ccwndwj3] .team-a-totalscore {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-w1ccwndwj3] .team-b-totalscore {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-w1ccwndwj3] .team-a-totalscore *, [b-w1ccwndwj3] .team-b-totalscore * {
        font-weight: bold;
    }


/*---*/
[b-w1ccwndwj3] .matchplay-table-header.team-a-lead .team-a-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    left: -11px;
    transform: skew(20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 0 2px;
}

[b-w1ccwndwj3] .matchplay-table-header.team-a-lead .team-a-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    left: -11px;
    transform: skew(-20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 2px 0;
}
/*---*/
[b-w1ccwndwj3] .matchplay-table-header.team-b-lead .team-b-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    right: -11px;
    transform: skew(-20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 2px 0;
}

[b-w1ccwndwj3] .matchplay-table-header.team-b-lead .team-b-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    right: -11px;
    transform: skew(20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 0 2px;
}

/*---*/

[b-w1ccwndwj3] .matchplay-table-header .team-a-projected-score .mud-typography {
    background: var(--team-a-colour-contrast);
    color: var(--team-a-colour);
    padding: 0 10px;
    border-radius: 100px;
}

[b-w1ccwndwj3] .matchplay-table-header .team-b-projected-score .mud-typography {
    background: var(--team-b-colour-contrast);
    color: var(--team-b-colour);
    padding: 0 10px;
    border-radius: 100px;
}

/*| Match Play table items ----------------------------------------------------------------------------------------------*/

[b-w1ccwndwj3] .matchplay {
    margin: -8px -9px;
    width: calc(100% + 17px);
}

    [b-w1ccwndwj3] .matchplay td {
        padding: 12px;
    }


[b-w1ccwndwj3] .matchplay-player {
    position: relative;
}

    [b-w1ccwndwj3] .matchplay-player:before {
        content: '';
        position: absolute;
        background: transparent;
        width: 5px;
        height: 100%;
        top: 0;
    }

    [b-w1ccwndwj3] .matchplay-player.team-a:before {
        background: var(--team-a-colour);
        left: 0;
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }

    [b-w1ccwndwj3] .matchplay-player.team-b:before {
        background: var(--team-b-colour);
        right: 0;
        box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }


[b-w1ccwndwj3] .team-a .player-name {
    text-align: left;
}

[b-w1ccwndwj3] .team-b .player-name {
    text-align: right;
}

[b-w1ccwndwj3] .matchplay-outcome {
    position: relative;
}

    [b-w1ccwndwj3] .matchplay-outcome .mud-card {
        background-color: black;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
        border-radius: 0;
    }

        [b-w1ccwndwj3] .matchplay-outcome .mud-card * {
            z-index: 1;
            font-weight: bold;
            line-height: 32px;
        }

    [b-w1ccwndwj3] .matchplay-outcome .mud-card-content {
        padding: 3px 8px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-width: 125px;
        max-width: 150px;
    }

[b-w1ccwndwj3] .matchplay hr.matchplay-summmary-divider {
    width: Calc(100% - 35px);
    margin: -1px auto;
    border-image: linear-gradient(to right, var(--team-a-colour), var(--team-b-colour)) 30;
    opacity: 0.5;
}

[b-w1ccwndwj3] .match-complete hr.matchplay-summmary-divider {
    display: none;
}
/*** MatchPlay Round Outcome ***/

[b-w1ccwndwj3] .team-a-lead .matchplay-outcome .mud-card {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

    [b-w1ccwndwj3] .team-a-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(20deg);
        bottom: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: -0.6px 0.5px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-a-colour);
    }

    [b-w1ccwndwj3] .team-a-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(-20deg);
        top: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-w1ccwndwj3] .team-b-lead .matchplay-outcome .mud-card {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-w1ccwndwj3] .team-b-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(-20deg);
        bottom: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: 0.5px -0.6px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-b-colour);
    }

    [b-w1ccwndwj3] .team-b-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(20deg);
        top: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-w1ccwndwj3] .team-a-lead.match-complete .matchplay-player.team-a {
    background: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-w1ccwndwj3] .team-b-lead.match-complete .matchplay-player.team-b {
    background: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

[b-w1ccwndwj3] .match-complete .matchplay-player:before,
[b-w1ccwndwj3] .match-complete .matchplay-outcome .mud-card:before {
    box-shadow: none !important;
}

[b-w1ccwndwj3] .team-a-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-a-colour);
}

[b-w1ccwndwj3] .team-b-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-b-colour);
}



.leaderboard-container[b-w1ccwndwj3] {
}


.fade-in[b-w1ccwndwj3] {
    animation: slide-in-up-b-w1ccwndwj3 0.5s ease-out forwards;
}

.fade-out[b-w1ccwndwj3] {
    animation: slide-out-up-b-w1ccwndwj3 0.5s ease-out forwards;
}

@keyframes slide-in-up-b-w1ccwndwj3 {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-up-b-w1ccwndwj3 {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Leaderboard/Display/Tournament/DisplayTournamentTableHoleByHole.razor.rz.scp.css */
.hbh[b-xk2f4h9e9i] {
    width: 40px;
    height: 40px;
    margin: 5px;
    padding: 3px;
    align-content: center;
    justify-content: center;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
}

.hbhunder[b-xk2f4h9e9i] {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 48%;
    border-width: 2px;
}

.hbhover[b-xk2f4h9e9i] {
    border-radius: 5px;
    border-width: 2px;
}

.hbhother[b-xk2f4h9e9i] {
    border-bottom: 8px solid;
}


@media (max-width: 600px) {
    .hbh[b-xk2f4h9e9i] {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Leagues/ClubLeagueSummaryTable.razor.rz.scp.css */
.scchip[b-0l7d9k9mat] {
    display:inline-flex;
    margin: 0 2px;
    white-space: nowrap;
    align-items: center;
    border-radius: 100%;
    vertical-align: middle;
    text-decoration: none;
    justify-content: center;
    width:2.4rem;
    height:2.4rem;
    font-size:18px;
    font-weight:600;
}


table[b-0l7d9k9mat] {
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    width: 100%;
    font-size: 26px;
    border-spacing: 0px 8px;
    font-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
}


thead[b-0l7d9k9mat] {
    background-color: rgba(18,45,42,0.7);
}

th[b-0l7d9k9mat] {
    /*background-color: rgba(18,45,42,0.7);*/
    background: #122D2A;
    color: white !important;
    text-align: left;
    padding: 5px 10px;
}

    th:nth-child(1)[b-0l7d9k9mat] {
        border-top-left-radius: 20px;
    }

    th:nth-last-child(1)[b-0l7d9k9mat] {
        border-top-right-radius: 20px;
    }

td[b-0l7d9k9mat] {
    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(238,240,240,1) 51%);
    color: black;
    padding: 6px 10px;
}

    th:not(.player)[b-0l7d9k9mat],
    td:not(.player)[b-0l7d9k9mat] {
        text-align: center;
    }

tr:nth-of-type(odd)[b-0l7d9k9mat] {
    /*background-color: rgba(255,255,255,0.7);*/
}

.tournamentscore[b-0l7d9k9mat] {
    color: white !important;
    /*width: 30px;*/
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 3;
}

    .tournamentscore[b-0l7d9k9mat]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 65px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-0l7d9k9mat]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-0l7d9k9mat]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-0l7d9k9mat]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-0l7d9k9mat],
    .tournamentscore.no_score[b-0l7d9k9mat]:after {
        background-color: transparent;
        color: black !important;
    }

.countryflag[b-0l7d9k9mat] {
    margin-bottom: -1px;
}

[b-0l7d9k9mat] .teamchip {
    min-width: 85px;
    text-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 700px) {
    .tournamentscore[b-0l7d9k9mat]:after {
        width: 30px;
        height: 30px;
    }
}

[b-0l7d9k9mat] .settings .mud-checkbox .mud-primary-text input:checked + svg {
    color: var(--mud-palette-primary);
}

.btn[b-0l7d9k9mat] {
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.btn-primary[b-0l7d9k9mat] {
    background: var(--mud-palette-primary);
}

    .btn-primary:hover[b-0l7d9k9mat] {
        background: var(--mud-palette-primary-darken);
    }

.headertitle[b-0l7d9k9mat] {
    width: 100%;
}

    .headertitle h1[b-0l7d9k9mat] {
        background: var(--mud-palette-info);
        padding: 0 8px;
        height: 60%;
        display: flex;
        align-items: center;
    }

    .headertitle h2[b-0l7d9k9mat] {
        background: var(--mud-palette-info-darken);
        padding: 0 8px;
        height: 40%;
        display: flex;
        align-items: center;
    }

    .headertitle .leaderboardname[b-0l7d9k9mat] {
        margin: 0 0 0 auto;
    }

    .headertitle .leadername[b-0l7d9k9mat] {
        margin: 0 0 0 auto;
    }


/************************************************/
/*| Match Play header ----------------------------------------------------------------------------------------------*/

[b-0l7d9k9mat] .matchplay-table-header {
    background: var(--mud-palette-dark);
    background: var(--mud-palette-appbar-background);
    margin: auto;
    width: 100%;
}

[b-0l7d9k9mat] .team-a-displayname, [b-0l7d9k9mat] .team-b-displayname {
    background: transparent;
    box-shadow: none;
}

    [b-0l7d9k9mat] .team-a-displayname * {
        color: var(--team-a-colour);
        color: #FFF;
        font-weight: bold;
    }

    [b-0l7d9k9mat] .team-b-displayname * {
        color: var(--team-b-colour);
        color: #FFF;
        font-weight: bold;
    }

[b-0l7d9k9mat] .team-totalscore .mud-card {
    height: 90%;
    width: 15vw;
    position: relative;
    z-index: 1;
}

    [b-0l7d9k9mat] .team-totalscore .mud-card .mud-card-content {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

[b-0l7d9k9mat] .team-a-totalscore {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-0l7d9k9mat] .team-b-totalscore {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-0l7d9k9mat] .team-a-totalscore *, [b-0l7d9k9mat] .team-b-totalscore * {
        font-weight: bold;
    }


/*---*/
[b-0l7d9k9mat] .matchplay-table-header.team-a-lead .team-a-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    left: -11px;
    transform: skew(20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 0 2px;
}

[b-0l7d9k9mat] .matchplay-table-header.team-a-lead .team-a-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    left: -11px;
    transform: skew(-20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 2px 0;
}
/*---*/
[b-0l7d9k9mat] .matchplay-table-header.team-b-lead .team-b-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    right: -11px;
    transform: skew(-20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 2px 0;
}

[b-0l7d9k9mat] .matchplay-table-header.team-b-lead .team-b-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    right: -11px;
    transform: skew(20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 0 2px;
}

/*---*/

[b-0l7d9k9mat] .matchplay-table-header .team-a-projected-score .mud-typography {
    background: var(--team-a-colour-contrast);
    color: var(--team-a-colour);
    padding: 0 10px;
    border-radius: 100px;
}

[b-0l7d9k9mat] .matchplay-table-header .team-b-projected-score .mud-typography {
    background: var(--team-b-colour-contrast);
    color: var(--team-b-colour);
    padding: 0 10px;
    border-radius: 100px;
}

/*| Match Play table items ----------------------------------------------------------------------------------------------*/

[b-0l7d9k9mat] .matchplay {
    margin: -8px -9px;
    width: calc(100% + 17px);
}

    [b-0l7d9k9mat] .matchplay td {
        padding: 12px;
    }


[b-0l7d9k9mat] .matchplay-player {
    position: relative;
}

    [b-0l7d9k9mat] .matchplay-player:before {
        content: '';
        position: absolute;
        background: transparent;
        width: 5px;
        height: 100%;
        top: 0;
    }

    [b-0l7d9k9mat] .matchplay-player.team-a:before {
        background: var(--team-a-colour);
        left: 0;
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }

    [b-0l7d9k9mat] .matchplay-player.team-b:before {
        background: var(--team-b-colour);
        right: 0;
        box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }


[b-0l7d9k9mat] .team-a .player-name {
    text-align: left;
}

[b-0l7d9k9mat] .team-b .player-name {
    text-align: right;
}

[b-0l7d9k9mat] .matchplay-outcome {
    position: relative;
}

    [b-0l7d9k9mat] .matchplay-outcome .mud-card {
        background-color: black;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
        border-radius: 0;
    }

        [b-0l7d9k9mat] .matchplay-outcome .mud-card * {
            z-index: 1;
            font-weight: bold;
            line-height: 32px;
        }

    [b-0l7d9k9mat] .matchplay-outcome .mud-card-content {
        padding: 3px 8px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-width: 125px;
        max-width: 150px;
    }

[b-0l7d9k9mat] .matchplay hr.matchplay-summmary-divider {
    width: Calc(100% - 35px);
    margin: -1px auto;
    border-image: linear-gradient(to right, var(--team-a-colour), var(--team-b-colour)) 30;
    opacity: 0.5;
}

[b-0l7d9k9mat] .match-complete hr.matchplay-summmary-divider {
    display: none;
}
/*** MatchPlay Round Outcome ***/

[b-0l7d9k9mat] .team-a-lead .matchplay-outcome .mud-card {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

    [b-0l7d9k9mat] .team-a-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(20deg);
        bottom: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: -0.6px 0.5px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-a-colour);
    }

    [b-0l7d9k9mat] .team-a-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(-20deg);
        top: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-0l7d9k9mat] .team-b-lead .matchplay-outcome .mud-card {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-0l7d9k9mat] .team-b-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(-20deg);
        bottom: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: 0.5px -0.6px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-b-colour);
    }

    [b-0l7d9k9mat] .team-b-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(20deg);
        top: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-0l7d9k9mat] .team-a-lead.match-complete .matchplay-player.team-a {
    background: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-0l7d9k9mat] .team-b-lead.match-complete .matchplay-player.team-b {
    background: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

[b-0l7d9k9mat] .match-complete .matchplay-player:before,
[b-0l7d9k9mat] .match-complete .matchplay-outcome .mud-card:before {
    box-shadow: none !important;
}

[b-0l7d9k9mat] .team-a-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-a-colour);
}

[b-0l7d9k9mat] .team-b-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-b-colour);
}



.leaderboard-container[b-0l7d9k9mat] {
}


.fade-in[b-0l7d9k9mat] {
    animation: slide-in-up-b-0l7d9k9mat 0.5s ease-out forwards;
}

.fade-out[b-0l7d9k9mat] {
    animation: slide-out-up-b-0l7d9k9mat 0.5s ease-out forwards;
}

@keyframes slide-in-up-b-0l7d9k9mat {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-up-b-0l7d9k9mat {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Leagues/LeagueTable.razor.rz.scp.css */

table[b-mtj81thlug] {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-spacing: 0 10px;
    width: 100%;
    /*background-color: rgba(255,255,255,0.7);*/
    font-size: 32px;
    border-spacing: 0px 8px;
    font-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
}


thead[b-mtj81thlug] {
    background-color: rgba(18,45,42,0.7);
}

th[b-mtj81thlug] {
    /*background-color: rgba(18,45,42,0.7);*/
    background: #122D2A;
    color: white !important;
    text-align: left;
    padding: 5px 10px;
}

    th:nth-child(1)[b-mtj81thlug] {
        border-top-left-radius: 20px;
    }

    th:nth-last-child(1)[b-mtj81thlug] {
        border-top-right-radius: 20px;
    }

td[b-mtj81thlug] {
    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(238,240,240,1) 51%);
    color: black;
    padding: 10px 15px;
}

    th:not(.player)[b-mtj81thlug],
    td:not(.player)[b-mtj81thlug] {
        text-align: center;
    }

.highlight[b-mtj81thlug] {
    background-color: rgba(240, 220, 130, 0.4) !important;
    background: linear-gradient(180deg, rgba(250, 230, 150, 0.5) 50%, rgba(220, 200, 140, 0.6) 51%) !important;
}

tr:nth-of-type(odd)[b-mtj81thlug] {
    /*background-color: rgba(255,255,255,0.7);*/
}


[b-mtj81thlug] .teamchip {
    min-width: 85px;
    text-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 700px) {
    .tournamentscore[b-mtj81thlug]:after {
        width: 30px;
        height: 30px;
    }
}

[b-mtj81thlug] .settings .mud-checkbox .mud-primary-text input:checked + svg {
    color: var(--mud-palette-primary);
}

.headertitle[b-mtj81thlug] {
    width: 100%;
}

    .headertitle h1[b-mtj81thlug] {
        background: var(--mud-palette-info);
        padding: 0 8px;
        height: 60%;
        display: flex;
        align-items: center;
    }

    .headertitle h2[b-mtj81thlug] {
        background: var(--mud-palette-info-darken);
        padding: 0 8px;
        height: 40%;
        display: flex;
        align-items: center;
    }

    .headertitle .leaderboardname[b-mtj81thlug] {
        margin: 0 0 0 auto;
    }

    .headertitle .leadername[b-mtj81thlug] {
        margin: 0 0 0 auto;
    }




.leaderboard-container[b-mtj81thlug] {
}


.fade-in[b-mtj81thlug] {
    animation: slide-in-up-b-mtj81thlug 0.5s ease-out forwards;
}

.fade-out[b-mtj81thlug] {
    animation: slide-out-up-b-mtj81thlug 0.5s ease-out forwards;
}

@keyframes slide-in-up-b-mtj81thlug {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-up-b-mtj81thlug {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Member/MemberAvatar.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Features/Profile/Edit/EditProfilePersonalInfo.razor.rz.scp.css */

.lookupfield[b-bz0rrhctaz]  p {
    line-height: 19px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
}
.lookupfield[b-bz0rrhctaz]  button {
    margin: -6px auto;
}
/* _content/ScoreCapture.Web/Components/Features/Profile/Edit/EditProfilePlayerInfo.razor.rz.scp.css */

.lookupfield[b-ahw6ueqkzz]  p {
    line-height: 19px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
}

.lookupfield[b-ahw6ueqkzz]  button {
    margin: -6px auto;
}
/* _content/ScoreCapture.Web/Components/Features/Profile/Profile.razor.rz.scp.css */
[b-y8ijmowj8s] .mud-avatar.profile_avatar_image {
    width: 123px;
    height: 123px;
}

@media(max-width: 600px) {
    [b-y8ijmowj8s] .mud-avatar.profile_avatar_image {
        width: 90px;
        height: 90px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Profile/ProfileHeader.razor.rz.scp.css */
/* BEGIN CARD DESIGN */
.hero[b-m3q93cgshj] {
    display: inline-block;
    position: relative;
    width: 95%;
    min-width: 400px;
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
    margin: 30px;
    background-color: white;
}

.hero-profile-img[b-m3q93cgshj] {
    height: 70%;
}

.hero-description-bk[b-m3q93cgshj] {
    background-image: linear-gradient(0deg, #28383c, #5a9654);
    border-radius: 30px;
    position: absolute;
    top: 55%;
    left: -5px;
    height: 65%;
    width: 108%;
    transform: skew(19deg, -9deg);
}

.second .hero-description-bk[b-m3q93cgshj] {
    background-image: linear-gradient(-20deg, #bb7413, #e7d25c)
}

.hero-name[b-m3q93cgshj] {
    position: absolute;
    top: 30px;
    right: 25px;
    font-weight: 400;
    font-size: 24px;
}

.hero-logo[b-m3q93cgshj] {
    /*height: 80px;
    width: 80px;*/
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    top: 10%;
    bottom: 30%;
    right: 30px;
    overflow: hidden;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);
}

    .hero-logo img[b-m3q93cgshj] {
        height: 100%;
    }

.hero-badge[b-m3q93cgshj] {
    height: 80px;
    width: 80px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    right: 30px;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);
}

    .hero-badge img[b-m3q93cgshj] {
        height: 100%
    }



.hero-description[b-m3q93cgshj] {
    position: absolute;
    color: #000;
    left: 15px;
    top: 8%;
}

.hero-btn[b-m3q93cgshj] {
    position: absolute;
    color: #fff;
    right: 30px;
    bottom: 10%;
    padding: 10px 20px;
    border: 1px solid #fff;
}

    .hero-btn a[b-m3q93cgshj] {
        color: #fff;
    }

.hero-date[b-m3q93cgshj] {
    position: absolute;
    color: #fff;
    left: 30px;
    bottom: 10%;
}
/* END CARD DESIGN */

/* _content/ScoreCapture.Web/Components/Features/Profile/ProfileInsights.razor.rz.scp.css */



[b-1bbkob38lb] .profile-stats {
    padding: 16px;
}

    [b-1bbkob38lb] .profile-stats .mud-divider {
        border-color: #FFFFFF;
        opacity: .2;
        border-width: 2px;
        margin: 15px;
    }

    [b-1bbkob38lb] .profile-stats p,
    [b-1bbkob38lb] .profile-stats span {
        text-align: center;
    }
/* _content/ScoreCapture.Web/Components/Features/Profile/ProfileLeaderboardPositions.razor.rz.scp.css */

[b-6m7wdo7ao3] .overflow-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media(max-width: 600px) {
    [b-6m7wdo7ao3] .w-sm-150 {
        max-width: 150px;
    }

    [b-6m7wdo7ao3] .w-sm-120 {
        max-width: 120px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Profile/ProfileRoundsTable.razor.rz.scp.css */



[b-54qd3iccso] .round-stats {
    padding: 16px;
}

    [b-54qd3iccso] .round-stats .mud-divider {
        border-color: #FFFFFF;
        opacity: .2;
        border-width: 2px;
        margin: 15px;
    }

    [b-54qd3iccso] .round-stats p,
    [b-54qd3iccso] .round-stats span {
        text-align: center;
    }

[b-54qd3iccso] .overflow-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media(max-width: 600px) {
    [b-54qd3iccso] .round-stats {
        padding: 8px;
    }
    [b-54qd3iccso] .w-sm-150 {
        max-width: 150px;
    }
    [b-54qd3iccso] .w-sm-120 {
        max-width:120px;
    }
}
/* _content/ScoreCapture.Web/Components/Features/Scorecard/CaptureCard.razor.rz.scp.css */
table[b-sgzd2ugfrl] {
    border-spacing: 0px;
    border-width: 0px;
    margin: 0px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    border-collapse: collapse;
}

td[b-sgzd2ugfrl] {
    min-width: 25px;
    min-height: 25px;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

    td .underline[b-sgzd2ugfrl] {
        border-bottom: 1px solid var(--mud-palette-dark);
    }




.dot[b-sgzd2ugfrl] {
    height: 3px;
    width: 3px;
    background-color: black;
    border-radius: 50%;
    display: inline-block;
    margin: 1px;
}

.nodot[b-sgzd2ugfrl] {
    height: 3px;
    width: 3px;
    display: inline-block;
    margin: 1px;
}


.scorecardrowtitle[b-sgzd2ugfrl] {
    text-align: left;
}

.titleRow[b-sgzd2ugfrl] {
    background-color: rgba(225, 225, 225, 0.29);
}

.totalColumn[b-sgzd2ugfrl] {
    background-color: rgba(40, 65, 62, 0.08)
}

@media (max-width: 600px) {
    td[b-sgzd2ugfrl] {
        padding: 6px 3px;
        font-size: 12px;
        min-width: 23px;
    }        
}

/* _content/ScoreCapture.Web/Components/Features/Society/SocietyDaily.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Features/Society/SocietyDashboard.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Features/Society/SocietyLeaderboard.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Features/Tournament/TournamentInformationInvitees.razor.rz.scp.css */
table[b-co7zrrwx2r] {
    width: 100%;
    text-align: center;
    border-spacing: 0;
}

th[b-co7zrrwx2r] {
    background-color: #122D2A;
    background: var(--mud-palette-dark);
    color: white !important;
}

th:nth-child(1)[b-co7zrrwx2r],
th.first-column[b-co7zrrwx2r] {
    border-top-left-radius: 20px;
}

th:nth-last-child(1)[b-co7zrrwx2r] {
    border-top-right-radius: 20px;
}

th[b-co7zrrwx2r], td[b-co7zrrwx2r] {
    padding: 8px;
    /*font-weight: bold;*/
}

    th:nth-child(n+5)[b-co7zrrwx2r] {
        text-align: left;
        padding-left: 35px !important;
    }

tbody[b-co7zrrwx2r] {
    box-shadow: var(--mud-elevation-1);
}

    tbody tr:nth-of-type(even)[b-co7zrrwx2r] {
        background-color: var(--mud-palette-gray-light);
    }
/* _content/ScoreCapture.Web/Components/Features/Tournament/TournamentList.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Features/YearInReview/Intro.razor.rz.scp.css */
Result Skip Results Iframe
*[b-2x6l5nos80] {
    padding: 0;
    margin: 0;
}

html[b-2x6l5nos80], body[b-2x6l5nos80] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0%;
    left: 0%;
}

#intro-container[b-2x6l5nos80] {
    background: rgb(255,255,255) !important;
    background: linear-gradient(45deg, rgba(255,255,255,0.1) 0%, rgba(0,191,255,0.2) 16%, rgba(0,212,255,0.3) 100%);
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: hidden;
    z-index: 100;
}

#letter[b-2x6l5nos80] {
    font-size: 120px;
    font-family: Helvetica;
    font-weight: Bold;
    color: rgba(18,22,26,0.7);
    width: 420px;
    height: 120px;
    text-align: center;
    vertical-align: middle;
    line-height: 120px;
    position: fixed;
    top: 10%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    opacity: 1;
    z-index: 15;
}

#description[b-2x6l5nos80] {
    position: fixed;
    bottom: 10px;
    width: 100%;
    z-index: 100;
    font-family: Helvetica;
    font-weight: 200;
    color: rgba(18,22,26,0.7);
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
}

#animation[b-2x6l5nos80] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 11%;
    left: 0%;
    z-index: -1;
}

.sky[b-2x6l5nos80] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    background: var(--mud-palette-info);
    background: linear-gradient(to right top, #0072ff, #00c6ff);
    background: linear-gradient(to right top, var(--mud-palette-info-darken), var(--mud-palette-info-lighten));
    background: linear-gradient(45deg, rgba(255,255,255,0.1) 0%, rgba(0,191,255,0.2) 16%, rgba(0,212,255,0.3) 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.ground[b-2x6l5nos80] {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(134, 180, 151);
    background-color: var(--mud-palette-primary);
    background: linear-gradient(to top, var(--mud-palette-primary-darken), var(--mud-palette-primary));
    /*opacity: 0.6;*/
    z-index: 0;
}

    .ground .hill[b-2x6l5nos80] {
        width: 1000px;
        height: 1000px;
        border-radius: 1000px;
        position: absolute;
        -webkit-transform: translate( -500px, 0px );
        -moz-transform: translate( -500px, 0px );
        -ms-transform: translate( -500px, 0px );
        -o-transform: translate( -500px, 0px );
        transform: translate( -500px, 0px );
        background-color: inherit;
        background: inherit;
        z-index: 0;
    }

        .ground .hill:nth-of-type(1)[b-2x6l5nos80] {
            left: 55%;
            top: -30px;
        }

        .ground .hill:nth-of-type(2)[b-2x6l5nos80] {
            left: 40%;
            top: -50px;
            z-index: -1;
            background: var(--mud-palette-primary-darken);
        }

        .ground .hill:nth-of-type(3)[b-2x6l5nos80] {
            left: 85%;
            top: -75px;
            z-index: 1;
        }

        .ground .hill:nth-of-type(4)[b-2x6l5nos80] {
            left: 10%;
            top: -25px;
        }

    .ground .hills[b-2x6l5nos80] {
        position: relative;
        top: 12px;
    }
        .ground .hills .custom-shape-divider-bottom-1726818811[b-2x6l5nos80] {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            overflow: hidden;
            line-height: 0;
            transform: rotate(180deg);
        }

            .ground .hills .custom-shape-divider-bottom-1726818811 svg[b-2x6l5nos80] {
                position: relative;
                display: block;
                width: calc(144% + 1.3px);
                height: 250px;
                transform: rotateY(180deg);
            }

            .ground .hills .custom-shape-divider-bottom-1726818811 .shape-fill[b-2x6l5nos80] {
                fill: #599157;
                fill: var(--mud-palette-primary);
            }

@media(max-width: 700px) {

    .ground[b-2x6l5nos80] {
        width: 200%;
        left: -100px;
    }

    .ground .hill:nth-of-type(1)[b-2x6l5nos80] {
        transform: scale(1.5);
    }

    .ground .hill:nth-of-type(2)[b-2x6l5nos80] {
        left: 37%;
        top: -88px;
    }

    .ground .hill:nth-of-type(3)[b-2x6l5nos80] {
        left: CalC(88vw + 150px);
        top: -78px;
    }

        .ground .hill:nth-of-type(3)[b-2x6l5nos80]:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: var(--mud-palette-primary-darken);
            top: 0;
            left: 0;
            content: " ";
            border-radius: 100%;
            opacity: 0.1;
        }
}

.green[b-2x6l5nos80] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 700px;
    height: 500px;
    background-color: rgb(90, 144, 91);
    background-color: #46C330;
    /*background: linear-gradient(to right top, var(--mud-palette-primary-darken), var(--mud-palette-primary-lighten));*/
    border-radius: 500px;
    -webkit-transform: scale( 1, 0.25 );
    -moz-transform: scale( 1, 0.25 );
    -ms-transform: scale( 1, 0.25 );
    -o-transform: scale( 1, 0.25 );
    transform: scale( 1, 0.25 );
    margin-left: -200px;
    margin-top: -130px;
    /*opacity: 0.6*/
}

.hole[b-2x6l5nos80] {
    -webkit-transform: scale( 1, 0.25 );
    -moz-transform: scale( 1, 0.25 );
    -ms-transform: scale( 1, 0.25 );
    -o-transform: scale( 1, 0.25 );
    transform: scale( 1, 0.25 );
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: rgba(145,175,150,1);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 150px;
    margin-top: 110px;
}

.pole[b-2x6l5nos80] {
    width: 5px;
    height: 837px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100px;
    margin-top: -400px;
    margin-left: 158px;
    -webkit-transform: scale( 1, 0.25 );
    -moz-transform: scale( 1, 0.25 );
    -ms-transform: scale( 1, 0.25 );
    -o-transform: scale( 1, 0.25 );
    transform: scale( 1, 0.25 );
    z-index: 8;
}

.flag[b-2x6l5nos80] {
    border-right: 28px solid rgba(255,114,93,1);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 130px;
    margin-top: -81px;
    z-index: 2;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    animation: flag-b-2x6l5nos80 2s cubic-bezier(.37,0,.7,.99) 0s infinite alternate none;
    -webkit-animation: flag 2s cubic-bezier(.37,0,.7,.99) 0s infinite alternate none;
}

.ball[b-2x6l5nos80], .ball div[b-2x6l5nos80] {
    position: absolute;
    width: 9px;
    height: 9px;
    overflow: hidden;
    border-radius: 13px;
    z-index: 3;
}

.ball[b-2x6l5nos80] {
    top: 0%;
    left: 0%;
    animation: ballPos-b-2x6l5nos80 6s linear 0s infinite normal none;
    -webkit-animation: ballPos 6s linear 0s infinite normal none;
}

    .ball div[b-2x6l5nos80] {
        background-color: #fff;
        box-shadow: inset 0px -2px 2px rgba(195,195,195,0.7);
        animation: ballDrop-b-2x6l5nos80 6s ease-in 0s infinite normal none;
        -webkit-animation: ballDrop 6s ease-in 0s infinite normal none;
    }

.shot[b-2x6l5nos80] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-top: 2px;
    margin-left: 2px;
}

.shadow[b-2x6l5nos80] {
    z-index: 1;
    -webkit-transform: scale( 1, 0.25 ) translate( 0px, 16px);
    -moz-transform: scale( 1, 0.25 ) translate( 0px, 16px);
    -ms-transform: scale( 1, 0.25 ) translate( 0px, 16px);
    -o-transform: scale( 1, 0.25 ) translate( 0px, 16px);
    transform: scale( 1, 0.25 ) translate( 0px, 16px);
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: rgba(145,175,150,1);
    position: absolute;
    animation: ballShadow-b-2x6l5nos80 6s linear 0s infinite normal none;
    -webkit-animation: ballShadow 6s linear 0s infinite normal none;
}

@keyframes flag-b-2x6l5nos80 {
    22% {
        -webkit-transform: skew( 0deg, 4deg );
        -moz-transform: skew( 0deg, 4deg );
        -ms-transform: skew( 0deg, 4deg );
        -o-transform: skew( 0deg, 4deg );
        transform: skew( 0deg, 4deg );
    }

    100% {
        -webkit-transform: skew( 0deg, -4deg );
        -moz-transform: skew( 0deg, -4deg );
        -ms-transform: skew( 0deg, -4deg );
        -o-transform: skew( 0deg, -4deg );
        transform: skew( 0deg, -4deg );
    }

    79% {
        -webkit-transform: skew( 0deg, 10deg );
        -moz-transform: skew( 0deg, 10deg );
        -ms-transform: skew( 0deg, 10deg );
        -o-transform: skew( 0deg, 10deg );
        transform: skew( 0deg, 10deg );
    }

    51% {
        -webkit-transform: skew( 0deg, -12deg );
        -moz-transform: skew( 0deg, -12deg );
        -ms-transform: skew( 0deg, -12deg );
        -o-transform: skew( 0deg, -12deg );
        transform: skew( 0deg, -12deg );
    }

    0% {
        -webkit-transform: skew( 0deg, 11deg );
        -moz-transform: skew( 0deg, 11deg );
        -ms-transform: skew( 0deg, 11deg );
        -o-transform: skew( 0deg, 11deg );
        transform: skew( 0deg, 11deg );
    }
}

@-webkit-keyframes flag {
    22% {
        -webkit-transform: skew( 0deg, 4deg );
        -moz-transform: skew( 0deg, 4deg );
        -ms-transform: skew( 0deg, 4deg );
        -o-transform: skew( 0deg, 4deg );
        transform: skew( 0deg, 4deg );
    }

    100% {
        -webkit-transform: skew( 0deg, -4deg );
        -moz-transform: skew( 0deg, -4deg );
        -ms-transform: skew( 0deg, -4deg );
        -o-transform: skew( 0deg, -4deg );
        transform: skew( 0deg, -4deg );
    }

    79% {
        -webkit-transform: skew( 0deg, 10deg );
        -moz-transform: skew( 0deg, 10deg );
        -ms-transform: skew( 0deg, 10deg );
        -o-transform: skew( 0deg, 10deg );
        transform: skew( 0deg, 10deg );
    }

    51% {
        -webkit-transform: skew( 0deg, -12deg );
        -moz-transform: skew( 0deg, -12deg );
        -ms-transform: skew( 0deg, -12deg );
        -o-transform: skew( 0deg, -12deg );
        transform: skew( 0deg, -12deg );
    }

    0% {
        -webkit-transform: skew( 0deg, 11deg );
        -moz-transform: skew( 0deg, 11deg );
        -ms-transform: skew( 0deg, 11deg );
        -o-transform: skew( 0deg, 11deg );
        transform: skew( 0deg, 11deg );
    }
}

@keyframes ballPos-b-2x6l5nos80 {
    46% {
        left: 50%;
        margin-left: 148px;
        margin-top: 110px;
        top: 50%;
    }

    47% {
    }

    47% {
    }

    43% {
        left: 50%;
        margin-left: 138px;
        margin-top: 110px;
        top: 50%;
    }

    45% {
        left: 50%;
        margin-left: 146px;
        margin-top: 110px;
        top: 50%;
    }

    30% {
        left: 50%;
        margin-left: 60px;
        margin-top: 110px;
        top: 50%;
    }

    29% {
        left: 50%;
        margin-left: 52px;
        margin-top: 105px;
        top: 50%;
    }

    47% {
        left: 50%;
        margin-left: 152px;
        margin-top: 110px;
        top: 50%;
    }

    28% {
        left: 50%;
        margin-left: 45px;
        margin-top: 110px;
        top: 50%;
    }

    27% {
        left: 50%;
        margin-left: 30px;
        margin-top: 92px;
        top: 50%;
    }

    26% {
        left: 50%;
        margin-left: 20px;
        margin-top: 95px;
        top: 50%;
    }

    24% {
        left: 50%;
        margin-left: -15px;
        margin-top: 85px;
        top: 50%;
    }

    22% {
        left: 50%;
        margin-left: -44px;
        margin-top: 85px;
        top: 50%;
    }

    25% {
        left: 50%;
        margin-left: 5px;
        margin-top: 110px;
        top: 50%;
    }

    23% {
        left: 50%;
        margin-left: -30px;
        margin-top: 80px;
        top: 50%;
    }

    100% {
        left: 50%;
        margin-left: 152px;
        margin-top: 110px;
        top: 50%;
    }

    21% {
        left: 50%;
        margin-left: -60px;
        margin-top: 110px;
        top: 50%;
    }

    16% {
        left: 50%;
        margin-left: -130px;
        margin-top: 0px;
        top: -13px;
    }

    0% {
        top: -13px;
        margin-left: 0px;
        margin-top: 0px;
        left: -20px;
    }
}

@-webkit-keyframes ballPos {
    46% {
        left: 50%;
        margin-left: 148px;
        margin-top: 110px;
        top: 50%;
    }

    47% {
    }

    47% {
    }

    43% {
        left: 50%;
        margin-left: 138px;
        margin-top: 110px;
        top: 50%;
    }

    45% {
        left: 50%;
        margin-left: 146px;
        margin-top: 110px;
        top: 50%;
    }

    30% {
        left: 50%;
        margin-left: 60px;
        margin-top: 110px;
        top: 50%;
    }

    29% {
        left: 50%;
        margin-left: 52px;
        margin-top: 105px;
        top: 50%;
    }

    47% {
        left: 50%;
        margin-left: 152px;
        margin-top: 110px;
        top: 50%;
    }

    28% {
        left: 50%;
        margin-left: 45px;
        margin-top: 110px;
        top: 50%;
    }

    27% {
        left: 50%;
        margin-left: 30px;
        margin-top: 92px;
        top: 50%;
    }

    26% {
        left: 50%;
        margin-left: 20px;
        margin-top: 95px;
        top: 50%;
    }

    24% {
        left: 50%;
        margin-left: -15px;
        margin-top: 85px;
        top: 50%;
    }

    22% {
        left: 50%;
        margin-left: -44px;
        margin-top: 85px;
        top: 50%;
    }

    25% {
        left: 50%;
        margin-left: 5px;
        margin-top: 110px;
        top: 50%;
    }

    23% {
        left: 50%;
        margin-left: -30px;
        margin-top: 80px;
        top: 50%;
    }

    100% {
        left: 50%;
        margin-left: 152px;
        margin-top: 110px;
        top: 50%;
    }

    21% {
        left: 50%;
        margin-left: -60px;
        margin-top: 110px;
        top: 50%;
    }

    16% {
        left: 50%;
        margin-left: -130px;
        margin-top: 0px;
        top: -13px;
    }

    0% {
        top: -13px;
        margin-left: 0px;
        margin-top: 0px;
        left: -20px;
    }
}

@keyframes ballShadow-b-2x6l5nos80 {
    46% {
        left: 50%;
        margin-left: 148px;
        margin-top: 110px;
        top: 50%;
        opacity: 1;
    }

    47% {
    }

    47% {
    }

    43% {
        left: 50%;
        margin-left: 138px;
        margin-top: 110px;
        top: 50%;
    }

    45% {
        left: 50%;
        margin-left: 146px;
        margin-top: 110px;
        top: 50%;
    }

    30% {
        left: 50%;
        margin-left: 60px;
        top: 50%;
        margin-top: 110px;
    }

    29% {
        left: 50%;
        margin-left: 52px;
        top: 50%;
        margin-top: 110px;
    }

    47% {
        left: 50%;
        margin-left: 152px;
        margin-top: 110px;
        top: 50%;
        opacity: 0;
    }

    28% {
        left: 50%;
        margin-left: 45px;
        top: 50%;
        margin-top: 110px;
    }

    27% {
        left: 50%;
        margin-left: 30px;
        top: 50%;
        margin-top: 110px;
    }

    26% {
        left: 50%;
        margin-left: 20px;
        top: 50%;
        margin-top: 110px;
    }

    24% {
        left: 50%;
        margin-left: -15px;
        top: 50%;
        margin-top: 110px;
    }

    22% {
        left: 50%;
        margin-left: -44px;
        top: 50%;
        margin-top: 110px;
    }

    25% {
        left: 50%;
        margin-left: 5px;
        top: 50%;
        margin-top: 110px;
    }

    23% {
        left: 50%;
        margin-left: -30px;
        top: 50%;
        margin-top: 110px;
    }

    100% {
        left: 50%;
        margin-left: 152px;
        margin-top: 110px;
        top: 50%;
        opacity: 0;
    }

    21% {
        left: 50%;
        margin-left: -60px;
        top: 50%;
        margin-top: 110px;
        opacity: 1;
    }

    16% {
        left: 50%;
        margin-left: -130px;
        top: 50%;
        margin-top: 110px;
        opacity: 1;
    }

    0% {
        top: 50%;
        margin-top: 110px;
        margin-left: 0px;
        left: -20px;
        opacity: 1;
    }
}

@-webkit-keyframes ballShadow {
    46% {
        left: 50%;
        margin-left: 148px;
        margin-top: 110px;
        top: 50%;
        opacity: 1;
    }

    47% {
    }

    47% {
    }

    43% {
        left: 50%;
        margin-left: 138px;
        margin-top: 110px;
        top: 50%;
    }

    45% {
        left: 50%;
        margin-left: 146px;
        margin-top: 110px;
        top: 50%;
    }

    30% {
        left: 50%;
        margin-left: 60px;
        top: 50%;
        margin-top: 110px;
    }

    29% {
        left: 50%;
        margin-left: 52px;
        top: 50%;
        margin-top: 110px;
    }

    47% {
        left: 50%;
        margin-left: 152px;
        margin-top: 110px;
        top: 50%;
        opacity: 0;
    }

    28% {
        left: 50%;
        margin-left: 45px;
        top: 50%;
        margin-top: 110px;
    }

    27% {
        left: 50%;
        margin-left: 30px;
        top: 50%;
        margin-top: 110px;
    }

    26% {
        left: 50%;
        margin-left: 20px;
        top: 50%;
        margin-top: 110px;
    }

    24% {
        left: 50%;
        margin-left: -15px;
        top: 50%;
        margin-top: 110px;
    }

    22% {
        left: 50%;
        margin-left: -44px;
        top: 50%;
        margin-top: 110px;
    }

    25% {
        left: 50%;
        margin-left: 5px;
        top: 50%;
        margin-top: 110px;
    }

    23% {
        left: 50%;
        margin-left: -30px;
        top: 50%;
        margin-top: 110px;
    }

    100% {
        left: 50%;
        margin-left: 152px;
        margin-top: 110px;
        top: 50%;
        opacity: 0;
    }

    21% {
        left: 50%;
        margin-left: -60px;
        top: 50%;
        margin-top: 110px;
        opacity: 1;
    }

    16% {
        left: 50%;
        margin-left: -130px;
        top: 50%;
        margin-top: 110px;
        opacity: 1;
    }

    0% {
        top: 50%;
        margin-top: 110px;
        margin-left: 0px;
        left: -20px;
        opacity: 1;
    }
}

@keyframes ballDrop-b-2x6l5nos80 {
    46% {
        margin-top: 0px;
    }

    47% {
        margin-top: 9px;
    }

    100% {
        margin-top: 9px;
    }

    0% {
        margin-top: 0px;
    }
}

@-webkit-keyframes ballDrop {
    46% {
        margin-top: 0px;
    }

    47% {
        margin-top: 9px;
    }

    100% {
        margin-top: 9px;
    }

    0% {
        margin-top: 0px;
    }
}

@media (max-width: 700px) {
    #letter[b-2x6l5nos80] {
        font-size: 80px;
        margin-left: -80px;
    }
}

@media (max-width: 500px) {
    #animation[b-2x6l5nos80] {
        margin-left: -47px;
        transition: 2s;
    }
}

@media (max-width: 300px) {
    #letter[b-2x6l5nos80] {
        font-size: 60px;
    }

    #animation[b-2x6l5nos80] {
        margin-left: -69px;
    }
}
/* _content/ScoreCapture.Web/Components/Layout/DisplayLayout.razor.rz.scp.css */
.displaylayoutcontainer[b-ou8yakx79g] {
  
    margin-top: 0px;
}

.custom-shape-divider-bottom-1726818811[b-ou8yakx79g] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

    .custom-shape-divider-bottom-1726818811 svg[b-ou8yakx79g] {
        position: relative;
        display: block;
        width: calc(144% + 1.3px);
        height: 250px;
        transform: rotateY(180deg);
    }

    .custom-shape-divider-bottom-1726818811 .shape-fill[b-ou8yakx79g] {
        fill: #599157;
    }


.custom-shape-divider-top-1726820924[b-ou8yakx79g] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

    .custom-shape-divider-top-1726820924 svg[b-ou8yakx79g] {
        position: relative;
        display: block;
        width: calc(172% + 1.3px);
        height: 114px;
        transform: rotateY(180deg);
    }

    .custom-shape-divider-top-1726820924 .shape-fill[b-ou8yakx79g] {
        fill: #132c2a;
    }
/* _content/ScoreCapture.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-o8ucozagll] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-o8ucozagll] {
    flex: 1;
}

.sidebar[b-o8ucozagll] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-o8ucozagll] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-o8ucozagll]  a, .top-row[b-o8ucozagll]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-o8ucozagll]  a:hover, .top-row[b-o8ucozagll]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-o8ucozagll]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-o8ucozagll] {
        justify-content: space-between;
    }

    .top-row[b-o8ucozagll]  a, .top-row[b-o8ucozagll]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-o8ucozagll] {
        flex-direction: row;
    }

    .sidebar[b-o8ucozagll] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-o8ucozagll] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-o8ucozagll]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-o8ucozagll], article[b-o8ucozagll] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-o8ucozagll] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-o8ucozagll] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/ScoreCapture.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-dwc63bmrpa] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-dwc63bmrpa] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-dwc63bmrpa] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-dwc63bmrpa] {
    font-size: 1.1rem;
}

.bi[b-dwc63bmrpa] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-dwc63bmrpa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-dwc63bmrpa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-dwc63bmrpa] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-dwc63bmrpa] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-dwc63bmrpa] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-dwc63bmrpa] {
        padding-bottom: 1rem;
    }

    .nav-item[b-dwc63bmrpa]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-dwc63bmrpa]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-dwc63bmrpa]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-dwc63bmrpa] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-dwc63bmrpa] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-dwc63bmrpa] {
        display: none;
    }

    .nav-scrollable[b-dwc63bmrpa] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/ScoreCapture.Web/Components/Layout/ScoreCaptureLayout.razor.rz.scp.css */
#blazor-error-ui[b-qmxvycsutg] {
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(19, 34, 40, 0.9); /*PaletteSecondary w/ opacity */
}

#blazor-error-ui .msg-box[b-qmxvycsutg] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    color: #856404;
}

    #blazor-error-ui .msg-box .dismiss[b-qmxvycsutg] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

    #blazor-error-ui .msg-box > div[b-qmxvycsutg] {
        padding: 1rem 0 .3rem 0;
    }

    #blazor-error-ui .msg-box .reload[b-qmxvycsutg] {
        padding: .5rem;
        color: #212529;
        background-color: #ffc107;
        text-decoration: none;
    }
/* _content/ScoreCapture.Web/Components/Layout/SqueezeLayout.razor.rz.scp.css */
.displaylayoutcontainer[b-8oxn8g7jxi] {
  
    margin-top: 0px;
}

.custom-shape-divider-bottom-1726818811[b-8oxn8g7jxi] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

    .custom-shape-divider-bottom-1726818811 svg[b-8oxn8g7jxi] {
        position: relative;
        display: block;
        width: calc(144% + 1.3px);
        height: 250px;
        transform: rotateY(180deg);
    }

    .custom-shape-divider-bottom-1726818811 .shape-fill[b-8oxn8g7jxi] {
        fill: #599157;
    }


.custom-shape-divider-top-1726820924[b-8oxn8g7jxi] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

    .custom-shape-divider-top-1726820924 svg[b-8oxn8g7jxi] {
        position: relative;
        display: block;
        width: calc(172% + 1.3px);
        height: 114px;
        transform: rotateY(180deg);
    }

    .custom-shape-divider-top-1726820924 .shape-fill[b-8oxn8g7jxi] {
        fill: #132c2a;
    }
/* _content/ScoreCapture.Web/Components/Layout/YearInReviewLayout.razor.rz.scp.css */
.displaylayoutcontainer[b-1x5utsya6m] {
    margin-top: 0px;
}

.custom-shape-divider-bottom-1726818811[b-1x5utsya6m] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

    .custom-shape-divider-bottom-1726818811 svg[b-1x5utsya6m] {
        position: relative;
        display: block;
        width: calc(144% + 1.3px);
        height: 250px;
        transform: rotateY(180deg);
    }

    .custom-shape-divider-bottom-1726818811 .shape-fill[b-1x5utsya6m] {
        fill: #599157;
    }


.custom-shape-divider-top-1726820924[b-1x5utsya6m] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

    .custom-shape-divider-top-1726820924 svg[b-1x5utsya6m] {
        position: relative;
        display: block;
        width: calc(172% + 1.3px);
        height: 114px;
        transform: rotateY(180deg);
    }

    .custom-shape-divider-top-1726820924 .shape-fill[b-1x5utsya6m] {
        fill: #132c2a;
    }

.header_logo[b-1x5utsya6m] {
    height: 125px;
    position: relative;
}

    @media (max-width: 700px) {

        .custom-shape-divider-top-1726820924 svg[b-1x5utsya6m] {
            height: 65px;
        }
        .header_logo[b-1x5utsya6m] {
            height: 68px;
            left: 5px;
        }
    }
@media (max-width: 300px) {

    .custom-shape-divider-top-1726820924 svg[b-1x5utsya6m] {
        height: 50px;
    }

    .header_logo[b-1x5utsya6m] {
        margin-top: -5px;
    }
}
/* _content/ScoreCapture.Web/Components/Pages/Activities/GolfActivityDetail.razor.rz.scp.css */



[b-sqlqbf61e9] .player-name {
    padding: 1px 0 1px 18px;
    text-indent: -18px;
}

    [b-sqlqbf61e9] .player-name .countryflag {
        width: 15px;
        /*vertical-align: middle;*/
        margin-bottom: -3px;
    }


[b-sqlqbf61e9] .avatar-card {
    position: relative;
    padding-left: 70px !important;
    margin-left: 32px;
    border-radius: 0% 10px 10px 0;
}


[b-sqlqbf61e9] .player-details {
    padding: 16px;
}

    [b-sqlqbf61e9] .player-details .mud-divider {
        border-color: #FFFFFF;
        opacity: .2;
        border-width: 2px;
        margin: 15px;
    }

    [b-sqlqbf61e9] .player-details p,
    [b-sqlqbf61e9] .player-details span {
        text-align: center;
    }




/*-- main table  mobile margin/padding overrides --*/



/*-- drilldown  mobile margin/padding overrides --*/

@media (max-width: 700px) {
    [b-sqlqbf61e9] .drilldown-grid {
        margin: -6px 0px;
        width: 100%;
    }


    [b-sqlqbf61e9] .drilldown-playerinfo {
        padding: 6px 6px 9px !important;
    }

        [b-sqlqbf61e9] .drilldown-playerinfo .mud-paper {
            /*margin: 8px !important;*/
        }

        [b-sqlqbf61e9] .drilldown-playerinfo .mud-grid-item {
            padding: 6px 3px;
        }

            [b-sqlqbf61e9] .drilldown-playerinfo .mud-grid-item.table-item {
                padding: 0px;
            }

                [b-sqlqbf61e9] .drilldown-playerinfo .mud-grid-item.table-item th,
                [b-sqlqbf61e9] .drilldown-playerinfo .mud-grid-item.table-item td {
                    padding: 3px;
                    font-size: 12px;
                    min-width: min-content !important;
                    width: min-content !important;
                }


    [b-sqlqbf61e9] .player-details {
        padding: 3px;
    }

        [b-sqlqbf61e9] .player-details .flex-row {
            gap: 3px !important;
            justify-content: start !important;
        }

        [b-sqlqbf61e9] .player-details .flex-column {
            gap: 3px !important;
        }

        [b-sqlqbf61e9] .player-details .mud-divider {
            margin: 8px 5px;
        }

        [b-sqlqbf61e9] .player-details p {
            font-size: 11px;
        }

        [b-sqlqbf61e9] .player-details span {
            font-size: 9px;
        }


    [b-sqlqbf61e9] .avatar-card {
        padding: 6px 6px 6px 55px !important;
        margin-left: 25px;
    }

        [b-sqlqbf61e9] .avatar-card .firstname {
            font-size: 12px;
            text-align: left;
        }

        [b-sqlqbf61e9] .avatar-card .lastname {
            font-size: 16px;
            text-align: left;
        }
}
/* _content/ScoreCapture.Web/Components/Pages/Admin/Course/GPS.razor.rz.scp.css */

.lookupfield[b-l0l0ca2new]  p {
    line-height: 19px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
}

.lookupfield[b-l0l0ca2new]  button {
    margin: -6px auto;
}

/* *** */

[b-l0l0ca2new] .mud-table.CourseTeeGeoList {
    max-width: 100% !important;
}

[b-l0l0ca2new] .mud-table.CourseTeeGeoList .mud-table-container {
    max-height: Calc(100vh - 170px);
}

[b-l0l0ca2new] .mud-table.CourseTeeGeoList tbody tr:hover:not(:has(.btn-new)) {
    background: var(--mud-palette-primary-lighten);
    background: linear-gradient(to bottom right, var(--mud-palette-primary-lighten) 20%, rgba(255, 255, 255, 0) 300%);
    background: linear-gradient(to bottom right, #38AB24 20%, #D7EED3 250%);
    color: #FFF;
}
    
    [b-l0l0ca2new] .mud-table.CourseTeeGeoList tbody tr:hover,
    [b-l0l0ca2new] .mud-table.CourseTeeGeoList tbody tr:hover input,
    [b-l0l0ca2new] .mud-table.CourseTeeGeoList tbody tr:hover label {
        color: #FFF;
    }
        
        [b-l0l0ca2new] .mud-table.CourseTeeGeoList tbody tr:hover .mud-input:before {
            border-bottom-color: rgba(255, 255, 255, 0.5);
        }

        [b-l0l0ca2new] .mud-table.CourseTeeGeoList tbody tr:hover .mud-input:after,
        [b-l0l0ca2new] .mud-table.CourseTeeGeoList tbody tr * .mud-input:hover:before {
            border-bottom-color: #FFF !important;
        }

        [b-l0l0ca2new] .mud-table.CourseTeeGeoList tbody tr:hover .btn-remove:hover {
            background: red;
            color: #FFF;
        }

        [b-l0l0ca2new] .mud-table.CourseTeeGeoList tbody tr:hover .mud-input-error {
            color: red !important;
        }

        [b-l0l0ca2new] .mud-table.CourseTeeGeoList tbody tr:hover .mud-input.mud-input-error:after {
            border-bottom-color: red;
        }

/* *** */
[b-l0l0ca2new] .mud-table.CourseTeeGeoList_importPreview .mud-table-container {
    max-height: 60vh;
}

[b-l0l0ca2new] .mud-table.CourseTeeGeoList_importPreview tbody tr:hover {
    background: #D7EED3;
}
    
/* _content/ScoreCapture.Web/Components/Pages/Admin/Images/ManageAppBanners.razor.rz.scp.css */
[b-4lmm2yheyj] .overlay-progress-paper {
    background: rgba(255, 255, 255, .8);
    border-radius: 50%;
    width: max-content;
    padding: 10px 10px 2px;
    margin: auto;
}

[b-4lmm2yheyj] .mud-input-underline:has(:not(input:focus)):before, [b-4lmm2yheyj] .mud-input-underline:has(:not(input:focus)) .mud-input-adornment {
    opacity: 0;
    /*border-color: transparent;*/
}

[b-4lmm2yheyj] .mud-input-underline:has(input:focus) .mud-input-adornment, [b-4lmm2yheyj] .mud-input-underline:has(input:hover) .mud-input-adornment {
    opacity: 1;
}

[b-4lmm2yheyj] .item-displaytitle {
    max-width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[b-4lmm2yheyj] .item-btnEdit {
    background: #38AB2422;
    color: #38AB24;
    border-radius: 100%;
    margin: auto 0;
    box-sizing: content-box;
    padding: 5px;
}

    [b-4lmm2yheyj] .item-btnEdit:hover {
        background: #38AB24;
        color: #FFF;
        fill: #FFF;
    }

[b-4lmm2yheyj] .item-btnRemove {
    background: #D4433922;
    color: #D44339;
    border-radius: 100%;
    margin: auto 0;
    box-sizing: content-box;
    padding: 5px;
}

    [b-4lmm2yheyj] .item-btnRemove:hover {
        background: #D44339;
        color: #FFF;
        fill: #FFF;
    }

[b-4lmm2yheyj] .item-btnPreview {
    background: #3881D322;
    color: var(--mud-palette-info);
    border-radius: 100%;
    margin: auto 0;
    box-sizing: content-box;
    padding: 5px;
}

    [b-4lmm2yheyj] .item-btnPreview:hover {
        background: var(--mud-palette-info);
        color: #FFF;
        fill: #FFF;
    }

[b-4lmm2yheyj] .playlist-item .mud-timeline-item-dot {
    transition: 1s;
}

[b-4lmm2yheyj] .playlist-item.editable:hover .mud-timeline-item-dot {
    background: #38AB24;
}

[b-4lmm2yheyj] .playlist-item {
    transition: 1s;
    padding: 12px 0;
}

    [b-4lmm2yheyj] .playlist-item:not(.editable) {
        cursor: default !important;
    }

    [b-4lmm2yheyj] .playlist-item.editable:hover {
        background: #38AB2422;
    }

    [b-4lmm2yheyj] .playlist-item .mud-card {
    }

    [b-4lmm2yheyj] .playlist-item.editable:hover .mud-card {
        border: 2px solid #38AB24;
        margin: -2px;
    }

    [b-4lmm2yheyj] .playlist-item .time-display {
        margin-left: -15px
    }

/* --- playlist items preview --- */

.preview-panels[b-4lmm2yheyj] {
    width: 100%;
    height: 350px;
    margin: 10px 0;
    border: 5px ridge #000000a8;
    padding: 10px 10px 60px 10px;
    overflow: hidden;
}

    .preview-panels.full-screen[b-4lmm2yheyj] {
        position: fixed;
        z-index: 9999999999999;
        top: 1vh;
        bottom: 1vh;
        left: 1vw;
        right: 1vw;
        height: auto;
        width: auto;
    }

    .preview-panels .controls-panel[b-4lmm2yheyj] {
        /*position: absolute;*/
        width: 100%;
        height: 50px;
        margin: 5px 0;
        background: #000000a1;
        border-radius: 10px;
        display: flex;
        justify-content: center;
    }

        .preview-panels .controls-panel[b-4lmm2yheyj]  button {
            color: #FFF;
        }

    .preview-panels .slider[b-4lmm2yheyj] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        gap: 20px;
        transition: 2s;
    }

    .preview-panels .preview-panel[b-4lmm2yheyj] {
        width: 100%;
        height: 100%;
        transition: 2s;
        flex: 0 0 auto;
    }

        .preview-panels .preview-panel img[b-4lmm2yheyj] {
            width: 100%;
            height: 100%;
        }

        .preview-panels .preview-panel video[b-4lmm2yheyj] {
            width: 100%;
            height: 100%;
            object-fit: fill;
        }
/* _content/ScoreCapture.Web/Components/Pages/Admin/Knockout/Index.razor.rz.scp.css */
[b-rrsfoaljvj] .knockout-panel
{
    padding: 0 24px 24px;
}

[b-rrsfoaljvj] .knockout-panel .mud-table#ko-list-table .mud-table-container {
    max-height: Calc(100vh - 270px);
    max-width: 100%;
}
/* _content/ScoreCapture.Web/Components/Pages/Admin/Tournament/Index.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Pages/Club/Today.razor.rz.scp.css */
.todaycontent[b-gxn3dxhbtc] {
    position: fixed;
    left: 1%;
    top: 10%;
    z-index: 100;
    height: 80%;
    width: 95%;
    overflow: auto;
}
/* _content/ScoreCapture.Web/Components/Pages/Club/TodayStats.razor.rz.scp.css */
:root *[b-0ijdxceq81] {
    --mud-palette-primary: #38AB24;
    --mud-palette-primary-darken: #318625;
    --mud-palette-secondary: #132228;
    --mud-palette-tertiary: #6F3D92;
    --mud-palette-gray-default: #899694;
    --mud-palette-gray-darker: #2B383E;
    --mud-palette-info: #3881D3;
    --mud-palette-info-darken: #2865A9;
    --mud-palette-warning: #E7AA2A;
    --mud-palette-error: #D44339;
    --mud-palette-dark: rgba(19,34,40,1);
    --mud-palette-appbar-background: rgba(40,56,60,1);
}

content[b-0ijdxceq81] {
    position: fixed;
    right: 75px;
    top: 75px;
    left: 75px;
    bottom: 75px;
    background: rgba(0, 0, 0, 0.7);
    color: #f1f1f1;
    padding: 20px;
    z-index: 1;
}
/* _content/ScoreCapture.Web/Components/Pages/Dashboard.razor.rz.scp.css */



[b-2eja5vw1e1] .player-name {
    padding: 1px 0 1px 18px;
    text-indent: -18px;
}

    [b-2eja5vw1e1] .player-name .countryflag {
        width: 15px;
        /*vertical-align: middle;*/
        margin-bottom: -3px;
    }


[b-2eja5vw1e1] .avatar-card {
    position: relative;
    padding-left: 70px !important;
    margin-left: 32px;
    border-radius: 0% 10px 10px 0;
}


[b-2eja5vw1e1] .player-details {
    padding: 16px;
}

    [b-2eja5vw1e1] .player-details .mud-divider {
        border-color: #FFFFFF;
        opacity: .2;
        border-width: 2px;
        margin: 15px;
    }

    [b-2eja5vw1e1] .player-details p,
    [b-2eja5vw1e1] .player-details span {
        text-align: center;
    }




/*-- main table  mobile margin/padding overrides --*/



/*-- drilldown  mobile margin/padding overrides --*/

@media (max-width: 700px) {
    [b-2eja5vw1e1] .drilldown-grid {
        margin: -6px 0px;
        width: 100%;
    }


    [b-2eja5vw1e1] .drilldown-playerinfo {
        padding: 6px 6px 9px !important;
    }

        [b-2eja5vw1e1] .drilldown-playerinfo .mud-paper {
            /*margin: 8px !important;*/
        }

        [b-2eja5vw1e1] .drilldown-playerinfo .mud-grid-item {
            padding: 6px 3px;
        }

            [b-2eja5vw1e1] .drilldown-playerinfo .mud-grid-item.table-item {
                padding: 0px;
            }

                [b-2eja5vw1e1] .drilldown-playerinfo .mud-grid-item.table-item th,
                [b-2eja5vw1e1] .drilldown-playerinfo .mud-grid-item.table-item td {
                    padding: 3px;
                    font-size: 12px;
                    min-width: min-content !important;
                    width: min-content !important;
                }


    [b-2eja5vw1e1] .player-details {
        padding: 3px;
    }

        [b-2eja5vw1e1] .player-details .flex-row {
            gap: 3px !important;
            justify-content: start !important;
        }

        [b-2eja5vw1e1] .player-details .flex-column {
            gap: 3px !important;
        }

        [b-2eja5vw1e1] .player-details .mud-divider {
            margin: 8px 5px;
        }

        [b-2eja5vw1e1] .player-details p {
            font-size: 11px;
        }

        [b-2eja5vw1e1] .player-details span {
            font-size: 9px;
        }


    [b-2eja5vw1e1] .avatar-card {
        padding: 6px 6px 6px 55px !important;
        margin-left: 25px;
    }

        [b-2eja5vw1e1] .avatar-card .firstname {
            font-size: 12px;
            text-align: left;
        }

        [b-2eja5vw1e1] .avatar-card .lastname {
            font-size: 16px;
            text-align: left;
        }
}
/* _content/ScoreCapture.Web/Components/Pages/Featureboards/Display/DisplayAchievementMap.razor.rz.scp.css */
#map-canvas[b-mpp7dhqw7t] {
    position: fixed !important;
    top: 0;
    bottom: 0;
    height: auto;
    left: 0;
    right: 0;
    z-index: -1;

}

[b-mpp7dhqw7t] .activity_marker {
}

    [b-mpp7dhqw7t] .activity_marker .icon {
        width: 50px;
    }

    [b-mpp7dhqw7t] .activity_marker .info {
        opacity: 0;
        position: absolute;
        max-width: none;
    }

        [b-mpp7dhqw7t] .activity_marker .info.anchor_left {
            right: 65px;
        }

        [b-mpp7dhqw7t] .activity_marker .info.anchor_right {
            left: 65px;
        }

        [b-mpp7dhqw7t] .activity_marker .info.anchor_top {
            top: -150px;
        }

        [b-mpp7dhqw7t] .activity_marker .info.anchor_bottom {
            top: 65px;
        }

    [b-mpp7dhqw7t] .activity_marker .player-detail {
        opacity: 0;
        position: relative;
        background: #132228;
        border-bottom: 5px solid #38AB24;
        border-radius: 10px 10px 0px 0px;
        padding: 8px 60px;
        width: max-content;
        max-width: 500px;
        z-index: 1;
    }

    [b-mpp7dhqw7t] .activity_marker .player_name {
        font-size: 24px;
        color: #FFF;
    }

    [b-mpp7dhqw7t] .activity_marker .player_img {
        opacity: 0;
        border-radius: 35% 15% 30% 15% / 35% 15% 30% 15%;
        border-radius: 100%;
        width: 80px;
        height: 80px;
        background-color: grey;
        border-right-width: 5px;
        border-bottom-width: 5px;
        /**/
        position: absolute;
        left: -35px;
        top: -20px;
        background-position: center;
        background-size: cover;
        box-shadow: 0 0 20px -3px #000000a8;
    }

    [b-mpp7dhqw7t] .activity_marker .activity-detail {
        opacity: 0;
        position: relative;
        border-radius: 0 0 10px 5px;
        box-shadow: 5px 10px 10px -10px #38AB24, -5px 0px 10px -10px #38AB24;
        background: #FFF;
        color: #000;
        display: flex; 
        flex-direction: column;
    }

        [b-mpp7dhqw7t] .activity_marker .activity-detail.dark-theme {
            background: #132228;
            color: #FFF;
        }

    [b-mpp7dhqw7t] .activity_marker .activity_score {
        opacity: 0;
        color: white !important;
        /* width: 50px; */
        /*width: 10%;*/
        text-align: center;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        height: max-content;
        right: -25px;
        font-weight: bold;
        font-size: 24px;
        z-index: 1;
        background: var(--mud-palette-info);
        padding: 8px 8px;
        border-radius: 35% 0 35% 0;
    }

    [b-mpp7dhqw7t] .activity_marker.ts_under .activity_score {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    [b-mpp7dhqw7t] .activity_marker.ts_over .activity_score {
        background-color: var(--mud-palette-info);
    }

    [b-mpp7dhqw7t] .activity_marker.ts_even .activity_score {
        background-color: var(--mud-palette-gray-darker);
    }

    [b-mpp7dhqw7t] .activity_marker.no_score .activity_score {
        background-color: transparent;
        color: black !important;
    }

    [b-mpp7dhqw7t] .activity_marker .activity_name {
        opacity: 0;
        width: 100%;
        background: linear-gradient(to right, #38AB24, transparent);
        padding: 15px 70px 10px 20px;
        color: #FFF;
    }

        [b-mpp7dhqw7t] .activity_marker .activity_name * {
            opacity: 0;
        }

    [b-mpp7dhqw7t] .activity_marker.ts_under .activity_name {
        background: linear-gradient(to right, var(--mud-palette-error), transparent);
    }

    [b-mpp7dhqw7t] .activity_marker.ts_over .activity_name {
        background: linear-gradient(to right, var(--mud-palette-info), transparent);
    }

    [b-mpp7dhqw7t] .activity_marker.ts_even .activity_name {
        background: linear-gradient(to right, var(--mud-palette-gray-darker), transparent);
    }

    [b-mpp7dhqw7t] .activity_marker.no_score .activity_name {
        background: linear-gradient(to right, transparent, transparent);
    }

    [b-mpp7dhqw7t] .activity_marker .activity_location_name {
        opacity: 0;
        text-align: center;
        font-size: 22px;
        margin: 30px auto 10px;
    }
/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

@keyframes showfade-b-mpp7dhqw7t {
    100% {
        opacity: 1;
    }
}

@keyframes hidefade-b-mpp7dhqw7t {
    100% {
        opacity: 0;
    }
}

@keyframes delayed_show-b-mpp7dhqw7t {
    0%, 99% {
        opacity: 0;
        display: none;
    }

    100% {
        opacity: 1;
        display: flex;
    }
}

@keyframes show_scale-b-mpp7dhqw7t {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1.5);
        opacity: 0.2;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes hide_scale-b-mpp7dhqw7t {
    20% {
        transform: scale(1.2);
        opacity: 0.8;
    }

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes show_rotate-b-mpp7dhqw7t {
    0% {
        transform: scale(0) rotate(1690deg);
        opacity: 0;
    }

    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}

@keyframes show_slide_vertical-b-mpp7dhqw7t {
    0% {
        opacity: 1;
        max-height: 0;
        padding: 0;
    }

    99% {
        transition: max-height 0.5s ease-out, padding 0s;
        max-height: none;
    }

    100% {
        opacity: 1;
    }
}

@keyframes hide_slide_vertical-b-mpp7dhqw7t {
    99% {
        transition: max-height 0.5s ease-out, padding 0.5s ease-out;
        max-height: 0;
        padding: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes show_slide_horizontal-b-mpp7dhqw7t {
    0% {
        max-width: 0;
        padding: 0;
        opacity: 0;
    }

    90% {
        transition: max-width 0.5s ease-out, padding 0.5s ease-out;
        opacity: 1;
        max-width: 100%;
    }

    100% {
        transition: max-width 0.5s ease-out, padding 0.5s ease-out;
        opacity: 1;
        max-width: none;
    }
}

@keyframes hide_slide_horizontal-b-mpp7dhqw7t {
    30% {
        transition: max-width 0.5s ease-out, padding 0.5s ease-out;
        max-width: 0;
        padding: 0;
    }

    100% {
        transition: opacity 1.5s ease-out;
        opacity: 0;
        max-width: 0;
        padding: 0;
    }
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

[b-mpp7dhqw7t] .activity_marker.showinfo .info {
    --show-info-delay: 0s;
    animation: showfade-b-mpp7dhqw7t 1.5s linear forwards var(--show-info-delay);
}

    [b-mpp7dhqw7t] .activity_marker.showinfo .info .player-detail {
        animation: show_slide_horizontal-b-mpp7dhqw7t 0.3s linear forwards var(--show-info-delay);
    }

    [b-mpp7dhqw7t] .activity_marker.showinfo .info .activity-detail {
        animation: show_slide_vertical-b-mpp7dhqw7t 0.3s linear forwards Calc(var(--show-info-delay) + 0.9s);
    }

    [b-mpp7dhqw7t] .activity_marker.showinfo .info .player_img {
        animation: show_scale-b-mpp7dhqw7t 0.8s linear forwards Calc(var(--show-info-delay) + 1s);
    }

    [b-mpp7dhqw7t] .activity_marker.showinfo .info .activity_score {
        animation: show_rotate-b-mpp7dhqw7t 0.8s linear forwards Calc(var(--show-info-delay) + 1s);
    }

    [b-mpp7dhqw7t] .activity_marker.showinfo .info .activity_name {
        animation: show_slide_horizontal-b-mpp7dhqw7t 0.5s linear forwards Calc(var(--show-info-delay) + 1.2s);
    }

        [b-mpp7dhqw7t] .activity_marker.showinfo .info .activity_name * {
            animation: showfade-b-mpp7dhqw7t 1s linear forwards Calc(var(--show-info-delay) + 1.5s);
        }

    [b-mpp7dhqw7t] .activity_marker.showinfo .info .activity_location_name {
        animation: showfade-b-mpp7dhqw7t 1.5s linear forwards Calc(var(--show-info-delay) + 2.5s);
    }

    [b-mpp7dhqw7t] .activity_marker.showinfo .info .activity_statistic {
        animation: showfade-b-mpp7dhqw7t 1.5s linear forwards Calc(var(--show-info-delay) + 2.5s);
    }
/* | hide sequence : | */

[b-mpp7dhqw7t] .activity_marker.hidemarker .info .activity_score {
    --hide-delay: 0.2s;
    opacity: 1;
    animation: hide_scale-b-mpp7dhqw7t 0.5s linear forwards var(--hide-delay);
}

[b-mpp7dhqw7t] .activity_marker.hidemarker .info .activity-detail {
    --hide-delay: 0.5s;
    opacity: 1;
    animation: hide_slide_vertical-b-mpp7dhqw7t 0.5s linear forwards var(--hide-delay);
}

[b-mpp7dhqw7t] .activity_marker.hidemarker .info .player-detail {
    --hide-delay: 1.1s;
    opacity: 1;
    animation: hide_slide_horizontal-b-mpp7dhqw7t 1.5s linear forwards var(--hide-delay);
}

[b-mpp7dhqw7t] .activity_marker.hidemarker .icon {
    --hide-delay: 3s;
    opacity: 1;
    animation: hidefade-b-mpp7dhqw7t 5s linear forwards var(--hide-delay);
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

@keyframes animate_straight_drop-b-mpp7dhqw7t {
    0% {
        transform: translateY(var(--start-y)) scaleY(0.9);
        opacity: 0;
    }

    50% {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
    }

    75% {
        transform: translateY(-22px) scaleY(0.9);
    }

    100% {
        transform: translateY(0px) scaleY(1);
    }
}

[b-mpp7dhqw7t] .straight_drop .icon {
    --start-y: -200px;
    animation: animate_straight_drop-b-mpp7dhqw7t 0.8s linear forwards; /* var(--delay-time); */
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

@keyframes animate_angle_drop-b-mpp7dhqw7t {
    0% {
        transform: translate( var(--start-x), var(--start-y)) scaleY(0.9);
        opacity: 0;
    }

    50% {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
    }

    75% {
        transform: translateY(-22px) scaleY(0.9);
    }

    100% {
        transform: translateY(0px) scaleY(1);
    }
}

[b-mpp7dhqw7t] .angle_drop .icon {
    --start-x: 0;
    --start-y: -200px;
    animation: animate_angle_drop-b-mpp7dhqw7t 0.8s linear forwards;
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

@keyframes animate_angle_drop_roll-b-mpp7dhqw7t {
    0% {
        transform: translate( calc(var(--start-x) + (var(--land-x) * var(--direction-switch))), var(--start-y)) scaleY(0.5) rotate(calc(var(--start-rotate) * var(--direction-switch)));
        opacity: 0;
    }

    37% {
        transform: translate( calc(var(--land-x) * var(--direction-switch)), 0px) scaleY(0.7) rotate(calc(var(--mid-rotate) * var(--direction-switch)));
        opacity: 1;
    }

    100% {
        transform: translate( 0px, 0px) scaleY(1) rotate(0deg);
    }
}

[b-mpp7dhqw7t] .angle_drop_roll .icon {
    --direction-switch: 1;
    --start-x: 700px;
    --start-y: -700px;
    --land-x: 200px;
    --start-rotate: 1690deg;
    --mid-rotate: 420deg;
    animation: animate_angle_drop_roll-b-mpp7dhqw7t 2s linear forwards;
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */
/* _content/ScoreCapture.Web/Components/Pages/Featureboards/Display/DisplayClub.razor.rz.scp.css */

table[b-7chwel7lug] {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-spacing: 0 10px;
    width: 100%;
    /*background-color: rgba(255,255,255,0.7);*/
    font-size: 32px;
    border-spacing: 0px 8px;
    font-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
}


thead[b-7chwel7lug] {
    background-color: rgba(18,45,42,0.7);
}

th[b-7chwel7lug] {
    /*background-color: rgba(18,45,42,0.7);*/
    background: #122D2A;
    color: white !important;
    text-align: left;
    padding: 5px 10px;
}

    th:nth-child(1)[b-7chwel7lug] {
        border-top-left-radius: 20px;
    }

    th:nth-last-child(1)[b-7chwel7lug] {
        border-top-right-radius: 20px;
    }

td[b-7chwel7lug] {
    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(238,240,240,1) 51%);
    color: black;
    padding: 10px 15px;
}

    th:not(.player)[b-7chwel7lug],
    td:not(.player)[b-7chwel7lug] {
        text-align: center;
    }

tr:nth-of-type(odd)[b-7chwel7lug] {
    /*background-color: rgba(255,255,255,0.7);*/
}

.tournamentscore[b-7chwel7lug] {
    color: white !important;
    /*width: 30px;*/
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 3;
}

    .tournamentscore[b-7chwel7lug]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 65px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-7chwel7lug]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-7chwel7lug]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-7chwel7lug]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-7chwel7lug],
    .tournamentscore.no_score[b-7chwel7lug]:after {
        background-color: transparent;
        color: black !important;
    }

.countryflag[b-7chwel7lug] {
    margin-bottom: -1px;
}

[b-7chwel7lug] .teamchip {
    min-width: 85px;
    text-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 700px) {
    .tournamentscore[b-7chwel7lug]:after {
        width: 30px;
        height: 30px;
    }
}

[b-7chwel7lug] .settings .mud-checkbox .mud-primary-text input:checked + svg {
    color: var(--mud-palette-primary);
}

.btn[b-7chwel7lug] {
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.btn-primary[b-7chwel7lug] {
    background: var(--mud-palette-primary);
}

    .btn-primary:hover[b-7chwel7lug] {
        background: var(--mud-palette-primary-darken);
    }

.headertitle[b-7chwel7lug] {
    width: 100%;
}

    .headertitle h1[b-7chwel7lug] {
        background: var(--mud-palette-info);
        padding: 0 8px;
        height: 60%;
        display: flex;
        align-items: center;
    }

    .headertitle h2[b-7chwel7lug] {
        background: var(--mud-palette-info-darken);
        padding: 0 8px;
        height: 40%;
        display: flex;
        align-items: center;
    }

    .headertitle .leaderboardname[b-7chwel7lug] {
        margin: 0 0 0 auto;
    }

    .headertitle .leadername[b-7chwel7lug] {
        margin: 0 0 0 auto;
    }


/************************************************/
/*| Match Play header ----------------------------------------------------------------------------------------------*/

[b-7chwel7lug] .matchplay-table-header {
    background: var(--mud-palette-dark);
    background: var(--mud-palette-appbar-background);
    margin: auto;
    width: 100%;
}

[b-7chwel7lug] .team-a-displayname, [b-7chwel7lug] .team-b-displayname {
    background: transparent;
    box-shadow: none;
}

    [b-7chwel7lug] .team-a-displayname * {
        color: var(--team-a-colour);
        color: #FFF;
        font-weight: bold;
    }

    [b-7chwel7lug] .team-b-displayname * {
        color: var(--team-b-colour);
        color: #FFF;
        font-weight: bold;
    }

[b-7chwel7lug] .team-totalscore .mud-card {
    height: 90%;
    width: 15vw;
    position: relative;
    z-index: 1;
}

    [b-7chwel7lug] .team-totalscore .mud-card .mud-card-content {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

[b-7chwel7lug] .team-a-totalscore {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-7chwel7lug] .team-b-totalscore {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-7chwel7lug] .team-a-totalscore *, [b-7chwel7lug] .team-b-totalscore * {
        font-weight: bold;
    }


/*---*/
[b-7chwel7lug] .matchplay-table-header.team-a-lead .team-a-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    left: -11px;
    transform: skew(20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 0 2px;
}

[b-7chwel7lug] .matchplay-table-header.team-a-lead .team-a-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    left: -11px;
    transform: skew(-20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 2px 0;
}
/*---*/
[b-7chwel7lug] .matchplay-table-header.team-b-lead .team-b-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    right: -11px;
    transform: skew(-20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 2px 0;
}

[b-7chwel7lug] .matchplay-table-header.team-b-lead .team-b-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    right: -11px;
    transform: skew(20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 0 2px;
}

/*---*/

[b-7chwel7lug] .matchplay-table-header .team-a-projected-score .mud-typography {
    background: var(--team-a-colour-contrast);
    color: var(--team-a-colour);
    padding: 0 10px;
    border-radius: 100px;
}

[b-7chwel7lug] .matchplay-table-header .team-b-projected-score .mud-typography {
    background: var(--team-b-colour-contrast);
    color: var(--team-b-colour);
    padding: 0 10px;
    border-radius: 100px;
}

/*| Match Play table items ----------------------------------------------------------------------------------------------*/

[b-7chwel7lug] .matchplay {
    margin: -8px -9px;
    width: calc(100% + 17px);
}

    [b-7chwel7lug] .matchplay td {
        padding: 12px;
    }


[b-7chwel7lug] .matchplay-player {
    position: relative;
}

    [b-7chwel7lug] .matchplay-player:before {
        content: '';
        position: absolute;
        background: transparent;
        width: 5px;
        height: 100%;
        top: 0;
    }

    [b-7chwel7lug] .matchplay-player.team-a:before {
        background: var(--team-a-colour);
        left: 0;
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }

    [b-7chwel7lug] .matchplay-player.team-b:before {
        background: var(--team-b-colour);
        right: 0;
        box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }


[b-7chwel7lug] .team-a .player-name {
    text-align: left;
}

[b-7chwel7lug] .team-b .player-name {
    text-align: right;
}

[b-7chwel7lug] .matchplay-outcome {
    position: relative;
}

    [b-7chwel7lug] .matchplay-outcome .mud-card {
        background-color: black;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
        border-radius: 0;
    }

        [b-7chwel7lug] .matchplay-outcome .mud-card * {
            z-index: 1;
            font-weight: bold;
            line-height: 32px;
        }

    [b-7chwel7lug] .matchplay-outcome .mud-card-content {
        padding: 3px 8px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-width: 125px;
        max-width: 150px;
    }

[b-7chwel7lug] .matchplay hr.matchplay-summmary-divider {
    width: Calc(100% - 35px);
    margin: -1px auto;
    border-image: linear-gradient(to right, var(--team-a-colour), var(--team-b-colour)) 30;
    opacity: 0.5;
}

[b-7chwel7lug] .match-complete hr.matchplay-summmary-divider {
    display: none;
}
/*** MatchPlay Round Outcome ***/

[b-7chwel7lug] .team-a-lead .matchplay-outcome .mud-card {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

    [b-7chwel7lug] .team-a-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(20deg);
        bottom: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: -0.6px 0.5px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-a-colour);
    }

    [b-7chwel7lug] .team-a-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(-20deg);
        top: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-7chwel7lug] .team-b-lead .matchplay-outcome .mud-card {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-7chwel7lug] .team-b-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(-20deg);
        bottom: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: 0.5px -0.6px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-b-colour);
    }

    [b-7chwel7lug] .team-b-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(20deg);
        top: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-7chwel7lug] .team-a-lead.match-complete .matchplay-player.team-a {
    background: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-7chwel7lug] .team-b-lead.match-complete .matchplay-player.team-b {
    background: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

[b-7chwel7lug] .match-complete .matchplay-player:before,
[b-7chwel7lug] .match-complete .matchplay-outcome .mud-card:before {
    box-shadow: none !important;
}

[b-7chwel7lug] .team-a-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-a-colour);
}

[b-7chwel7lug] .team-b-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-b-colour);
}



.leaderboard-container[b-7chwel7lug] {
}


.fade-in[b-7chwel7lug] {
    animation: slide-in-up-b-7chwel7lug 0.5s ease-out forwards;
}

.fade-out[b-7chwel7lug] {
    animation: slide-out-up-b-7chwel7lug 0.5s ease-out forwards;
}

@keyframes slide-in-up-b-7chwel7lug {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-up-b-7chwel7lug {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}
/* _content/ScoreCapture.Web/Components/Pages/Featureboards/Display/DisplayNational.razor.rz.scp.css */

table[b-hhxrjovw0w] {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-spacing: 0 10px;
    width: 100%;
    /*background-color: rgba(255,255,255,0.7);*/
    font-size: 32px;
    border-spacing: 0px 8px;
    font-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
}


thead[b-hhxrjovw0w] {
    background-color: rgba(18,45,42,0.7);
}

th[b-hhxrjovw0w] {
    /*background-color: rgba(18,45,42,0.7);*/
    background: #122D2A;
    color: white !important;
    text-align: left;
    padding: 5px 10px;
}

    th:nth-child(1)[b-hhxrjovw0w] {
        border-top-left-radius: 20px;
    }

    th:nth-last-child(1)[b-hhxrjovw0w] {
        border-top-right-radius: 20px;
    }

td[b-hhxrjovw0w] {
    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(238,240,240,1) 51%);
    color: black;
    padding: 10px 15px;
}

    th:not(.player)[b-hhxrjovw0w],
    td:not(.player)[b-hhxrjovw0w] {
        text-align: center;
    }

tr:nth-of-type(odd)[b-hhxrjovw0w] {
    /*background-color: rgba(255,255,255,0.7);*/
}

.tournamentscore[b-hhxrjovw0w] {
    color: white !important;
    /*width: 30px;*/
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 3;
}

    .tournamentscore[b-hhxrjovw0w]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 65px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-hhxrjovw0w]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-hhxrjovw0w]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-hhxrjovw0w]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-hhxrjovw0w],
    .tournamentscore.no_score[b-hhxrjovw0w]:after {
        background-color: transparent;
        color: black !important;
    }

.countryflag[b-hhxrjovw0w] {
    margin-bottom: -1px;
}

[b-hhxrjovw0w] .teamchip {
    min-width: 85px;
    text-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 700px) {
    .tournamentscore[b-hhxrjovw0w]:after {
        width: 30px;
        height: 30px;
    }
}

[b-hhxrjovw0w] .settings .mud-checkbox .mud-primary-text input:checked + svg {
    color: var(--mud-palette-primary);
}

.btn[b-hhxrjovw0w] {
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.btn-primary[b-hhxrjovw0w] {
    background: var(--mud-palette-primary);
}

    .btn-primary:hover[b-hhxrjovw0w] {
        background: var(--mud-palette-primary-darken);
    }

.headertitle[b-hhxrjovw0w] {
    width: 100%;
}

    .headertitle h1[b-hhxrjovw0w] {
        background: var(--mud-palette-info);
        padding: 0 8px;
        height: 60%;
        display: flex;
        align-items: center;
    }

    .headertitle h2[b-hhxrjovw0w] {
        background: var(--mud-palette-info-darken);
        padding: 0 8px;
        height: 40%;
        display: flex;
        align-items: center;
    }

    .headertitle .leaderboardname[b-hhxrjovw0w] {
        margin: 0 0 0 auto;
    }

    .headertitle .leadername[b-hhxrjovw0w] {
        margin: 0 0 0 auto;
    }


/************************************************/
/*| Match Play header ----------------------------------------------------------------------------------------------*/

[b-hhxrjovw0w] .matchplay-table-header {
    background: var(--mud-palette-dark);
    background: var(--mud-palette-appbar-background);
    margin: auto;
    width: 100%;
}

[b-hhxrjovw0w] .team-a-displayname, [b-hhxrjovw0w] .team-b-displayname {
    background: transparent;
    box-shadow: none;
}

    [b-hhxrjovw0w] .team-a-displayname * {
        color: var(--team-a-colour);
        color: #FFF;
        font-weight: bold;
    }

    [b-hhxrjovw0w] .team-b-displayname * {
        color: var(--team-b-colour);
        color: #FFF;
        font-weight: bold;
    }

[b-hhxrjovw0w] .team-totalscore .mud-card {
    height: 90%;
    width: 15vw;
    position: relative;
    z-index: 1;
}

    [b-hhxrjovw0w] .team-totalscore .mud-card .mud-card-content {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

[b-hhxrjovw0w] .team-a-totalscore {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-hhxrjovw0w] .team-b-totalscore {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-hhxrjovw0w] .team-a-totalscore *, [b-hhxrjovw0w] .team-b-totalscore * {
        font-weight: bold;
    }


/*---*/
[b-hhxrjovw0w] .matchplay-table-header.team-a-lead .team-a-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    left: -11px;
    transform: skew(20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 0 2px;
}

[b-hhxrjovw0w] .matchplay-table-header.team-a-lead .team-a-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    left: -11px;
    transform: skew(-20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 2px 0;
}
/*---*/
[b-hhxrjovw0w] .matchplay-table-header.team-b-lead .team-b-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    right: -11px;
    transform: skew(-20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 2px 0;
}

[b-hhxrjovw0w] .matchplay-table-header.team-b-lead .team-b-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    right: -11px;
    transform: skew(20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 0 2px;
}

/*---*/

[b-hhxrjovw0w] .matchplay-table-header .team-a-projected-score .mud-typography {
    background: var(--team-a-colour-contrast);
    color: var(--team-a-colour);
    padding: 0 10px;
    border-radius: 100px;
}

[b-hhxrjovw0w] .matchplay-table-header .team-b-projected-score .mud-typography {
    background: var(--team-b-colour-contrast);
    color: var(--team-b-colour);
    padding: 0 10px;
    border-radius: 100px;
}

/*| Match Play table items ----------------------------------------------------------------------------------------------*/

[b-hhxrjovw0w] .matchplay {
    margin: -8px -9px;
    width: calc(100% + 17px);
}

    [b-hhxrjovw0w] .matchplay td {
        padding: 12px;
    }


[b-hhxrjovw0w] .matchplay-player {
    position: relative;
}

    [b-hhxrjovw0w] .matchplay-player:before {
        content: '';
        position: absolute;
        background: transparent;
        width: 5px;
        height: 100%;
        top: 0;
    }

    [b-hhxrjovw0w] .matchplay-player.team-a:before {
        background: var(--team-a-colour);
        left: 0;
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }

    [b-hhxrjovw0w] .matchplay-player.team-b:before {
        background: var(--team-b-colour);
        right: 0;
        box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }


[b-hhxrjovw0w] .team-a .player-name {
    text-align: left;
}

[b-hhxrjovw0w] .team-b .player-name {
    text-align: right;
}

[b-hhxrjovw0w] .matchplay-outcome {
    position: relative;
}

    [b-hhxrjovw0w] .matchplay-outcome .mud-card {
        background-color: black;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
        border-radius: 0;
    }

        [b-hhxrjovw0w] .matchplay-outcome .mud-card * {
            z-index: 1;
            font-weight: bold;
            line-height: 32px;
        }

    [b-hhxrjovw0w] .matchplay-outcome .mud-card-content {
        padding: 3px 8px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-width: 125px;
        max-width: 150px;
    }

[b-hhxrjovw0w] .matchplay hr.matchplay-summmary-divider {
    width: Calc(100% - 35px);
    margin: -1px auto;
    border-image: linear-gradient(to right, var(--team-a-colour), var(--team-b-colour)) 30;
    opacity: 0.5;
}

[b-hhxrjovw0w] .match-complete hr.matchplay-summmary-divider {
    display: none;
}
/*** MatchPlay Round Outcome ***/

[b-hhxrjovw0w] .team-a-lead .matchplay-outcome .mud-card {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

    [b-hhxrjovw0w] .team-a-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(20deg);
        bottom: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: -0.6px 0.5px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-a-colour);
    }

    [b-hhxrjovw0w] .team-a-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(-20deg);
        top: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-hhxrjovw0w] .team-b-lead .matchplay-outcome .mud-card {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-hhxrjovw0w] .team-b-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(-20deg);
        bottom: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: 0.5px -0.6px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-b-colour);
    }

    [b-hhxrjovw0w] .team-b-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(20deg);
        top: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-hhxrjovw0w] .team-a-lead.match-complete .matchplay-player.team-a {
    background: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-hhxrjovw0w] .team-b-lead.match-complete .matchplay-player.team-b {
    background: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

[b-hhxrjovw0w] .match-complete .matchplay-player:before,
[b-hhxrjovw0w] .match-complete .matchplay-outcome .mud-card:before {
    box-shadow: none !important;
}

[b-hhxrjovw0w] .team-a-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-a-colour);
}

[b-hhxrjovw0w] .team-b-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-b-colour);
}



.leaderboard-container[b-hhxrjovw0w] {
}


.fade-in[b-hhxrjovw0w] {
    animation: slide-in-up-b-hhxrjovw0w 0.5s ease-out forwards;
}

.fade-out[b-hhxrjovw0w] {
    animation: slide-out-up-b-hhxrjovw0w 0.5s ease-out forwards;
}

@keyframes slide-in-up-b-hhxrjovw0w {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out-up-b-hhxrjovw0w {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}
/* _content/ScoreCapture.Web/Components/Pages/Featureboards/LiveMap/ClubMap.razor.rz.scp.css */
.scroll-container[b-60chjqw9nk] {
    height: 80vh;
    overflow: hidden;
    position: relative;
}

.scroll-content[b-60chjqw9nk] {
    height: 100%;
    overflow-y: auto;
}
/* _content/ScoreCapture.Web/Components/Pages/Home.razor.rz.scp.css */
@font-face {
    font-family: 'raleway-bold';
    src: url('/fonts/raleway/static/raleway-bold.ttf') format('truetype');
}

main[b-vzoswqr2rb]  * {
    --primary-color: #419A45;
    --primary-dark-color: #419A45;
    --text-color-light: #FFF;
    --text-color-dark: #000;
    --background-light: #ECF5EC;
}

body[b-vzoswqr2rb] {
    /*font-family: var(--font-family);*/
    font-family: "Montserrat", sans-serif;
    color: var(--text-color-dark);
    line-height: 1.6;
    background-color: #fff; /* Default background */
}


.container[b-vzoswqr2rb] {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

section[b-vzoswqr2rb] {
    background-image: url('images/subtle-bg.jpg');
    background-color: var(--background-light);
    background-size: cover;
    background-repeat: repeat;
}

img[b-vzoswqr2rb] {
    max-width: 100%;
    height: auto;
    display: block;
}

a[b-vzoswqr2rb] {
    text-decoration: none;
    color: var(--primary-color);
}

h1[b-vzoswqr2rb], h2[b-vzoswqr2rb], h3[b-vzoswqr2rb] {
    margin-bottom: 1rem;
    line-height: 1.3;
    font-weight: 700;
    font-family: raleway-bold;
}

h1[b-vzoswqr2rb] {
    font-size: 3rem;
    font-weight: 900;
}

h2[b-vzoswqr2rb] {
    font-size: 2.2rem;
}

h3[b-vzoswqr2rb] {
    font-size: 1.5rem;
}

.section-padding[b-vzoswqr2rb] {
    padding: 60px 0;
}

.section-padding-small[b-vzoswqr2rb] {
    padding: 30px 0;
}

.text-center[b-vzoswqr2rb] {
    text-align: center;
}

.bg-primary-dark[b-vzoswqr2rb] {
    background-color: var(--primary-dark-color);
    color: var(--text-color-light);
}

.light-text[b-vzoswqr2rb] {
    color: var(--text-color-light) !important;
}


/* Header */
header[b-vzoswqr2rb] {
    background-color: var(--background-light);
    padding: 15px 0;
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
}

.nav-container[b-vzoswqr2rb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .logo img[b-vzoswqr2rb] {
    height: 40px;
}

header nav ul[b-vzoswqr2rb] {
    list-style: none;
    display: flex;
}

    header nav ul li a[b-vzoswqr2rb] {
        padding: 10px 15px;
        color: var(--text-color-dark);
        font-weight: 500;
        transition: color 0.3s ease;
    }

        header nav ul li a:hover[b-vzoswqr2rb] {
            color: var(--primary-color);
        }

.search-bar[b-vzoswqr2rb] {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-color);
    border-radius: 20px;
    padding: 5px 5px 5px 15px;
    background-color: #fff;
}

    .search-bar input[b-vzoswqr2rb] {
        border: none;
        outline: none;
        background: transparent;
        width: 150px; /* Adjust as needed */
    }

    .search-bar button[b-vzoswqr2rb] {
        background: var(--primary-color);
        border: none;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

.search-icon-img[b-vzoswqr2rb] {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1); /* Make icon white */
}

.menu-toggle[b-vzoswqr2rb] {
    display: none;
}
/* For mobile */

/* Hero Section */
.hero[b-vzoswqr2rb] {
    background-image: url('images/main-banner-bg.jpg'); /* Add your pattern */
    background-color: var(--background-light);
    background-size: cover; /* Or 'contain' or fixed size depending on pattern */
    background-repeat: repeat;
    padding: 80px 0;
    text-align: left;
    position: relative;
}

.hero-content[b-vzoswqr2rb] {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Align to left */
}

.hero-text[b-vzoswqr2rb] {
    max-width: 600px;
    
}

.hero h1[b-vzoswqr2rb] {
    color: var(--text-color-dark);
    margin-bottom: 1rem;
    font-family: raleway-bold;
    font-size:5rem;
}

.hero p[b-vzoswqr2rb] {
    font-size: 1.5rem;
    font-weight:450;
    margin-bottom: 2rem;
    color: var(--text-color-dark);
}

.hero-actions[b-vzoswqr2rb] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.hero .qr-code[b-vzoswqr2rb] {
    width: 150px; /* Adjust size */
    height: 150px;
    border: 5px solid white;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.app-stores[b-vzoswqr2rb] {
    display: flex;
    gap: 15px;
}

    .app-stores a img[b-vzoswqr2rb] {
        height: 40px; /* Adjust size */
    }

    .app-stores span[b-vzoswqr2rb] { /* For 'Free download' text */
        display: block;
        margin-top: 10px;
        font-size: 0.9rem;
        color: var(--text-color-dark);
    }

.fab-chat[b-vzoswqr2rb] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25D366; /* WhatsApp Green */
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    font-weight: 500;
    z-index: 999;
}

    .fab-chat img[b-vzoswqr2rb] {
        width: 20px;
        height: 20px;
    }


/* Features Overview */
.features-overview[b-vzoswqr2rb] {
    padding: 60px 0;
    background-color: #fff; /* Section background */
}

.features-grid[b-vzoswqr2rb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    text-align: center;
}

.feature-item img[b-vzoswqr2rb] {
    width: 80px; /* Adjust icon size */
    height: 80px;
    margin: 0 auto 15px auto;
}

.feature-item h3[b-vzoswqr2rb] {
    color: var(--text-color-dark);
}

.feature-item p[b-vzoswqr2rb] {
    font-size: 0.95rem;
    color: #555;
}

@media (min-width: 933px) and (max-width: 1244px) {
    .features-grid[b-vzoswqr2rb] {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }
}

@media (min-width: 1280px) and (max-width: 1484px) {
    .mud-drawer-open-responsive-lg-left .features-grid[b-vzoswqr2rb] {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }
}

/* Two Column Layout (Effortless Scoring, Track Better, Final CTA) */
.two-col-layout[b-vzoswqr2rb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
    position: relative;
}

    .two-col-layout.reverse-layout .image-showcase[b-vzoswqr2rb] {
        order: 2;
    }

    .two-col-layout.reverse-layout .text-content[b-vzoswqr2rb] {
        order: 1;
    }

.image-showcase[b-vzoswqr2rb] {
    position: relative;
    min-height: 400px; /* Ensure space for absolutely positioned images */
}

    .image-showcase .phone-main[b-vzoswqr2rb] {
        width: 95%; /* Adjust as per design */
        position: relative; /* For z-index if needed */
        z-index: 2;
        margin-left: 10%; /* Example positioning */
        /*box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        border-radius: 20px;*/
    }

    .image-showcase .phone-secondary[b-vzoswqr2rb] {
        width: 50%; /* Adjust as per design */
        position: absolute;
        z-index: 1;
        top: 10%; /* Example positioning */
        right: 5%; /* Example positioning */
        /*box-shadow: 0 8px 25px rgba(0,0,0,0.1);
        border-radius: 20px;*/
    }

.two-col-layout:has(.upper-back-image-showcase)[b-vzoswqr2rb] {
    margin-top: 70px;
}
    .two-col-layout:has(.upper-back-image-showcase) .image-showcase[b-vzoswqr2rb] {
        margin-top: -20px;
    }

    .two-col-layout:has(.upper-back-image-showcase) .text-content[b-vzoswqr2rb] {
        z-index: 2;
        margin-top: 30px;
    }
.upper-back-image-showcase[b-vzoswqr2rb] {
    position: absolute;
    top: -150px;
    left: 0;
    right: 0;
    margin: auto;
    height: 230px;
    width: auto;
    border-radius: 5px;
    overflow: hidden;
}
    .upper-back-image-showcase img[b-vzoswqr2rb] {
        height: 100%;
        width: 100%;
        margin: auto;
        object-fit: cover;
    }


/* Specific adjustments for final CTA mockups */
.cta-secondary-1[b-vzoswqr2rb] {
    top: 5%;
    right: 25%;
    width: 40%;
}

.cta-secondary-2[b-vzoswqr2rb] {
    top: 30%;
    right: 0%;
    width: 45%;
}


.text-content h1[b-vzoswqr2rb] {
    color: var(--text-color-dark);
    margin-bottom: 1.1rem;
    padding-top:3rem;
}

.text-content h2[b-vzoswqr2rb] {
    color: var(--text-color-dark);
    margin-bottom: 1.5rem;
}

.text-content p[b-vzoswqr2rb] {
    margin-bottom: 1.5rem;
    line-height:1.8;
    color: #444;
    font-weight:400;
    font-size:1rem;
}

/* Badge Up Section */
.badge-up[b-vzoswqr2rb] {
    background-image: url('images/badge-up-banner-bg.jpg');
    background-color: var(--background-light);
    background-size: cover;
    background-repeat: repeat;
}

.badges-grid[b-vzoswqr2rb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 20px;
    margin-top: 30px;
    justify-items: center;
}

    .badges-grid img[b-vzoswqr2rb] {
        width: 70px; /* Adjust badge size */
        height: 70px;
    }

/* Join Club Section */
.join-club-header[b-vzoswqr2rb] {
    text-align: center;
    margin-bottom: 40px;
}

    .join-club-header .full-width-image[b-vzoswqr2rb] {
        width: 100%;
        max-height: 300px;
        object-fit: cover;
        border-radius: 8px;
        margin-bottom: 20px;
    }

    .join-club-header h2[b-vzoswqr2rb] {
        margin-top: 20px;
    }

.cards-grid[b-vzoswqr2rb] {
    display: grid;
    gap: 30px;
}

    .cards-grid.three-cols[b-vzoswqr2rb] {
        grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
    }

    .cards-grid.two-cols[b-vzoswqr2rb] {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }

.card[b-vzoswqr2rb] {
    background-color: transparent;
    padding: 25px;
    border: 2px solid var(--primary-color); /* Green border */
    border-radius: 8px;
    box-shadow: var(--card-shadow);
    display: flex;
    flex-direction: column;
}

    .card.light-card[b-vzoswqr2rb] { /* For cards on dark background */
        background-color: #fff;
        border-color: #fff;
        color: var(--text-color-dark); /* Ensure text is dark */
    }

        .card.light-card h3[b-vzoswqr2rb], .card.light-card p[b-vzoswqr2rb] {
            color: var(--text-color-dark);
        }

        .card.light-card .read-more[b-vzoswqr2rb] {
            color: var(--primary-color); /* Green link on light card */
            border: 1px solid var(--primary-color);
        }

            .card.light-card .read-more:hover[b-vzoswqr2rb] {
                background-color: var(--primary-color);
                color: white;
            }


.card-icon[b-vzoswqr2rb] {
    width: 60px; /* Adjust icon size */
    height: 60px;
    margin-bottom: 15px;
    object-fit: contain;
}

.card h3[b-vzoswqr2rb] {
    margin-bottom: 10px;
    color: var(--text-color-dark);
    color: var(--primary-color);
}

.card p[b-vzoswqr2rb] {
    font-size: 0.95rem;
    color: #555;
    flex-grow: 1;
    margin-bottom: 15px;
}

.read-more[b-vzoswqr2rb] {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    border-radius: 20px;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s;
    align-self: flex-start; /* Align to the start of the flex container */
}

    .read-more:hover[b-vzoswqr2rb] {
        background-color: var(--primary-color);
        color: white;
    }


    .read-more.borderless[b-vzoswqr2rb],
    .card.light-card .read-more.borderless[b-vzoswqr2rb] {
        border: 0px solid var(--primary-color);
        color: var(--text-color-dark);
        text-decoration: underline;
        text-decoration-color: var(--primary-color);
        text-underline-offset: 8px;
        text-decoration-thickness: 2px;
        padding: 0;
        margin-top: 8px;
    }
        .read-more.borderless:hover[b-vzoswqr2rb],
        .card.light-card .read-more.borderless:hover[b-vzoswqr2rb] {
            background-color: var(--primary-color);
            color: white;
            padding: 8px 15px;
            margin: -8px -15px;
        }



.card-bottom-image[b-vzoswqr2rb] {
    margin-top: 20px;
    border-radius: 6px;
    width: 100%;
    aspect-ratio: 16/9; /* Or fixed height */
    object-fit: cover;
}

.card-top-image[b-vzoswqr2rb] {
    margin-bottom: 20px;
    border-radius: 6px;
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}


/* Social Gallery */
.social-gallery[b-vzoswqr2rb] {
    background-color: var(--background-light); /* Light green tint */
}

.gallery-grid[b-vzoswqr2rb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    background-image: url('images/badge-up-banner-bg.jpg');
    background-color: var(--background-light);
    background-size: cover;
    background-repeat: repeat;
    padding-left: 50px;
    padding-right: 50px;
}

    .gallery-grid img[b-vzoswqr2rb] {
        width: 100%;
        max-width:200px;
        height:auto;
        border-radius: 8px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        margin: auto;
    }

@media (min-width: 910px) and (max-width: 1189px) {
    .gallery-grid[b-vzoswqr2rb] {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }
}

@media (min-width: 1280px) and (max-width: 1429px) {
    .mud-drawer-open-responsive-lg-left .gallery-grid[b-vzoswqr2rb] {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }
}

/* Testimonials */
.testimonial-grid[b-vzoswqr2rb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.testimonial-card[b-vzoswqr2rb] {
    background-color: var(--background-light); /* Light green tint for cards */
    padding: 30px 25px 75px 25px; /* More padding at bottom for quote mark */
    border-radius: 8px;
    position: relative; /* For quote mark positioning */
    box-shadow: var(--card-shadow);
}

    .testimonial-card .stars[b-vzoswqr2rb] {
        color: var(--primary-color); /* Green stars */
        font-size: 1.5rem;
        margin-bottom: 10px;
        text-align: center;
    }

    .testimonial-card p[b-vzoswqr2rb] {
        font-style: italic;
        color: #444;
        margin-bottom: 15px;
        font-size: 0.95rem;
    }

    .testimonial-card .author[b-vzoswqr2rb] {
        display: block;
        font-weight: 600;
        color: var(--text-color-dark);
        position: absolute;
        bottom: 20px;
        left: 25px;
        max-width: Calc(100% - 100px);
    }

    .testimonial-card .quote-mark[b-vzoswqr2rb] {
        position: absolute;
        bottom: 5px;
        right: 20px;
        font-size: 5rem; /* Large quote mark */
        font-weight: 900;
        color: var(--primary-color);
        opacity: 0.8;
        line-height: 1;
    }

    .testimonial-card .quote-mark-icon[b-vzoswqr2rb] {
        position: absolute;
        bottom: -25px;
        right: -20px;
        width: 70px;
        height: 70px;
        object-fit: contain;
    }

/* Final CTA */
.final-cta[b-vzoswqr2rb] {
    background-image: url('images/subtle-bg.jpg');
    background-color: var(--background-light);
    background-size: cover;
    background-repeat: repeat;
}

    .final-cta .text-content[b-vzoswqr2rb] {
        padding-left: 30px; /* Give some space from images */
    }

        .final-cta .text-content h2[b-vzoswqr2rb] {
            font-size: 2.5rem; /* Slightly larger if needed */
        }

    .final-cta .hero-actions[b-vzoswqr2rb] { /* Re-use hero actions style */
        margin-top: 20px;
    }


/* Footer */
footer[b-vzoswqr2rb] {
    background-image: url('images/footer.png');
    background-size: cover;
    background-repeat: repeat;
    background-color: var(--primary-dark-color);
    color: var(--text-color-light);
    padding: 40px 0;
    text-align: center;
}

.footer-content[b-vzoswqr2rb] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

footer .logo img[b-vzoswqr2rb] {
    height: 45px;
    filter: brightness(0) invert(1); /* Make logo white */
}

.copyright[b-vzoswqr2rb] {
    font-size: 0.9rem;
    color: #FFFFFFa1;
}

.social-links a[b-vzoswqr2rb] {
    margin: 0 10px;
}

.social-links img[b-vzoswqr2rb] {
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(1); /* Make icons white */
    display: inline-block; /* To align them horizontally */
}

footer .social-links[b-vzoswqr2rb] {
    position: absolute;
    right: 30px;
    bottom: 69px;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .nav-container[b-vzoswqr2rb] {
        flex-wrap: wrap;
    }

    header nav[b-vzoswqr2rb] {
        display: none; /* Hidden by default on mobile */
        width: 100%;
        order: 3; /* Place below logo and search/toggle */
        margin-top: 15px;
    }

        header nav.active[b-vzoswqr2rb] {
            display: block;
        }
        /* Show when toggled */
        header nav ul[b-vzoswqr2rb] {
            flex-direction: column;
        }

            header nav ul li[b-vzoswqr2rb] {
                width: 100%;
                text-align: center;
            }

                header nav ul li a[b-vzoswqr2rb] {
                    display: block;
                    padding: 15px;
                    border-bottom: 1px solid #eee;
                }

    .search-bar[b-vzoswqr2rb] {
        flex-grow: 1;
        margin-right: 15px;
    }

    .menu-toggle[b-vzoswqr2rb] {
        display: block;
        background: none;
        border: none;
        font-size: 1.8rem;
        cursor: pointer;
        color: var(--text-color-dark);
    }

    .hero-content[b-vzoswqr2rb] {
        flex-direction: column;
        text-align: center;
    }

    .hero-text[b-vzoswqr2rb] {
        max-width: 100%;
    }

    .hero-actions[b-vzoswqr2rb] {
        justify-content: center;
        flex-direction: column;
        gap: 25px;
    }

    .hero .qr-code[b-vzoswqr2rb] {
        margin-bottom: 15px;
    }


    .two-col-layout[b-vzoswqr2rb],
    .two-col-layout.reverse-layout[b-vzoswqr2rb] {
        grid-template-columns: 1fr; /* Stack columns */
        text-align: center;
    }

        .two-col-layout.reverse-layout .image-showcase[b-vzoswqr2rb] {
            order: 1;
        }
        /* Reset order for stacking */
        .two-col-layout.reverse-layout .text-content[b-vzoswqr2rb] {
            order: 2;

        }
        .two-col-layout:has(.upper-back-image-showcase) .text-content[b-vzoswqr2rb] {
            margin-top: 0;
        }

    .image-showcase[b-vzoswqr2rb] {
        margin-bottom: 30px;
        min-height: 300px;
    }

        .image-showcase .phone-main[b-vzoswqr2rb] {
            margin-left: auto;
            margin-right: auto;
        }

        .image-showcase .phone-secondary[b-vzoswqr2rb] {
            right: auto;
            left: 50%;
            transform: translateX(-40%);
            width: 45%;
            top: 20%;
        }

    .cta-secondary-1[b-vzoswqr2rb] {
        left: 10%;
        transform: none;
        top: 5%;
    }

    .cta-secondary-2[b-vzoswqr2rb] {
        left: auto;
        right: 10%;
        transform: none;
        top: 15%;
    }


    .final-cta .text-content[b-vzoswqr2rb] {
        padding-left: 0;
    }

    .final-cta .hero-actions[b-vzoswqr2rb] {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    h1[b-vzoswqr2rb] {
        font-size: 2.5rem;
    }

    h2[b-vzoswqr2rb] {
        font-size: 1.8rem;
    }

    .features-grid[b-vzoswqr2rb] {
        grid-template-columns: 1fr;
    }
    /* Stack features */
    .badges-grid[b-vzoswqr2rb] {
        grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
        gap: 15px;
    }

        .badges-grid img[b-vzoswqr2rb] {
            width: 60px;
            height: 60px;
        }

    .cards-grid.three-cols[b-vzoswqr2rb], .cards-grid.two-cols[b-vzoswqr2rb] {
        grid-template-columns: 1fr; /* Stack cards */
    }

    .gallery-grid[b-vzoswqr2rb] {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .testimonial-grid[b-vzoswqr2rb] {
        grid-template-columns: 1fr;
    }

    .footer-content[b-vzoswqr2rb] {
        flex-direction: column;
        align-items: center;
    }

    .social-links[b-vzoswqr2rb] {
        margin-top: 10px;
    }
}

@media (max-width: 480px) {
    .search-bar input[b-vzoswqr2rb] {
        width: 100px;
    }

    .hero h1[b-vzoswqr2rb] {
        font-size: 2rem;
    }

    .hero p[b-vzoswqr2rb] {
        font-size: 1rem;
    }

    .hero .qr-code[b-vzoswqr2rb] {
        width: 120px;
        height: 120px;
    }

    .app-stores a img[b-vzoswqr2rb] {
        height: 35px;
    }

    .image-showcase .phone-main[b-vzoswqr2rb] {
        width: 70%;
    }

    .image-showcase .phone-secondary[b-vzoswqr2rb] {
        width: 55%;
        top: 15%;
        transform: translateX(-45%);
    }

    .gallery-extra[b-vzoswqr2rb]
    {
        display:none;
    }

    .cta-secondary-1[b-vzoswqr2rb] {
        width: 50%;
    }

    .cta-secondary-2[b-vzoswqr2rb] {
        width: 50%;
    }

    .fab-chat[b-vzoswqr2rb] {
        padding: 8px 15px;
        font-size: 0.9rem;
    }

        .fab-chat img[b-vzoswqr2rb] {
            width: 18px;
            height: 18px;
        }


}
/* _content/ScoreCapture.Web/Components/Pages/LeaderboardDisplay.razor.rz.scp.css */
:root *[b-wviljasc2w] {
    --mud-palette-primary: #38AB24;
    --mud-palette-primary-darken: #318625;
    --mud-palette-secondary: #132228;
    --mud-palette-tertiary: #6F3D92;
    --mud-palette-gray-default: #899694;
    --mud-palette-gray-darker: #2B383E;
    --mud-palette-info: #3881D3;
    --mud-palette-info-darken: #2865A9;
    --mud-palette-warning: #E7AA2A;
    --mud-palette-error: #D44339;
    --mud-palette-dark: rgba(19,34,40,1);
    --mud-palette-appbar-background: rgba(40,56,60,1);
}

.content[b-wviljasc2w] {
    position: fixed;
    right: 75px;
    top: 75px;
    left: 75px;
    bottom: 75px;
    background: rgba(0, 0, 0, 0.7);
    color: #f1f1f1;
    padding: 20px;
    z-index:1;
}




.settings[b-wviljasc2w] {
    border: 1px solid white;
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(255,255,255); /* Fallback color */
}

.settings-content[b-wviljasc2w] {
    color:black;
    margin: 1% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

[b-wviljasc2w] .settings-leaderboardsToCyle {
    max-height: 25vh;
    overflow-y: scroll;
}

.tournamentsupporterimage[b-wviljasc2w] {
    max-height: 175px;
    width: 175px;
    background: #FFF;
}

.centre-align[b-wviljasc2w] {
    padding: 10px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}


table[b-wviljasc2w] {
    /*border: 0.03cm solid rgba(19, 34, 40, 1) !important;*/
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-spacing: 0 10px;
    width: 100%;
    /*background-color: rgba(255,255,255,0.7);*/
    font-size: 32px;
    border-spacing: 0px 8px;
    font-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
}


thead[b-wviljasc2w] {
    background-color: rgba(18,45,42,0.7);
}

th[b-wviljasc2w] {
    /*background-color: rgba(18,45,42,0.7);*/
    background: #122D2A;
    color: white !important;
    text-align: left;
    padding: 5px 10px;
}

th:nth-child(1)[b-wviljasc2w] {
    border-top-left-radius: 20px;
}

th:nth-last-child(1)[b-wviljasc2w] {
    border-top-right-radius: 20px;
}

td[b-wviljasc2w] {
    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(238,240,240,1) 51%);
    color: black;
    padding: 10px 15px;
}
    th:not(.player)[b-wviljasc2w],
    td:not(.player)[b-wviljasc2w] {
        text-align: center;
    }

tr:nth-of-type(odd)[b-wviljasc2w] {
    /*background-color: rgba(255,255,255,0.7);*/
}

.tournamentscore[b-wviljasc2w] {
    color: white !important;
    /*width: 30px;*/
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 3;
}

    .tournamentscore[b-wviljasc2w]:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 65px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .tournamentscore.ts_under[b-wviljasc2w]:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    .tournamentscore.ts_over[b-wviljasc2w]:after {
        background-color: var(--mud-palette-info);
    }

    .tournamentscore.ts_even[b-wviljasc2w]:after {
        background-color: var(--mud-palette-gray-darker);
    }

    .tournamentscore.no_score[b-wviljasc2w],
    .tournamentscore.no_score[b-wviljasc2w]:after {
        background-color: transparent;
        color: black !important;
    }

.countryflag[b-wviljasc2w] {
    margin-bottom: -1px;
}

[b-wviljasc2w] .teamchip {
    min-width: 85px;
    text-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 700px) {
    .tournamentscore[b-wviljasc2w]:after {
        width: 30px;
        height: 30px;
    }
}

[b-wviljasc2w] .settings .mud-checkbox .mud-primary-text input:checked + svg {
    color: var(--mud-palette-primary);
}

.btn[b-wviljasc2w] {
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.btn-primary[b-wviljasc2w] {
    background: var(--mud-palette-primary);
}

    .btn-primary:hover[b-wviljasc2w] {
        background: var(--mud-palette-primary-darken);
    }

.headertitle[b-wviljasc2w] {
    width: 100%;
}
    .headertitle h1[b-wviljasc2w] {
        background: var(--mud-palette-info);
        padding: 0 8px;
        height: 60%;
        display: flex;
        align-items: center;
    }
    .headertitle h2[b-wviljasc2w] {
        background: var(--mud-palette-info-darken);
        padding: 0 8px;
        height: 40%;
        display: flex;
        align-items: center;
    }
    .headertitle .leaderboardname[b-wviljasc2w] {
        margin: 0 0 0 auto;
    }
    .headertitle .leadername[b-wviljasc2w] {
        margin: 0 0 0 auto;
    }

    
/************************************************/
/*| Match Play header ----------------------------------------------------------------------------------------------*/

[b-wviljasc2w] .matchplay-table-header {
    background: var(--mud-palette-dark);
    background: var(--mud-palette-appbar-background);
    margin: auto;
    width: 100%;
}

[b-wviljasc2w] .team-a-displayname, [b-wviljasc2w] .team-b-displayname {
    background: transparent;
    box-shadow: none;
}

    [b-wviljasc2w] .team-a-displayname * {
        color: var(--team-a-colour);
        color: #FFF;
        font-weight: bold;
    }

    [b-wviljasc2w] .team-b-displayname * {
        color: var(--team-b-colour);
        color: #FFF;
        font-weight: bold;
    }

    [b-wviljasc2w] .team-totalscore .mud-card {
        height: 90%;
        width: 15vw;
        position: relative;
        z-index: 1;
    }

        [b-wviljasc2w] .team-totalscore .mud-card .mud-card-content {
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

[b-wviljasc2w] .team-a-totalscore {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-wviljasc2w] .team-b-totalscore {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-wviljasc2w] .team-a-totalscore *, [b-wviljasc2w] .team-b-totalscore * {
        font-weight: bold;
    }


/*---*/
[b-wviljasc2w] .matchplay-table-header.team-a-lead .team-a-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    left: -11px;
    transform: skew(20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 0 2px;
}

[b-wviljasc2w] .matchplay-table-header.team-a-lead .team-a-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    left: -11px;
    transform: skew(-20deg);
    background: var(--team-a-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 2px 0;
}
/*---*/
[b-wviljasc2w] .matchplay-table-header.team-b-lead .team-b-totalscore:before {
    content: '';
    position: absolute;
    bottom: 0.5px;
    right: -11px;
    transform: skew(-20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: Calc(50% + 1px);
    z-index: -1;
    border-radius: 2px 0;
}

[b-wviljasc2w] .matchplay-table-header.team-b-lead .team-b-totalscore:after {
    content: '';
    position: absolute;
    top: 0;
    right: -11px;
    transform: skew(20deg);
    background: var(--team-b-colour);
    width: 100%;
    height: 50%;
    z-index: -1;
    border-radius: 0 2px;
}

/*---*/

[b-wviljasc2w] .matchplay-table-header .team-a-projected-score .mud-typography {
    background: var(--team-a-colour-contrast);
    color: var(--team-a-colour);
    padding: 0 10px;
    border-radius: 100px;
}

[b-wviljasc2w] .matchplay-table-header .team-b-projected-score .mud-typography {
    background: var(--team-b-colour-contrast);
    color: var(--team-b-colour);
    padding: 0 10px;
    border-radius: 100px;
}

/*| Match Play table items ----------------------------------------------------------------------------------------------*/

[b-wviljasc2w] .matchplay {
    margin: -8px -9px;
    width: calc(100% + 17px);
}

[b-wviljasc2w] .matchplay td {
    padding: 12px;
}


[b-wviljasc2w] .matchplay-player {
    position: relative;
}

    [b-wviljasc2w] .matchplay-player:before {
        content: '';
        position: absolute;
        background: transparent;
        width: 5px;
        height: 100%;
        top: 0;
    }

    [b-wviljasc2w] .matchplay-player.team-a:before {
        background: var(--team-a-colour);
        left: 0;
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }

    [b-wviljasc2w] .matchplay-player.team-b:before {
        background: var(--team-b-colour);
        right: 0;
        box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.15);
    }


[b-wviljasc2w] .team-a .player-name {
    text-align: left;
}

[b-wviljasc2w] .team-b .player-name {
    text-align: right;
}

[b-wviljasc2w] .matchplay-outcome {
    position: relative;
}

    [b-wviljasc2w] .matchplay-outcome .mud-card {
        background-color: black;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
        border-radius: 0;
    }

        [b-wviljasc2w] .matchplay-outcome .mud-card * {
            z-index: 1;
            font-weight: bold;
            line-height: 32px;
        }

    [b-wviljasc2w] .matchplay-outcome .mud-card-content {
        padding: 3px 8px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-width: 125px;
        max-width: 150px;
    }

[b-wviljasc2w] .matchplay hr.matchplay-summmary-divider {
    width: Calc(100% - 35px);
    margin: -1px auto;
    border-image: linear-gradient(to right, var(--team-a-colour), var(--team-b-colour)) 30;
    opacity: 0.5;
}

[b-wviljasc2w] .match-complete hr.matchplay-summmary-divider {
    display: none;
}
/*** MatchPlay Round Outcome ***/

[b-wviljasc2w] .team-a-lead .matchplay-outcome .mud-card {
    background-color: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

    [b-wviljasc2w] .team-a-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(20deg);
        bottom: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: -0.6px 0.5px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-a-colour);
    }

    [b-wviljasc2w] .team-a-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-a-colour);
        transform: skew(-20deg);
        top: 0;
        left: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-wviljasc2w] .team-b-lead .matchplay-outcome .mud-card {
    background-color: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

    [b-wviljasc2w] .team-b-lead .matchplay-outcome .mud-card:before {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(-20deg);
        bottom: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 2px 0;
        box-shadow: 0.5px -0.6px 0px -0.3px rgba(0, 0, 0, 0.5);
        border-top: 1px solid var(--team-b-colour);
    }

    [b-wviljasc2w] .team-b-lead .matchplay-outcome .mud-card:after {
        content: '';
        position: absolute;
        background: var(--team-b-colour);
        transform: skew(20deg);
        top: 0;
        right: -8px;
        width: 50%;
        height: 50%;
        z-index: 0;
        border-radius: 0 2px;
    }

/*-------*/

[b-wviljasc2w] .team-a-lead.match-complete .matchplay-player.team-a {
    background: var(--team-a-colour);
    color: var(--team-a-colour-contrast);
}

[b-wviljasc2w] .team-b-lead.match-complete .matchplay-player.team-b {
    background: var(--team-b-colour);
    color: var(--team-b-colour-contrast);
}

[b-wviljasc2w] .match-complete .matchplay-player:before,
[b-wviljasc2w] .match-complete .matchplay-outcome .mud-card:before {
    box-shadow: none !important;
}

[b-wviljasc2w] .team-a-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-a-colour);
}

[b-wviljasc2w] .team-b-lead.match-complete .matchplay-outcome:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--team-b-colour);
}

/* _content/ScoreCapture.Web/Components/Pages/Member/Member.razor.rz.scp.css */
[b-nfblt86m0q] .member-main-grid {
    color: var(--mud-palette-dark-text) !important;
    background-color: var(--mud-palette-dark) !important;
    margin-top: 0;
    padding: 0 3px;
}

@media (min-width: 700px) {
    [b-nfblt86m0q] .member-main-grid {
        padding: 0 24px;
    }
}

[b-nfblt86m0q] .player-name {
    padding: 1px 0 1px 18px;
    text-indent: -18px;
}

    [b-nfblt86m0q] .player-name .countryflag {
        width: 15px;
        /*vertical-align: middle;*/
        margin-bottom: -3px;
    }


[b-nfblt86m0q] .avatar-card {
    position: relative;
    padding-left: 70px !important;
    margin-left: 32px;
    border-radius: 0% 10px 10px 0;
}


[b-nfblt86m0q] .player-details {
    padding: 16px;
}

    [b-nfblt86m0q] .player-details .mud-divider {
        border-color: #FFFFFF;
        opacity: .2;
        border-width: 2px;
        margin: 15px;
    }

    [b-nfblt86m0q] .player-details p,
    [b-nfblt86m0q] .player-details span {
        text-align: center;
    }



/*-- main table  mobile margin/padding overrides --*/



/*-- drilldown  mobile margin/padding overrides --*/

@media (max-width: 700px) {
    [b-nfblt86m0q] .drilldown-grid,
    [b-nfblt86m0q] .drilldown-grid .mud-grid {
        margin: -6px 0px;
        width: 100%;
    }


    [b-nfblt86m0q] .drilldown-playerinfo {
        padding: 6px 3px 9px !important;
    }

        [b-nfblt86m0q] .drilldown-playerinfo .mud-paper {
            /*margin: 8px !important;*/
        }

        [b-nfblt86m0q] .drilldown-playerinfo .mud-grid-item {
            padding: 6px 3px;
        }

            [b-nfblt86m0q] .drilldown-playerinfo .mud-grid-item.table-item {
                padding: 0px;
            }

                [b-nfblt86m0q] .drilldown-playerinfo .mud-grid-item.table-item th,
                [b-nfblt86m0q] .drilldown-playerinfo .mud-grid-item.table-item td {
                    padding: 3px;
                    font-size: 12px;
                    min-width: min-content !important;
                    width: min-content !important;
                }


    [b-nfblt86m0q] .player-details {
        padding: 3px;
    }

        [b-nfblt86m0q] .player-details .flex-row {
            gap: 3px !important;
            justify-content: start !important;
        }

        [b-nfblt86m0q] .player-details .flex-column {
            gap: 3px !important;
        }

        [b-nfblt86m0q] .player-details .mud-divider {
            margin: 8px 5px;
        }

        [b-nfblt86m0q] .player-details p {
            font-size: 11px;
        }

        [b-nfblt86m0q] .player-details span {
            font-size: 9px;
        }


    [b-nfblt86m0q] .avatar-card {
        padding: 6px 6px 6px 55px !important;
        margin-left: 25px;
    }

        [b-nfblt86m0q] .avatar-card .firstname {
            font-size: 12px;
            text-align: left;
        }

        [b-nfblt86m0q] .avatar-card .lastname {
            font-size: 16px;
            text-align: left;
        }
}

[b-nfblt86m0q] .profile-card {
    margin: 10px auto;
    background: var(--mud-palette-gray-dark) !important;
    color: #FFFFFF !important;
}

    [b-nfblt86m0q] .profile-card .mud-card-header {
        padding: 5px 10px;
        line-height: 30px;
        border-radius: 10px 10px 0 0;
        border-top: 2px solid var(--mud-palette-info);
    }

        [b-nfblt86m0q] .profile-card .mud-card-header .sub-info {
            float: right;
            font-weight: normal;
        }
    

    [b-nfblt86m0q] .profile-card .mud-card-content {
        color: var(--mud-palette-dark-text) !important;
        background-color: var(--mud-palette-dark) !important;
    }

@media (min-width: 700px) {
    [b-nfblt86m0q] .profile-card .mud-card-content {
        margin: 5px 8px 10px;
        border-radius: 10px;
    }
}
@media (max-width: 700px) {
    [b-nfblt86m0q] .profile-card .mud-card-content {
        padding: 12px 6px;
    }
}

/*--*/

[b-nfblt86m0q] .latest-rounds {
    width: 100%;
    border-spacing: 0;
}

    [b-nfblt86m0q] .latest-rounds .score-display {
        
    }
    [b-nfblt86m0q] .latest-rounds .mud-typography-caption {
        opacity: 0.8;
    }
    [b-nfblt86m0q] .latest-rounds td:first-child .mud-typography-h5 {
        text-align: center;
        /*background: rgba(255, 255, 255, 0.1);
        border-radius: 20px;*/
    }

    [b-nfblt86m0q] .latest-rounds tr:nth-child(2n + 1):not(:nth-child(1)) {
        background: rgba(255, 255, 255, 0.1);
    }


    [b-nfblt86m0q] .latest-rounds th:nth-child(1),
    [b-nfblt86m0q] .latest-rounds th:nth-child(2) {
        width: 60px;
    }
    [b-nfblt86m0q] .latest-rounds th:nth-child(4n) {
        width: 50px;
        text-align: right;
        padding-right: 5px;
    }

    [b-nfblt86m0q] .latest-rounds td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    [b-nfblt86m0q] .latest-rounds td:nth-child(3n) {
        padding-left: 10px;
        line-height: 1px;
    }
    [b-nfblt86m0q] .latest-rounds td:nth-child(3n) * {
        line-height: 16px;
    }
    [b-nfblt86m0q] .latest-rounds td:nth-child(4n) {
        text-align: right;
        padding-right: 6px;
    }

[b-nfblt86m0q] .latest-rounds-card .round-badge {
    width: 20px;
    height: 20px;
}


/*--*/

[b-nfblt86m0q] .latest-leaderboards {
    width: 100%;
    border-spacing: 0;
}

    [b-nfblt86m0q] .latest-leaderboards .score-display {
    }

    [b-nfblt86m0q] .latest-leaderboards .mud-typography-caption {
        opacity: 0.8;
    }

    [b-nfblt86m0q] .latest-leaderboards td:first-child .mud-typography-h5,
    [b-nfblt86m0q] .latest-leaderboards td:nth-child(2n) .mud-typography-h5 {
        text-align: center;
        /*background: rgba(255, 255, 255, 0.1);
        border-radius: 20px;*/
    }

    [b-nfblt86m0q] .latest-leaderboards tr:nth-child(2n + 1):not(:nth-child(1)) {
        background: rgba(255, 255, 255, 0.1);
    }


    [b-nfblt86m0q] .latest-leaderboards th:nth-child(1),
    [b-nfblt86m0q] .latest-leaderboards th:nth-child(2) {
        width: 60px;
    }

    [b-nfblt86m0q] .latest-leaderboards th:nth-child(4n) {
        width: 50px;
        text-align: right;
        padding-right: 5px;
    }

    [b-nfblt86m0q] .latest-leaderboards td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        [b-nfblt86m0q] .latest-leaderboards td:nth-child(3n) {
            padding-left: 10px;
            line-height: 1px;
        }

            [b-nfblt86m0q] .latest-leaderboards td:nth-child(3n) * {
                line-height: 16px;
            }

        [b-nfblt86m0q] .latest-leaderboards td:nth-child(4n) {
            text-align: right;
            padding-right: 6px;
        }

[b-nfblt86m0q] .latest-leaderboards-card .round-badge {
    width: 20px;
    height: 20px;
}



/*---*/

[b-nfblt86m0q] #careerstable {
    min-width: 30%;
    border-spacing: 0px 5px;
}

    [b-nfblt86m0q] #careerstable td {
        background: var(--mud-palette-gray-dark) !important;
        color: #FFFFFF !important;
        padding: 8px;
    }

        [b-nfblt86m0q] #careerstable td span {
            float: right;
        }

@media (max-width: 700px) {
    :: deep #careerstable[b-nfblt86m0q] {
        min-width: 100%;
    }
    [b-nfblt86m0q] .xs-maxheight30vh {
        max-height: 30vh;
        overflow-y: auto;
    }
}

/*---*/

[b-nfblt86m0q] .SponsorAdvert {
    max-width: 100%;
    margin-bottom: 15px;
}

/*---*/

[b-nfblt86m0q] .roundscore {
    color: white !important;
    width: 50px;
    /*width: 10%;*/
    text-align: center;
    margin: auto;
    position: relative;
    font-weight: bold;
    z-index: 1;
}

    [b-nfblt86m0q] .roundscore:after {
        content: '';
        border-radius: 35% 0 35% 0;
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    [b-nfblt86m0q] .roundscore.ts_under:after {
        background-color: var(--mud-palette-error);
        color: white !important;
    }

    [b-nfblt86m0q] .roundscore.ts_over:after {
        background-color: var(--mud-palette-info);
    }

    [b-nfblt86m0q] .roundscore.ts_even:after {
        background-color: var(--mud-palette-gray-darker);
    }

    [b-nfblt86m0q] .roundscore.no_score,
    [b-nfblt86m0q] .roundscore.no_score:after {
        background-color: transparent;
        color: black !important;
    }

@media (max-width: 700px) {
    [b-nfblt86m0q] .roundscore:after {
        width: 30px;
        height: 30px;
    }
}

/* -- */

[b-nfblt86m0q] .activities-card .mud-tabs-panels {
    max-height: 70vh;
    overflow-y: auto;
}


/* --- */
[b-nfblt86m0q]  table .mud-tabs-tabbar-content {
    max-width: Calc(100vw - 118px);
}

/* --- */
[b-nfblt86m0q] .jackpot-entries .mud-avatar {
    border: 2px solid white;
    font-size: 15px;
    font-weight: bold;
}
[b-nfblt86m0q] .gap .mud-avatar {
    border: 2px solid white;
    font-size: 15px;
    font-weight: bold;
}
/* _content/ScoreCapture.Web/Components/Pages/Profile/Create.razor.rz.scp.css */

.lookupfield[b-1kn3b85h8y]  p {
    line-height: 19px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
}

.lookupfield[b-1kn3b85h8y]  button {
    margin: -6px auto;
}

[b-1kn3b85h8y] .mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
    color: red;
}
/* _content/ScoreCapture.Web/Components/Pages/Profile/Review.razor.rz.scp.css */
@media(max-width: 700px) {
    [b-sa4bnck1kk] .review-title {
        font-size: var(--mud-typography-h4-size);
        margin-top: auto;
    }
    [b-sa4bnck1kk] .review-title.spc {
        margin: 80px auto -100px;
    }
 }

/**/

[b-sa4bnck1kk] button.mud-button-root[aria-label="Previous"],
[b-sa4bnck1kk] button.mud-button-root[aria-label="Next"] {
    height: 100%;
}

/**/
[b-sa4bnck1kk] .paper-container {
    height: Calc(100vh - 120px);
    background: var(--mud-palette-secondary);
}
@media(max-width: 700px) {
    [b-sa4bnck1kk] .paper-container {
        height: Calc(100vh - 60px);
    }
}
[b-sa4bnck1kk] .paper-container:has(.greetings-card) {
    height: Calc(100vh + 100px);
}

/**/
[b-sa4bnck1kk] .stat-card {
    width: 70%;
    max-width: 600px;
    margin: auto;
    padding: 20px;
    position: relative;
    box-shadow: inset 0px -37px 100px -50px #000000a8, rgba(255, 255, 255, 0.024) 0px 0px 50px 10px;
}
    [b-sa4bnck1kk] .stat-card .icon {
        background: var(--mud-palette-secondary-lighten);
        height: 100%;
        /*width: 150px;*/
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        padding: 20px;
        display: flex;
    }
    [b-sa4bnck1kk] .stat-card .icon img {
        width: 100px;
    }
    [b-sa4bnck1kk] .stat-card.color-primary {
        background: var(--mud-palette-primary-lighten);
        color: #000;
    }
    [b-sa4bnck1kk] .stat-card.color-primary-alt {
        background: var(--mud-palette-secondary-lighten);
        color: var(--mud-palette-primary-lighten);
    }
        [b-sa4bnck1kk] .stat-card.color-primary-alt .icon {
            background: var(--mud-palette-primary-lighten);
        }
    [b-sa4bnck1kk] .stat-card.color-tertiary {
        background: var(--mud-palette-tertiary-darken);
        color: var(--mud-palette-tertiary-lighten);
        color: #FFF;
    }
    [b-sa4bnck1kk] .stat-card.color-tertiary-alt {
        background: var(--mud-palette-secondary-lighten);
        color: var(--mud-palette-tertiary-lighten);
    }
        [b-sa4bnck1kk] .stat-card.color-tertiary-alt .icon {
            background: var(--mud-palette-tertiary-darken);
        }
    [b-sa4bnck1kk] .stat-card.color-info {
        background: var(--mud-palette-info-lighten);
        color: #000;
    }
    [b-sa4bnck1kk] .stat-card.color-info-alt {
        background: var(--mud-palette-secondary-lighten);
        color: var(--mud-palette-info-lighten);
    }
        [b-sa4bnck1kk] .stat-card.color-info-alt .icon {
            background: var(--mud-palette-info-lighten);
        }

    [b-sa4bnck1kk] .stat-card.color-warning {
        background: var(--mud-palette-warning);
        color: #000;
    }

    [b-sa4bnck1kk] .stat-card.color-warning-alt {
        background: var(--mud-palette-secondary-lighten);
        color: var(--mud-palette-warning-lighten);
    }

        [b-sa4bnck1kk] .stat-card.color-warning-alt .icon {
            background: var(--mud-palette-warning);
        }

    [b-sa4bnck1kk] .stat-card.color-under {
        background: var(--mud-palette-error);
        color: #FFF;
    }

    [b-sa4bnck1kk] .stat-card.color-under-alt {
        background: var(--mud-palette-secondary-lighten);
        color: var(--mud-palette-warning-lighten);
    }

        [b-sa4bnck1kk] .stat-card.color-under-alt .icon {
            background: var(--mud-palette-error);
        }

@media(max-width: 900px) {
    [b-sa4bnck1kk] .stat-card {
        width: 90%;
        padding: 10px 3px 10px 90px;
        margin: 10px auto;
    }
    [b-sa4bnck1kk] .stat-card:first-of-type {
        margin-top: auto;
    }
    [b-sa4bnck1kk] .stat-card:last-of-type {
        margin-bottom: auto;
    }
        [b-sa4bnck1kk] .stat-card .icon {
            padding: 10px;
        }
        [b-sa4bnck1kk] .stat-card .icon img {
            width: 80px;
        }
        [b-sa4bnck1kk] .stat-card .title {
            font-size: var(--mud-typography-subtitle1-size);
        }
        [b-sa4bnck1kk] .stat-card .stat {
            font-size: var(--mud-typography-h3-size);
        }
}

/**/
[b-sa4bnck1kk] .tilt-l {
    --rotateY-deg-start: 10deg;
    --rotateY-deg-end: -10deg;
    transition: 2s;
    transform: perspective(400px) rotateY(var(--rotateY-deg-end));
    animation: tilt-y-b-sa4bnck1kk 2s;
}
[b-sa4bnck1kk] .tilt-r {
    --rotateY-deg-start: -10deg;
    --rotateY-deg-end: 10deg;
    transition: 2s;
    transform: perspective(400px) rotateY(var(--rotateY-deg-end));
    animation: tilt-y-b-sa4bnck1kk 2s;
}

[b-sa4bnck1kk] .tilt-t {
    --rotateX-deg-start: -10deg;
    --rotateX-deg-end: 10deg;
    transition: 2s;
    transform: perspective(400px) rotateX(var(--rotateX-deg-end));
    animation: tilt-x-b-sa4bnck1kk 2s;
}

[b-sa4bnck1kk] .tilt-b {
    --rotateX-deg-start: 10deg;
    --rotateX-deg-end: -10deg;
    transition: 2s;
    transform: perspective(400px) rotateX(var(--rotateX-deg-end));
    animation: tilt-x-b-sa4bnck1kk 2s;
}

@media(max-width: 700px) {
    [b-sa4bnck1kk] .tilt-l {
        --rotateY-deg-start: 20deg;
        --rotateY-deg-end: -20deg;
    }
    [b-sa4bnck1kk] .tilt-r {
        --rotateY-deg-start: -20deg;
        --rotateY-deg-end: 20deg;
    }
    [b-sa4bnck1kk] .tilt-t {
        --rotateY-deg-start: 20deg;
        --rotateY-deg-end: -20deg;
    }

    [b-sa4bnck1kk] .tilt-b {
        --rotateY-deg-start: -20deg;
        --rotateY-deg-end: 20deg;
    }
}

@keyframes tilt-y-b-sa4bnck1kk {
    0% {
        transform: perspective(400px) rotateY(var(--rotateY-deg-start));
    }
    100% {
        transform: perspective(400px) rotateY(var(--rotateY-deg-end));
    }
}
@keyframes tilt-x-b-sa4bnck1kk {
    0% {
        transform: perspective(400px) rotateX(var(--rotateX-deg-start));
    }

    100% {
        transform: perspective(400px) rotateX(var(--rotateX-deg-end));
    }
}

/*intro card*/
[b-sa4bnck1kk] .greetings-card {
    width: 80%;
    margin: 10px auto;
    padding: 30px;
    border-radius: 16px;
    gap: 15px;
    position: relative;
    background: #FFFFFFf1;
}
    [b-sa4bnck1kk] .greetings-card:before {
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 101%;
        height: 99%;
        border-radius: 1rem;
        background: linear-gradient(to right bottom, var(--mud-palette-primary-lighten), var(--mud-palette-primary-darken));
        transform: rotate(3deg);
        transform-origin: 40% 70%;
        box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .15), 0 50px 100px -20px rgba(50, 50, 93, .3), 0 30px 60px -30px rgba(0, 0, 0, .5), -10px 10px 60px -10px rgba(255, 255, 255, .3);
        z-index: -1;
    }

    [b-sa4bnck1kk] .greetings-card .profile {
        width: 150px;
        height: 150px;
        border-radius: 100%;
        margin-left: 100px;
        margin-top: -15px;
    }
@media(max-width: 700px) {
    [b-sa4bnck1kk] .greetings-card {
        width: 90%;
        padding: 11px;
    }
        [b-sa4bnck1kk] .greetings-card .profile {
            width: 80px;
            height: 80px;
            margin-left: 30px;
            margin-top: auto;
            margin-bottom: auto;
        }
        [b-sa4bnck1kk] .greetings-card .title_text {
            font-size: var(--mud-typography-h5-size);
        }
        [b-sa4bnck1kk] .greetings-card .subtitle_text {
            font-size: var(--mud-typography-subtitle1-size);
            line-height: 18px;
        }
        [b-sa4bnck1kk] .greetings-card .body_text {
            font-size: 11px;
        }
        [b-sa4bnck1kk] .greetings-card .signoff_text {
            font-size: var(--mud-typography-body2-size);
        }
}

/* text-highlight-stat */
.text-highlight-stat[b-sa4bnck1kk]{

}
    .text-highlight-stat[b-sa4bnck1kk]  * {
        align-content: center;
        width: 100%;
    }
    .text-highlight-stat[b-sa4bnck1kk]  .stat {
        color: var(--mud-palette-primary);
    }


    /*score-breakdown-counters*/
    .score-breakdown-counters[b-sa4bnck1kk] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-content: center;
        height: 100%;
    }
    .score-breakdown-counters[b-sa4bnck1kk]  .counter-item {
        margin: auto;
    }
@media(max-width: 900px) {
    .score-breakdown-counters[b-sa4bnck1kk]  .counter-item {
        width: 30%;
    }
}
/* _content/ScoreCapture.Web/Components/Pages/Reports/TournamentInfoSheet.razor.rz.scp.css */
[b-f6rkk0da2a] .club_logo {
    width: 200px;
    height: 150px;
    object-fit: contain;
}
[b-f6rkk0da2a] .tournament_logo {
    width: 200px;
    height: 150px;
    object-fit: contain;
}

.comp_name_div[b-f6rkk0da2a] {
    display: flex;
    justify-content: space-evenly;
    margin: 30px auto;
}

.qr_code_div[b-f6rkk0da2a] {
    display: flex;
    justify-content: center;
    margin: 20px auto 20px;
}

.qr_code_div[b-f6rkk0da2a]  > div {
    min-width: 160px;
}

.pin_code_div[b-f6rkk0da2a] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin: 10px auto;
}
.pin_number[b-f6rkk0da2a] {
    color: var(--mud-palette-primary);
    font-weight: bold;
    font-size: 32px;
    line-height: 35.84px;
    letter-spacing: 6px;
    text-align: center;
}

[b-f6rkk0da2a] .round-selector.active {
    background: var(--mud-palette-primary) !Important;
    color: #FFF !Important;
}

[b-f6rkk0da2a] .mud-input-control .mud-input-label {
    background: #FFF !important;
    font-weight: bold !Important;
}

[b-f6rkk0da2a] .mud-input-control-input-container:has(textarea) {
    margin-top: 30px;
    margin-bottom: -20px;
}

.filter-actions[b-f6rkk0da2a]  .mud-select {
    max-width: 250px;
    margin-right: 15px;
}

    .filter-actions[b-f6rkk0da2a]  .mud-select .mud-input-slot.mud-select-input {
        padding: 11px 0 11px 14px;
    }


@media not print {
    .only-print[b-f6rkk0da2a] {
        display: none;
    }

}

@media print {
    .only-print[b-f6rkk0da2a] {
        display: flex;
        flex-direction: column;
    }

    @page {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 10px;
        margin-right: 10px;
    }
    @page :footer {
        display: none
    }

    @page :header {
        display: none
    }

    *[b-f6rkk0da2a], [b-f6rkk0da2a] * {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

}
/* _content/ScoreCapture.Web/Components/Pages/Reports/TournamentInfoSheet2.razor.rz.scp.css */
[b-f7att3di4i] .club_logo {
    width: 200px;
    height: 150px;
    object-fit: contain;
}
[b-f7att3di4i] .tournament_logo {
    width: 200px;
    height: 150px;
    object-fit: contain;
}

.comp_name_div[b-f7att3di4i] {
    display: flex;
    justify-content: space-evenly;
    margin: 30px auto;
}

.qr_code_div[b-f7att3di4i] {
    display: flex;
    justify-content: center;
    margin: 20px auto 20px;
}

.qr_code_div[b-f7att3di4i]  > div {
    min-width: 160px;
}

.pin_code_div[b-f7att3di4i] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin: 10px auto;
}
.pin_number[b-f7att3di4i] {
    color: var(--mud-palette-primary);
    font-weight: bold;
    font-size: 32px;
    line-height: 35.84px;
    letter-spacing: 6px;
    text-align: center;
}

[b-f7att3di4i] .round-selector.active {
    background: var(--mud-palette-primary) !Important;
    color: #FFF !Important;
}

[b-f7att3di4i] .mud-input-control .mud-input-label {
    background: #FFF !important;
    font-weight: bold !Important;
}

[b-f7att3di4i] .mud-input-control-input-container:has(textarea) {
    margin-top: 30px;
    margin-bottom: -20px;
}

.filter-actions[b-f7att3di4i]  .mud-select {
    max-width: 250px;
    margin-right: 15px;
}

    .filter-actions[b-f7att3di4i]  .mud-select .mud-input-slot.mud-select-input {
        padding: 11px 0 11px 14px;
    }


@media not print {
    .only-print[b-f7att3di4i] {
        display: none;
    }

}

@media print {
    .only-print[b-f7att3di4i] {
        display: flex;
        flex-direction: column;
    }

    @page {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 10px;
        margin-right: 10px;
    }
    @page :footer {
        display: none
    }

    @page :header {
        display: none
    }

    *[b-f7att3di4i], [b-f7att3di4i] * {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

}
/* _content/ScoreCapture.Web/Components/Pages/Tournaments/Index.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Pages/Tournaments/TournamentInfomation.razor.rz.scp.css */


.tinfo[b-c5vi3cymry] {
    background: white;
}

    .tinfo + .tinfo[b-c5vi3cymry] {
        margin-top: 1em;
    }

    .tinfo .top[b-c5vi3cymry], .tinfo.bottom[b-c5vi3cymry] {
        height: 10em;
        padding: 2em;
    }

    .tinfo .top[b-c5vi3cymry] {
        background: url('https://www.scorecapture.com/scorecapture/Society/_GetImage?type=BAN&ID=396&guid=') no-repeat;
        background-size: 100%;
        height: 200px;
        background-size: cover;
        height: 30vh;
    }

   

    .tinfo .ava[b-c5vi3cymry] {
        display: block;
        border-radius: 50px;
        overflow: hidden;
        float: left;
        position: absolute;
        top: -60px;
        left:50px;
    }

   

    .tinfo img[b-c5vi3cymry] {
        vertical-align: top;
    }

    /**/
[b-c5vi3cymry] .content-subtitle {
    text-transform: uppercase;
    color: var(--mud-palette-gray-default);
    color: rgba(0,0,0,0.7);
    font-weight: 600;
    font-size: 16px;
} 

/*---*/
[b-c5vi3cymry] .bg-linearfade-primary {
    background: linear-gradient(135deg, #38AB24, #38AB24a8) !important;
    text-shadow: 0px 2px 8px rgba(0,0,0,.5);
    color: #FFF !important;
}
[b-c5vi3cymry] .bg-linearfade-secondary {
    background: linear-gradient(135deg, #28383C, #28383Cc3) !important;
    text-shadow: 0px 2px 8px rgba(0,0,0,.5);
    color: #FFF !important;
}
[b-c5vi3cymry] .bg-linearfade-info {
    background: linear-gradient(135deg, #3881D3, #3881D3a8) !important;
    text-shadow: 0px 2px 8px rgba(0,0,0,.5);
    color: #FFF !important;
}

/*---*/
[b-c5vi3cymry] .feature-card {
    position: relative;
    z-index: 1;
}
    [b-c5vi3cymry] .feature-card .mud-card-header {
        color: #FFF;
        border-radius: 10px 10px 0 0;
        background: #090d0fa8;
        background: linear-gradient(to right, var(--mud-palette-secondary), var(--mud-palette-secondary-lighten)) !important;
    }
    [b-c5vi3cymry] .feature-card .mud-card-content {
        padding-bottom: 50px;
        background: linear-gradient(to bottom, var(--mud-palette-gray-light) 75%, var(--mud-palette-gray-lighter)) !important;
    }
/**/
[b-c5vi3cymry] .feature-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;    
}
[b-c5vi3cymry] .feature-primary:before {
    background: linear-gradient(to right, #38AB24, #38AB24a8) !important;
}
[b-c5vi3cymry] .feature-secondary:before {
    background: linear-gradient(to right, #28383C, #28383Cc3) !important;
}
[b-c5vi3cymry] .feature-test:before {
    background: linear-gradient(to right, #565C61, #1B1B21) !important;
}

/*---*/

[b-c5vi3cymry] .field-widget {
    padding: 8px 3px;
    border: 1px solid;
    border-radius: 10px;
    width: 250px;
    margin: 10px;
}
/* _content/ScoreCapture.Web/Components/Utilities/BirdLoader.razor.rz.scp.css */
body[b-xk18hbzw59] {
    margin: 0;
    padding: 0;
}

*[b-xk18hbzw59],
*[b-xk18hbzw59]:before,
*[b-xk18hbzw59]:after {
    box-sizing: border-box;
}

.container[b-xk18hbzw59] {
    z-index: 1;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    min-height: 100%;
    left: 0;
    right: 0;
    width: auto;
}

.bird[b-xk18hbzw59] {
    background-image: url(/images/bird-cells.svg);
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    -webkit-animation-name: fly-cycle;
    animation-name: fly-cycle-b-xk18hbzw59;
    -webkit-animation-timing-function: steps(10);
    animation-timing-function: steps(10);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.bird--one[b-xk18hbzw59] {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.bird--two[b-xk18hbzw59] {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}

.bird--three[b-xk18hbzw59] {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.bird--four[b-xk18hbzw59] {
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.bird-container[b-xk18hbzw59] {
    position: absolute;
    top: 20%;
    left: -10%;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    -webkit-animation-name: fly-right-one;
    animation-name: fly-right-one-b-xk18hbzw59;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.bird-container--one[b-xk18hbzw59] {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.bird-container--two[b-xk18hbzw59] {
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.bird-container--three[b-xk18hbzw59] {
    -webkit-animation-duration: 14.6s;
    animation-duration: 14.6s;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
}

.bird-container--four[b-xk18hbzw59] {
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    -webkit-animation-delay: 10.25s;
    animation-delay: 10.25s;
}

@-webkit-keyframes fly-cycle {
    100% {
        background-position: -900px 0;
    }
}

@keyframes fly-cycle-b-xk18hbzw59 {
    100% {
        background-position: -900px 0;
    }
}

@-webkit-keyframes fly-right-one {
    0% {
        transform: scale(0.3);
        left: -10%;
    }

    10% {
        transform: translateY(2vh) scale(0.4);
        left: 10%;
    }

    20% {
        transform: translateY(0vh) scale(0.5);
        left: 30%;
    }

    30% {
        transform: translateY(4vh) scale(0.6);
        left: 50%;
    }

    40% {
        transform: translateY(2vh) scale(0.6);
        left: 70%;
    }

    50% {
        transform: translateY(0vh) scale(0.6);
        left: 90%;
    }

    60% {
        transform: translateY(0vh) scale(0.6);
        left: 110%;
    }

    100% {
        transform: translateY(0vh) scale(0.6);
        left: 110%;
    }
}

@keyframes fly-right-one-b-xk18hbzw59 {
    0% {
        transform: scale(0.3);
        left: -10%;
    }

    10% {
        transform: translateY(2vh) scale(0.4);
        left: 10%;
    }

    20% {
        transform: translateY(0vh) scale(0.5);
        left: 30%;
    }

    30% {
        transform: translateY(4vh) scale(0.6);
        left: 50%;
    }

    40% {
        transform: translateY(2vh) scale(0.6);
        left: 70%;
    }

    50% {
        transform: translateY(0vh) scale(0.6);
        left: 90%;
    }

    60% {
        transform: translateY(0vh) scale(0.6);
        left: 110%;
    }

    100% {
        transform: translateY(0vh) scale(0.6);
        left: 110%;
    }
}

@-webkit-keyframes fly-right-two {
    0% {
        transform: translateY(-2vh) scale(0.5);
        left: -10%;
    }

    10% {
        transform: translateY(0vh) scale(0.4);
        left: 10%;
    }

    20% {
        transform: translateY(-4vh) scale(0.6);
        left: 30%;
    }

    30% {
        transform: translateY(1vh) scale(0.45);
        left: 50%;
    }

    40% {
        transform: translateY(-2.5vh) scale(0.5);
        left: 70%;
    }

    50% {
        transform: translateY(0vh) scale(0.45);
        left: 90%;
    }

    51% {
        transform: translateY(0vh) scale(0.45);
        left: 110%;
    }

    100% {
        transform: translateY(0vh) scale(0.45);
        left: 110%;
    }
}

@keyframes fly-right-two-b-xk18hbzw59 {
    0% {
        transform: translateY(-2vh) scale(0.5);
        left: -10%;
    }

    10% {
        transform: translateY(0vh) scale(0.4);
        left: 10%;
    }

    20% {
        transform: translateY(-4vh) scale(0.6);
        left: 30%;
    }

    30% {
        transform: translateY(1vh) scale(0.45);
        left: 50%;
    }

    40% {
        transform: translateY(-2.5vh) scale(0.5);
        left: 70%;
    }

    50% {
        transform: translateY(0vh) scale(0.45);
        left: 90%;
    }

    51% {
        transform: translateY(0vh) scale(0.45);
        left: 110%;
    }

    100% {
        transform: translateY(0vh) scale(0.45);
        left: 110%;
    }
}
/* _content/ScoreCapture.Web/Components/Utilities/Images/ScoreCaptureImageGroup_DropAndDrag.razor.rz.scp.css */
[b-sjk67jmzt2] .overlay-progress-paper {
    background: rgba(255, 255, 255, .8);
    border-radius: 50%;
    width: max-content;
    padding: 10px 10px 2px;
    margin: auto;
}

[b-sjk67jmzt2] .mud-input-underline:has(:not(input:focus)):before, [b-sjk67jmzt2] .mud-input-underline:has(:not(input:focus)) .mud-input-adornment {
    opacity: 0;
    /*border-color: transparent;*/
}

[b-sjk67jmzt2] .mud-input-underline:has(input:focus) .mud-input-adornment, [b-sjk67jmzt2] .mud-input-underline:has(input:hover) .mud-input-adornment {
    opacity: 1;
}


[b-sjk67jmzt2] .ImgDropContainer {
    max-height: Calc(100vh - 250px);
    overflow: auto;
}


[b-sjk67jmzt2] .item-displaytitle {
    max-width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[b-sjk67jmzt2] .item-btnEdit {
    background: #38AB2422;
    color: #38AB24;
    border-radius: 100%;
    margin: auto 0;
    box-sizing: content-box;
    padding: 5px;
}

    [b-sjk67jmzt2] .item-btnEdit:hover {
        background: #38AB24;
        color: #FFF;
        fill: #FFF;
    }

[b-sjk67jmzt2] .item-btnRemove {
    background: #D4433922;
    color: #D44339;
    border-radius: 100%;
    margin: auto 0;
    box-sizing: content-box;
    padding: 5px;
}

    [b-sjk67jmzt2] .item-btnRemove:hover {
        background: #D44339;
        color: #FFF;
        fill: #FFF;
    }

[b-sjk67jmzt2] .item-btnPreview {
    background: #3881D322;
    color: var(--mud-palette-info);
    border-radius: 100%;
    margin: auto 0;
    box-sizing: content-box;
    padding: 5px;
}

    [b-sjk67jmzt2] .item-btnPreview:hover {
        background: var(--mud-palette-info);
        color: #FFF;
        fill: #FFF;
    }

[b-sjk67jmzt2] .image-item .mud-timeline-item-dot {
    transition: 1s;
}

[b-sjk67jmzt2] .image-item.editable:hover .mud-timeline-item-dot {
    background: #38AB24;
}

[b-sjk67jmzt2] .image-item {
    transition: 1s;
    padding: 12px 0;
}

    [b-sjk67jmzt2] .image-item:not(.editable) {
        cursor: default !important;
    }

    [b-sjk67jmzt2] .image-item.editable:hover {
        background: #38AB2422;
    }

    [b-sjk67jmzt2] .image-item .mud-card {
    }

    [b-sjk67jmzt2] .image-item.editable:hover .mud-card {
        border: 2px solid #38AB24;
        margin: -2px;
    }

    [b-sjk67jmzt2] .image-item .time-display {
        margin-left: -15px
    }

    [b-sjk67jmzt2] .image-item .img-preview {
        max-width: 100%;
        max-height: 20vh;
    }

[b-sjk67jmzt2] .image-card-actions {
    position: absolute;
    top: 15px;
    right: 35px;
}


/* --- playlist items preview --- */
.preview-panels[b-sjk67jmzt2] {
    width: 100%;
    height: 350px;
    margin: 10px 0;
    border: 5px ridge #000000a8;
    padding: 10px 10px 60px 10px;
    overflow: hidden;
}

    .preview-panels.full-screen[b-sjk67jmzt2] {
        position: fixed;
        z-index: 9999999999999;
        top: 1vh;
        bottom: 1vh;
        left: 1vw;
        right: 1vw;
        height: auto;
        width: auto;
    }

    .preview-panels .controls-panel[b-sjk67jmzt2] {
        /*position: absolute;*/
        width: 100%;
        height: 50px;
        margin: 5px 0;
        background: #000000a1;
        border-radius: 10px;
        display: flex;
        justify-content: center;
    }

        .preview-panels .controls-panel[b-sjk67jmzt2]  button {
            color: #FFF;
        }

    .preview-panels .slider[b-sjk67jmzt2] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        gap: 20px;
        transition: 2s;
    }

    .preview-panels .preview-panel[b-sjk67jmzt2] {
        width: 100%;
        height: 100%;
        transition: 2s;
        flex: 0 0 auto;
    }

        .preview-panels .preview-panel img[b-sjk67jmzt2] {
            width: 100%;
            height: 100%;
        }

        .preview-panels .preview-panel video[b-sjk67jmzt2] {
            width: 100%;
            height: 100%;
            object-fit: fill;
        }
/* _content/ScoreCapture.Web/Components/Utilities/ScoreCaptureImageHelper.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Utilities/ScoreCaptureImageScroller.razor.rz.scp.css */
/* _content/ScoreCapture.Web/Components/Utilities/ScoreCaptureWizard.razor.rz.scp.css */
/*@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap");*/

.sr-only[b-yc8pm4nfu2] {
    visibility: hidden;
}

.hidden[b-yc8pm4nfu2] {
    width: 0;
    height: 0;
    visibility: hidden;
    display: none;
    overflow: hidden;
}


tour_wizard[b-yc8pm4nfu2] {
    box-sizing: border-box;
    font-size: 16px;
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
    flex-direction: column;
    min-height: 100vh;
    font-family: "Raleway", sans-serif;
    position: relative;
    background-color: #fbfcfc;
}


.container[b-yc8pm4nfu2] {
    margin: 1.5rem;
    padding: 2rem;
    width: 1000px;
    min-height: 300px;
    border: 1px solid #d1d5da;
    border-radius: 1rem;
}

.sbs--border[b-yc8pm4nfu2] {
    display: flex;
    border: 1px solid #d1d5da;
    border-radius: 0.5rem;
}

    .sbs--border li[b-yc8pm4nfu2] {
        flex: 1;
    }

        .sbs--border li:last-of-type .step[b-yc8pm4nfu2]::before,
        .sbs--border li:last-of-type .step[b-yc8pm4nfu2]::after {
            display: none;
        }

        .sbs--border li.finished > .step .indicator[b-yc8pm4nfu2] {
            background-color: #257f3e;
            border-color: #257f3e;
            color: white;
        }

        .sbs--border li.finished > .step .description[b-yc8pm4nfu2] {
            color: #2f363d;
        }

        .sbs--border li.active > .step .indicator[b-yc8pm4nfu2] {
            border-color: #257f3e;
            color: #257f3e;
        }

        .sbs--border li.active > .step .description[b-yc8pm4nfu2] {
            color: #1f6c35;
        }

        .sbs--border li .step[b-yc8pm4nfu2] {
            padding: 1rem 1.5rem;
            display: flex;
            align-items: center;
            position: relative;
        }

            .sbs--border li .step[b-yc8pm4nfu2]::before, .sbs--border li .step[b-yc8pm4nfu2]::after {
                content: "";
                height: 45px;
                width: 1px;
                background-color: #d1d5da;
                position: absolute;
                right: 0;
                top: 50%;
            }

            .sbs--border li .step[b-yc8pm4nfu2]::before {
                transform-origin: center bottom;
                transform: translateY(-100%) rotate(-25deg);
            }

            .sbs--border li .step[b-yc8pm4nfu2]::after {
                transform-origin: center top;
                transform: rotate(25deg);
            }

            .sbs--border li .step .indicator[b-yc8pm4nfu2] {
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: bold;
                width: 3rem;
                height: 3rem;
                border-radius: 50%;
                margin-right: 1rem;
                border: 2px solid #d1d5da;
                color: #8a94a1;
            }

            .sbs--border li .step .description[b-yc8pm4nfu2] {
                font-weight: bold;
                font-size: 0.875rem;
                color: #8a94a1;
            }