#region__167__css_loading_animation {}

    html.is-animating {
        pointer-events: none;
        perspective: 10000px;
    }
    html.is-animating body > main {
        display: none;
    }

    html.is-animating::after {
        position: fixed;
        top: calc(50vh - 60px);
        left: calc(50vw - 60px);
        content: '';
        width: 120px;
        height: 120px;
        border-radius: 50%;
        display: block;
        scale: min(3, calc(100vw / 150px));

        transform: rotateX(70deg);
        box-shadow: 
            0 2px 0 #151515, 
            0 4px 0 #141414, 
            0 6px 0 #131313,
            0 8px 0 #121212, 
            0 10px 0 #111111, 
            0 12px 0 #101010,
            0 14px 0 #0f0f0f, 
            0 16px 0 #0e0e0e, 
            0 18px 0 #0d0d0d,
            0 20px 0 #0c0c0c,
            0 22px 0 #0b0b0b, 
            0 24px 0 #0a0a0a, 
            0 26px 0 #090909,
            0 28px 0 #080808, 
            0 30px 0 #070707, 
            0 32px 0 #060606,
            0 34px 0 #050505, 
            0 36px 0 #040404, 
            0 38px 0 #030303,
            0 40px 0 #020202,
            0 50px 50px rgba(0,0,0,0.9);
    }
    
    html.is-animating::before {
        position: fixed;
        top: calc(50vh - 60px);
        left: calc(50vw - 60px);
        content: '';
        width: 120px;
        height: 120px;
        border-radius: 50%;
        display: block;
        scale: min(3, calc(100vw / 150px));

        transform: rotateX(70deg) rotateZ(0deg);
        animation: spin 8s linear infinite;
        background-image:
            radial-gradient(circle at 35% 30%, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 40%),
            repeating-radial-gradient(
                circle at center,
                transparent 0,
                transparent 10px,
                rgba(0,0,0,0.5) 12px,
                rgba(0,0,0,0.9) 16px,
                rgba(255,255,255,0.05) 20px,
                transparent 22px
            ),
            conic-gradient(from 0deg, #222, #000, #222),
            radial-gradient(circle at center, #222 0%, #000 100%);
        background-blend-mode: normal, soft-light, normal;
    
    }

    @keyframes spin {
        0% { transform: rotateX(70deg) rotateZ(0deg); }
        100% { transform: rotateX(70deg) rotateZ(360deg); }
    }
    
#region__167__css_loading_animation {}


#region__150__css_main_menu {}
    :root {
        interpolate-size: allow-keywords;
    }
    html {
        scrollbar-gutter: stable;
        background-image: url(/assets/media/website/wit.jpg);
        z-index: -1;
        background-repeat: repeat;
    }
    body {
        padding-bottom: 1rem;
    }
    .header-wrapper {
        position: relative;
        padding-left: 5rem;
        margin-bottom: 1rem;
        --pico-secondary-background: #021160;
        --pico-primary-background: #4170ef;
        --pico-primary-hover-background: #0d27b3;
        position: sticky;
        top: 0;
        z-index: 10000;
        max-width: calc(1400px + 1rem);
        margin: 0 auto;
    }
    .container, .container-fluid {
        background: #fffa;
        max-width: 1400px;
        border-radius: 0.25rem;
        corner-shape: scoop;
        box-shadow: 0 0 0.5rem 0 #000;
        margin-top: 1.5rem;
    }
    .header-wrapper .menu-wrapper {
        position: absolute;
        top: 0.5rem;
        left: 0.5rem;
        right: 0.5rem;
        width: calc(100% - 1rem);
        min-width: 300px;
        max-width: 600px;
        font-size: 1.1rem;
        z-index: 100000;
        margin: 0 auto;
    }
    .header-wrapper .menu-wrapper details.main-menu {
        background: var(--pico-secondary-background);
        background-image: url(/assets/media/website/zwart.jpg);
        color: var(--pico-secondary-inverse);
        border-radius: 0.25rem;
        corner-shape: scoop;
        margin: 0;
        box-shadow: 0 0 0.5rem 0 #000;
    }
    .header-wrapper .menu-wrapper details.main-menu * {
        line-height: 1.5;
        margin: 0;
        border: none !important;
        outline: none !important;
    }
    .header-wrapper .menu-wrapper details.main-menu[open] {
        width: 100%;
        max-height: 95vh;
        overflow: auto;
    }
    .header-wrapper .menu-wrapper details.main-menu .main-menu-btn {
        display: flex;
        justify-content: space-between;
        padding: 0.1rem 0.5rem;
        background: var(--pico-primary-background);
        background-image: url(/assets/media/website/rand.jpg);
        color: var(--pico-primary-inverse);
        border-radius: 0.25rem;
        corner-shape: scoop;
        font-size: 1.5rem;
        box-shadow: inset 0 0 0.5rem 0 #000;
    }
    .header-wrapper .menu-wrapper details.main-menu[open] .main-menu-btn {
        margin-bottom: 1rem;
        border: none;
        outline: none;
    }
    .header-wrapper .menu-wrapper details.main-menu .gdb-title-wrapper {
        width: 100%;
        text-align: center;
    }
    .header-wrapper .menu-wrapper details.main-menu .gdb-title-link {
        text-decoration: none;
        color: #ffe;
        text-shadow: 
            -2px -2px 0px #000,
            -2px  2px 0px #000,
             2px -2px 0px #000,
             2px  2px 0px #000;
        padding-right: 0.5rem;
        font-weight: 700;
        display: inline-block;
        text-align: center;
    }
    .header-wrapper .menu-wrapper details.main-menu .main-menu-btn::after {
        display: none;
    }
    .header-wrapper .menu-wrapper details.main-menu .main-menu-menus {
        padding: 0 1rem 1rem 1rem;
        overflow: auto;
    }
    .header-wrapper .menu-wrapper details.main-menu .menu-item {
        display: block;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--pico-primary-inverse);
        text-decoration: none;
        cursor: pointer;
    }
    .header-wrapper .menu-wrapper details.main-menu .dropdown-link {
        color: var(--pico-primary-inverse);
        text-decoration: none;
        cursor: pointer;
    }
    .header-wrapper .menu-wrapper details.main-menu .menu-item:hover,
    .header-wrapper .menu-wrapper details.main-menu .menu-item:focus-within,
    .header-wrapper .menu-wrapper details.main-menu .dropdown-link:hover,
    .header-wrapper .menu-wrapper details.main-menu .dropdown-link:focus-within {
        color: var(--pico-primary);
    }
    .header-wrapper .menu-wrapper details.main-menu details {
        margin-bottom: 0;
    }
    .header-wrapper .menu-wrapper details.main-menu details > div > div,
    .header-wrapper .menu-wrapper details.main-menu details > div > details {
        padding-left: 1rem;
    }
    .damlink-icon {
        height: 24px;
        width: 24px;
        object-fit: cover;
        object-position: left;
        margin-left: 0.5rem !important;
        display: inline-block;
    }
    .header-wrapper .menu-wrapper details.main-menu details > summary {
        cursor: zoom-in;
    }
    .header-wrapper .menu-wrapper details.main-menu details[open] > summary {
        cursor: zoom-out;
    }
    .header-wrapper .menu-wrapper details.main-menu details > summary:hover {
        background: var(--pico-primary-hover-background);
        background-image: url(/assets/media/website/rand.jpg);
    }
    .header-wrapper .menu-wrapper .menu-current-item {
        color: color-mix(in srgb, currentColor, black 10%);
    }
    .header-wrapper .menu-wrapper .menu-current-item.inner-here {
        color: color-mix(in srgb, currentColor, black 40%);
    }
    .content-block {
        background: #eee;
        padding: 1rem;
        box-shadow: 0 0 1rem 0 #0008;
        border-radius: 0.25rem;
        corner-shape: scoop;
        margin-bottom: 1rem;
    }

    @media (max-width: 500px) {
        .container, .container-fluid {
            --pico-spacing: 0.5rem;
        }
    }
#region__150__css_main_menu {}


#region__139__css_partijfragmenten {}

    div[id^="div_totalcontainer_fragment_"] {
        border-radius: 0.25rem;
        corner-shape: scoop;
        overflow: clip;	
        box-shadow: 0 0 0.5rem 0 #0008;
        border: 1px solid #000c;
    }
    #fragment-kolom1, #fragment-kolom2, .fragment-section .verslagTitel {
        border-radius: 0.25rem;
        corner-shape: scoop;
        box-shadow: 0 0 0.5rem 0 #0008;
        padding: 1rem;
        background: #eee;
        margin-bottom: 1rem;
    }
    #fragment-kolom2 {
        display: grid;
        grid-template-columns: max-content 1fr;
        gap: 1rem;
    }
    .index-fragmenten {
        display: grid;
        gap: 0 0.5rem;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    .index-fragmenten, .index-fragmenten li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .index-fragmenten a {
        color: currentColor;
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block;
    }
    .index-fragmenten a:is(:hover,:focus-within) {
        color: color-mix(in srgb, currentColor, black 40%);
    }
    
    .index-fragmenten li.active:is(:hover,:focus-within) {
        color: var(--pico-color) !important;
    }
    .fragment-wedstrijd-info {
        margin-bottom: 1rem;
        grid-column: span 2;
    }
    .fragment-wedstrijd-info strong {
        display: inline-block;
        width: 115px;
    }
    #fragmenten {
        max-width: 426px;
    }
    #fragmenten > div[id^="fragment_"] {
        transform-origin: 0;
        scale: min(1, calc(100vw / 500px));
    }
    .verslag-item[data-id="63"] #fragment-kolom2, .verslag-item[data-id="63"] #fragment-kolom1 h4 {
        display: none;
    }
    .verslag-item .submenu-item {
        border-radius: 0.25rem;
        corner-shape: scoop;
        box-shadow: 0 0 0.5rem 0 #0008;
        padding: 0 0.5rem;
        background: #0001;
        margin-bottom: 0.5rem;
        cursor: pointer;
    }
    .verslag-item .submenu-item:not(.active):is(:hover,:fous-within) {
        background: #0002;
    }
    .verslag-item .submenu-item.active {
        opacity: 0.5;
        cursor: default;
    }
    .verslag-item .fragment-omschrijving {
        min-height: 9em;
    }
    #fragment-lidraughts {
        border-radius: 0.25rem;
        corner-shape: scoop;
        box-shadow: 0 0 0.5rem 0 #0008;
        border: 1px solid #000c;
        padding: 3.3rem 0.5rem 3rem;
        background: #654226;
        aspect-ratio: 600 / 500;
        height: auto;
        width: 100%;
        max-width: 650px;
    }
    #fragment-lidraughts[src=""] {
        display: none;
    }
    
    @media (max-width: 1180px) {
        #fragment-kolom2 {
            display: block;
        }
        .verslag-item .fragment-omschrijving {
            min-height: auto;
        }
        #fragment-lidraughts {
            padding: 0.5rem;
            aspect-ratio: 600 / 450;
        }
    }
    @media (max-width: 400px) {
        #fragment-lidraughts {
            aspect-ratio: 600 / 550;
        }
    }
    
#region__139__css_partijfragmenten {}


#region__140__css_contact_informatie {}

    .contact-info {
        border-radius: 0.25rem;
        corner-shape: scoop;
        box-shadow: 0 0 0.5rem 0 #0008;
        padding: 1rem;
        background: #eee;
        margin-bottom: 1rem;

    }
    .contact-info-groep {
        display: grid;
        grid-template-columns: calc(300px + 1rem) 240px 150px 1fr;
        margin-bottom: 0.25rem;
        padding: 0 0.5rem;
        background: #0002;
        border: 1px solid #000;
        box-shadow: 0 0 0.5rem 0 #0008;
        border-radius: 0.25rem;
        corner-shape: scoop;
    }
    .contact-info-functie {
        display: grid;
        grid-template-columns: 300px 240px 150px 1fr;
        margin-bottom: 0.25rem;
        margin-left: 1rem;
        padding: 0 0.5rem;
        background: #0001;
        box-shadow: 0 0 0.5rem 0 #0008;
        border: 1px solid #000;
        border-radius: 0.25rem;
        corner-shape: scoop;
    }
    .contact-info-groep .groep,
    .contact-info-functie .functie {
        font-weight: 700;
    }
    .contact-info-groep .email,
    .contact-info-functie .email {
        text-decoration: none;
        color: currentColor;
    }
    .contact-info-groep .email:is(:focus-within,:hover),
    .contact-info-functie .email:is(:focus-within,:hover) {
        color: color-mix(in srgb, currentColor, white 40%);
    }
    
    
    @media (max-width: 1150px) {
        .contact-info-groep, .contact-info-functie {
            grid-template-columns: 1fr;
        }
        .contact-info-groep {
        }
        .contact-info-functie {
        }
    }
    
#region__140__css_contact_informatie {}


#region__141__css_verenigings_informatie {}

    .verenigingen-overzicht {
        margin-bottom: 0.5rem;
        border-radius: 0.25rem;
        corner-shape: scoop;
        padding: 0.5rem;
        background: #eee;
        border: 1px solid #000;
        box-shadow: 0 0 0.5rem 0 #0008;
    }
    .verenigingen-overzicht .vereniging-details {
        display: none;
    }
    .verenigingen-overzicht .vereniging-details-active {
        display: block;
    }
    .verenigingen-overzicht .vereniging-details-title {
        margin-bottom: 0;
        border-radius: 0.25rem;
        corner-shape: scoop;
        padding: 0 0.5rem;
        background: #0004;
        border: 1px solid #000;
        box-shadow: 0 0 0.5rem 0 #0008;
        font-size: 1.5rem;
        font-weight: 700;
    }
    .verenigingen-overzicht .vereniging-info-block {
        margin-top: 0.5rem;
        border-radius: 0.25rem;
        corner-shape: scoop;
        padding: 0.5rem;
        background: #00000008;
        border: 1px solid #000;
        box-shadow: 0 0 0.5rem 0 #0008;
    }
    .verenigingen-overzicht .vereniging-adres > h4 {
        margin: 0;
    }
    .verenigingen-overzicht .vereniging-regel {
        display: grid;
        grid-template-columns: 140px 1fr;
        gap: 1rem;
    }
    .verenigingen-overzicht .vereniging-label {
        font-weight: 500;
        text-align: right;
    }
    .verenigingen-overzicht a {
        text-decoration: none;
        color: currentColor;
    }
    .verenigingen-overzicht a:is(:focus-within,:hover) {
        color: color-mix(in srgb, currentColor, white 40%);
    }
    
    .verenigingen-overzicht .custom-select-wrapper {
        position: relative;
        user-select: none;
        width2: 300px;
    }
    .verenigingen-overzicht .custom-select {
        position: relative;
        display: flex;
        flex-direction: column;
        border: 1px solid #e0e0e0;
        border-radius: 0.25rem;
        background: #eee;
        transition: all 0.3s ease;
        cursor: pointer;
    }
    .verenigingen-overzicht .custom-select__trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .verenigingen-overzicht .arrow {
        width: 10px;
        height: 10px;
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
        transform: rotate(45deg);
        transition: all 0.3s ease;
        margin-bottom: 0.25rem;
    }
    .verenigingen-overzicht .custom-select.open .arrow {
        transform: rotate(-135deg);
        margin-bottom: -0.25rem;
    }
    .verenigingen-overzicht .custom-options {
        border-radius: 0.25rem;
        corner-shape: scoop;
        padding: 0.5rem;
        border: 1px solid #000;
        box-shadow: 0 0 0.5rem 0 #0008;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #eee;
        transition: all 0.3s ease;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: 2;
        border-radius: 0.25rem;
        max-height: calc(100vh - 200px);
        overflow: auto;
    }
    .verenigingen-overzicht .custom-select.open .custom-options {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }
    .verenigingen-overzicht .custom-option {
        margin-top: 0.1rem;
        border-radius: 0.25rem;
        corner-shape: scoop;
        padding: 0 0.5rem;
        background: #0001;
        border: 1px solid #000;
        box-shadow: 0 0 0.5rem 0 #0008;
        display: block;
        transition: all 0.3s ease;
    }
    .verenigingen-overzicht .custom-option:is(:hover,:focus-within) {
        background: #0004;
    }
    .verenigingen-overzicht .custom-option.selected {
        background: #0006;
        cursor: not-allowed;
    }

    @media (max-width: 500px) {
        .verenigingen-overzicht .vereniging-regel {
            grid-template-columns: 1fr;
            gap: 0rem;
        }
        .verenigingen-overzicht .vereniging-label {
            text-align: left;
        }
    }
    
#region__141__css_verenigings_informatie {}


#region__142__css_damkalender {}

    .agenda-wrapper {
        border-radius: 0.25rem;
        corner-shape: scoop;
        padding: 0.5rem;
        background: #eee;
        border: 1px solid #000;
        box-shadow: 0 0 0.5rem 0 #0008;
    }
    #agenda-iframe {
        margin-bottom: 0.5rem;
        border-radius: 0.25rem;
        corner-shape: scoop;
        background: #eee;
        box-shadow: 0 0 0.5rem 0 #0008;
        min-width: 100%;
    }

#region__142__css_damkalender {}


#region__143__css_pdf_preview {}

    details.vergaderingen {
        margin: 0;
    }
    details.vergaderingen > summary {
        margin: 0 0 0.5rem;
        font-weight: 700;
        border-radius: 0.25rem;
        corner-shape: scoop;
        box-shadow: 0 0 0.5rem 0 #0008;
        padding: 0.5rem 1rem;
        background: #ddd;
    }
    details.pdf-content {
        margin-bottom: 0.5rem;
        margin-left: 1rem;
    }
    .pdf-download-wrapper {
        border-radius: 0.25rem;
        corner-shape: scoop;
        box-shadow: 0 0 0.5rem 0 #0008;
        padding: 0.5rem 1rem;
        background: #eee;
        margin-bottom: 1rem;
    }
    summary.pdf-download-wrapper {
        margin-bottom: 0;
    }
    .pdf-download-link {
        text-decoration: none;
        color: currentColor;
    }
    .pdf-download-link:is(:hover,:focus-within) {
        color: color-mix(in srgb, currentColor, white 40%);
    }
    .pdf-preview-images {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .pdf-preview {
        border-radius: 0.25rem;
        corner-shape: scoop;
        box-shadow: 0 0 0.5rem 0 #0008;
        width: 100%;
    }

#region__143__css_pdf_preview {}


#region__151__css_routeplanner {}

    .route-planner-grid {
        display: grid;
        grid-template-columns: 100px 1fr;
        gap: 0.5rem;
    }
    .route-planner-select {
        margin: 0;
        padding: 0;
        width: 100%;
        border-radius: 0.25rem;
        corner-shape: scoop;
        box-shadow: 0 0 0.5rem 0 #0008;
    }
    .route-planner-select option[value=""] {
        color: color-mix(in srgb, currentColor, white 80%);
    }
    #googlemaps {
        width: 100%;
        height: calc(100vh - 370px);
        border-radius: 0.25rem;
        corner-shape: scoop;
        box-shadow: 0 0 0.5rem 0 #0008;
    }
    .adres-link-wrapper {
        padding-bottom: 1rem;
    }
    #adres-link {
        text-decoration: none;
        color: currentColor;
        border-radius: 0.25rem;
        corner-shape: scoop;
        box-shadow: 0 0 0.5rem 0 #0008;
        background: #eee;
        padding: 0.5rem 1rem;
    }
    #adres-link:is(:hover,:focus-within) {
        color: color-mix(in srgb, currentColor, white 40%);
    }

#region__151__css_routeplanner {}


#region__173__css_stand {}

    #stand-overzicht-wrapper .stand-header-row > div {
        background: #c8c8c8;
    }
    #stand-overzicht-wrapper .stand-header-row > div {
        border-bottom: 2px solid #0008;
        font-weight: 700;
    }
    #stand-overzicht-wrapper .stand-row {
        display: grid;
        grid-template-columns: 5ch 1fr 5ch 5ch 5ch;
        gap: 0.25rem;
    }
    #stand-overzicht-wrapper .stand-team-row:nth-child(odd) > div {
        background: #f8f8f8
    }
    #stand-overzicht-wrapper .stand-team-row:nth-child(even) > div {
        background: #e8e8e8
    }
    #stand-overzicht-wrapper .stand-row > div {
        padding: 0 0.25rem;
    }
    #stand-overzicht-wrapper .stand-row .stand-plaats,
    #stand-overzicht-wrapper .stand-row .stand-aw,
    #stand-overzicht-wrapper .stand-row .stand-punten,
    #stand-overzicht-wrapper .stand-row .stand-bordpunten {
        text-align: center;
    }
    #stand-overzicht-wrapper .stand-team-row .stand-plaats,
    #stand-overzicht-wrapper .stand-team-row .stand-punten {
        font-weight: 700;
    }    
    #stand-overzicht-wrapper .stand-wrapper {
        border-radius: var(--pico-border-radius);
        max-width: 50ch;
        padding: 1rem;
        background: #eee;
        box-shadow: 0 0 20px 0 #0008;
        border-radius: 0.25rem;
        corner-shape: scoop;
    }
    #stand-overzicht-wrapper .stand-wrapper > div > div {
        border-left: 1px solid #0002;
        border-right: 1px solid #0002;
    }
    #stand-overzicht-wrapper .stand-wrapper > div:first-of-type > div {
        border-top: 1px solid #0002;
        border-radius: 0.25rem 0.25rem 0 0;
        corner-shape: scoop;
    }
    #stand-overzicht-wrapper .stand-wrapper > div:last-of-type > div {
        border-bottom: 1px solid #0002;
        border-radius: 0 0 0.25rem 0.25rem;
        corner-shape: scoop;
    }
    #stand-overzicht-wrapper .stand-wrapper > div:first-of-type:last-of-type > div {
        border-bottom: 1px solid #0002;
        border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
        corner-shape: scoop;
    }
    
    @media (max-width: 959px) {
        #stand-overzicht-wrapper .stand-row {
            grid-template-columns: 1fr 5ch 5ch;
        }
        #stand-overzicht-wrapper :is(.stand-plaats, .stand-aw) {
            display: none;
        }
    }

#region__173__css_stand {}


#region__174__css_uitslagen_overzicht {}

    #uitslagen-overzicht-wrapper .ronde-btns {
        user-select: none;
    }
    #uitslagen-overzicht-wrapper .ronde-btns button {
        transition: opacity 0.3s ease-in-out;
        border-radius: 0.25rem;
        corner-shape: scoop;
    }
    #uitslagen-overzicht-wrapper .huidige-ronde, .max-ronde {
        display: inline-block;
        width: 3ch;
        text-align: center;
    }
    #uitslagen-overzicht-wrapper .alle-uitslagen-ronden {
        display: grid;
    }
    #uitslagen-overzicht-wrapper .uitslagen-ronden {
        grid-area: 1 / 1;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out;
    }
    #uitslagen-overzicht-wrapper .uitslag-formulier article {
        margin: 0;
        padding: 0.25rem;
    }
    #uitslagen-overzicht-wrapper .uitslagen-header-weergave .overzicht-mobile-grid {
        display: grid;
        grid-template-columns: 1fr; 
        gap: 0.25rem; 
        border-bottom: 2px solid #888;
    }
    #uitslagen-overzicht-wrapper .uitslagen-header-weergave .overzicht-mobile-grid strong {
        display: none;
    }
    #uitslagen-overzicht-wrapper .persoonlijke_uitslagen .overzicht-mobile-grid strong {
        display: none;
    }
    #uitslagen-overzicht-wrapper .uitslagen-header-weergave span {
        font-weight: 700;
    }
    #uitslagen-overzicht-wrapper .uitslagen-header-weergave .ronde::before {
        content: "R ";
    }
    #uitslagen-overzicht-wrapper .modal-invoer-btn-open {
        padding: 0.25rem 0.5rem;
        margin-bottom: 0.25rem;
        corner-shape: scoop;
    }
    #uitslagen-overzicht-wrapper .desktop-align-center {
        text-align: center;
        display: block;
    }
    #uitslagen-overzicht-wrapper .partij-invoer select {
        padding: 0.1rem 0.25rem;
        margin: 0.1rem;
    }
    #uitslagen-overzicht-wrapper .partij-invoer {
        margin: 0;
        padding: 0.2rem 0;
        border-bottom: 1px dashed var(--pico-form-element-border-color); 
    }
    #uitslagen-overzicht-wrapper article[data-id="partijen-container"] {
        background: #eee;
        box-shadow: 0 0 20px 0 #0008;
        border-radius: 0.25rem;
        corner-shape: scoop;
    }
    #uitslagen-overzicht-wrapper .overzicht-desktop-grid {
        display: grid;
        grid-template-columns: 6ch 1fr 1fr 12ch 16ch; 
        gap: 0.25rem; 
    }
    #uitslagen-overzicht-wrapper .overzicht-mobile-grid span {
        padding: 0 0.25rem;
    }
    #uitslagen-overzicht-wrapper .uitslagen-header-weergave .overzicht-mobile-grid {
        background: #c8c8c8;
    }
    #uitslagen-overzicht-wrapper .persoonlijke_uitslagen:nth-child(odd) .overzicht-mobile-grid {
        background: #f8f8f8;
    }
    #uitslagen-overzicht-wrapper .persoonlijke_uitslagen:nth-child(even) .overzicht-mobile-grid {
        background: #e8e8e8;
    }
    #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div > div > * {
        border-left: 1px solid #0002;
        border-right: 1px solid #0002;
    }
    #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:first-of-type > div > * {
        border-top: 1px solid #0002;
        border-radius: 0.25rem 0.25rem 0 0;
        corner-shape: scoop;
    }
    #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:last-of-type > div > * {
        border-bottom: 1px solid #0002;
        border-radius: 0 0 0.25rem 0.25rem;
        corner-shape: scoop;
    }
    #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:first-of-type:last-of-type > div > * {
        border-bottom: 1px solid #0002;
        border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
        corner-shape: scoop;
    }

    @media (max-width: 959px) {

        #uitslagen-overzicht-wrapper article[data-id="partijen-container"] > .persoonlijke_uitslagen {
            border-top: none;
        }
        #uitslagen-overzicht-wrapper #team-container {
            background: #ccc8;
        }
        #uitslagen-overzicht-wrapper .overzicht-desktop-grid {
            grid-template-columns: 1fr 1fr;
            gap: 0;
        }
        #uitslagen-overzicht-wrapper .overzicht-desktop-grid .overzicht-mobile-grid {
            display: grid;
            grid-template-columns: 12ch 1fr; 
            gap: 0.25rem;
            border-bottom: none;
        }
        #uitslagen-overzicht-wrapper .overzicht-desktop-grid .overzicht-mobile-grid strong {
            display: block;
            font-weight: 700;
            margin: 0;
            text-align: right;
        }
        #uitslagen-overzicht-wrapper .overzicht-desktop-grid .overzicht-mobile-grid span {
            font-weight: 400;
        }
        #uitslagen-overzicht-wrapper #spelers-container-header, 
        #uitslagen-overzicht-wrapper #team-container-header {
            display: none;
        }
        #uitslagen-overzicht-wrapper .ronde-bord-span2 {
            grid-column: span 2;
        }
        #uitslagen-overzicht-wrapper .desktop-align-center {
            text-align: left;
            display: block;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div > div > *,
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:first-of-type > div > *,
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:last-of-type > div > *,
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:first-of-type:last-of-type > div > * {
            border-radius: 0 0 0 0;
            border: none;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div > div > .overzicht-links {
            border-left: 1px solid #0002 !important;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div > div > .overzicht-rechts {
            border-right: 1px solid #0002 !important;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div > div > .overzicht-ronde {
            border-left: 1px solid #0002 !important;
            border-right: 1px solid #0002 !important;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div > div > .overzicht-uitslag {
            border-left: 1px solid #0002 !important;
            border-bottom: 1px solid #0002 !important;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div > div > .overzicht-volgorde,
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div > div > .overzicht-datum {
            border-right: 1px solid #0002 !important;
            border-bottom: 1px solid #0002 !important;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:first-of-type > div > .overzicht-ronde {
            border-radius: 0.25rem 0.25rem 0 0;
            border-top: 1px solid #0002 !important;
            border-left: 1px solid #0002 !important;
            border-right: 1px solid #0002 !important;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:last-of-type > div > .overzicht-uitslag {
            border-radius: 0 0 0 0.25rem;
            border-left: 1px solid #0002 !important;
            border-bottom: 1px solid #0002;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:last-of-type > div > .overzicht-volgorde,
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:last-of-type > div > .overzicht-datum {
            border-radius: 0 0 0.25rem 0;
            border-right: 1px solid #0002 !important;
            border-bottom: 1px solid #0002 !important;
        }

    }
    @media (max-width: 749px) {
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:last-of-type > div > .overzicht-uitslag {
            border-radius: 0 0 0 0;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:last-of-type > div > .overzicht-volgorde,
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div:last-of-type > div > .overzicht-datum {
            border-radius: 0 0 0.25rem 0.25rem;
        }
        #uitslagen-overzicht-wrapper .overzicht-desktop-grid {
            grid-template-columns: 1fr; 
        }
        #uitslagen-overzicht-wrapper .ronde-bord-span2 {
            grid-column: span 1;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div > div > .overzicht-uitslag {
            border-bottom: none !important;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div > div > .overzicht-links {
            border-left: 1px solid #0002 !important;
            border-right: 1px solid #0002 !important;
        }
        #uitslagen-overzicht-wrapper [data-id="partijen-container"] > div > div > .overzicht-rechts {
            border-left: 1px solid #0002 !important;
            border-right: 1px solid #0002 !important;
        }
    }
    @media (max-width: 399px) {
        #uitslagen-overzicht-wrapper .overzicht-desktop-grid {
            font-size: 0.8rem;
        }
        #uitslagen-overzicht-wrapper .ronde-btns button {
            padding: 0.5rem;
        }
    }        

#region__174__css_uitslagen_overzicht {}


#region__175__css_modal_invoer {}

    #modal-invoer *:invalid {
        outline: 1px solid #f00 !important;
    }
    #modal-invoer #modal-invoer-btn-close {
        corner-shape: scoop;
        padding: 0.5rem 1rem;
        height: auto;
    }
    #modal-invoer .desktop-grid {
        display: grid;
        grid-template-columns: 6ch 1fr 1fr 12ch 16ch; 
        gap: 0.25rem; 
    }
    #modal-invoer .desktop-grid .bord-invoer-grid label {
        display: none; 
    }
    #modal-invoer .desktop-grid .bord-invoer-grid {
        grid-template-columns: 1fr; 
    }
    #modal-invoer .bord-invoer-grid {
        display: grid;
        grid-template-columns: 17ch 1fr; 
        gap: 0.25rem; 
        align-items: center;
    }
    #modal-invoer #uitslagen_invoer_scherm {
        width: 95vw;
        max-width: 1800px;
        background: #eee;
        box-shadow: 0 0 20px 0 #0008;
        padding: 0.5rem;
        position: relative;
        max-height: 95vh;
        overflow: auto;
        display: grid;
        grid-template-rows: max-content 1fr max-content;
        gap: 0.25rem;
        border-radius: 0.25rem;
        corner-shape: scoop;
    }
    #modal-invoer #scroll-container {
        overflow: auto;
        box-shadow: inset 0 0 1rem #0008;
        border-radius: 0.25rem;
        corner-shape: scoop;
    }        
    #modal-invoer header {
        display: flex;
        justify-content: space-between;
    }
    #modal-invoer input:disabled {
        background: #eee;
        opacity: 1;
    }
    #modal-invoer #team-container, .wedstrijd-container {
        border-bottom: 1px dotted #0008;
        padding: 0.5rem;
    }
    #modal-invoer #team-container {
        background: #fff8;
    }
    #modal-invoer #spelers-container-header {
        padding: 0.5rem 0.5rem 0 0.5rem;
        border-bottom: 1px dotted #0008;
        background: #ccc8;
    }
    #modal-invoer #team-container-header {
        padding: 0.5rem 0.5rem 0 0.5rem;
        border-bottom: 1px dotted #0008;
        background: #ccc8;
    }
    #modal-invoer #spelers-container-header label {
        font-weight: 700;
    }
    #modal-invoer #team-container-header label {
        font-weight: 700;
    }
    #modal-invoer .wedstrijd-container:nth-child(odd) {
        background: #fff8;
    }
    #modal-invoer .wedstrijd-container:nth-child(even) {
        background: #eee8;
    }
    #modal-invoer textarea,
    #modal-invoer input,
    #modal-invoer select,
    #modal-invoer #team-container input,
    #modal-invoer #team-container select,
    #modal-invoer .wedstrijd-container input,
    #modal-invoer .wedstrijd-container select {
        border: 1px solid #0004;
        padding: 0 0.5rem;
        margin: 0;
        height: auto;
        corner-shape: scoop;
    }
    #modal-invoer .grid-btns {
        display: grid;
        grid-template-columns: 1fr 1fr; 
        gap: 0.25rem;
    }
    #modal-invoer .grid-btns label {
        font-weight: 700;
    }
    #modal-invoer .grid-btns input:not([type="radio"],[type="checkbox"]) {
        height: auto;
        padding: 0.25rem 0.5rem;
        margin-bottom: 0.5rem;
        corner-shape: scoop;
    }
    #modal-invoer .grid-btns button {
        margin: 0;
        corner-shape: scoop;
    }
    #modal-invoer .ronde-bord-span2 {
        grid-column: span 1;        
    }
    #modal-invoer .opmerkingen-invoer-wrapper {
        grid-column: span 2;
    }

    @media (max-width: 959px) {
        #modal-invoer #team-container {
            background: #ccc8;
        }
        #modal-invoer .desktop-grid {
            grid-template-columns: 1fr 1fr; 
        }
        #modal-invoer .desktop-grid .bord-invoer-grid {
            display: grid;
            grid-template-columns: 12ch 1fr; 
        }
        #modal-invoer .desktop-grid .bord-invoer-grid label {
            display: block;
            font-weight: bold;
            margin: 0;
            text-align: right;
        }
        #modal-invoer #spelers-container-header, 
        #modal-invoer #team-container-header {
            display: none;
        }
        #modal-invoer .ronde-bord-span2 {
            grid-column: span 2;
        }
    }
    @media (max-width: 599px) {
        #modal-invoer .desktop-grid {
            grid-template-columns: 1fr; 
        }
        #modal-invoer .ronde-bord-span2 {
            grid-column: span 1;
        }

    }


    #modal-invoer option.niet-ingevoerd {
        background: #fcc;
    }
    #modal-invoer option.speler-toevoegen {
        background: #aaf;
    }
    #modal-invoer option.niet-aanwezig {
        background: #ccf;
    }
    #modal-invoer optgroup.groep_team_speler, optgroup.groep_team_speler option {
        background: #cfc;
    }
    #modal-invoer optgroup.groep_lager_team, optgroup.groep_lager_team option {
        background: #cff;
    }
    #modal-invoer optgroup.groep_reserves, optgroup.groep_reserves option {
        background: #ffc;
    }
    #modal-invoer optgroup.groep_geen_gelders, optgroup.groep_geen_gelders option {
        background: #faa;
    }
    #modal-invoer optgroup.groep_hoger_team, optgroup.groep_hoger_team option {
        background: #f88;
    }
    #modal-invoer optgroup.groep_geen_lid, optgroup.groep_geen_lid option {
        background: #f44;
        display: none;
    }
    #modal-invoer optgroup.groep_overleden, optgroup.groep_overleden option {
        background: #f00;
        display: none;
    }
    #modal-invoer optgroup.normaal, optgroup.normaal option {
        background: #cfc;
    }
    #modal-invoer optgroup.reglementair, optgroup.reglementair option {
        background: #ffc;
    }
    #modal-invoer optgroup {
        color: #00f;
    }
    #modal-invoer optgroup option {
        color: #222;
    }



    #modal-nieuwe-speler *:invalid {
        outline: 1px solid #f00 !important;
    }
    #modal-nieuwe-speler #modal-nieuwe-speler-btn-close {
        corner-shape: scoop;
        padding: 0.5rem 1rem;
        height: auto;
    }
    #modal-nieuwe-speler #nieuwe_speler_invoer_scherm {
        max-width: 95vw;
        overflow: auto;
        background: #eee;
        box-shadow: 0 0 20px 0 #0008;
        padding: 0.5rem;
        position: relative;
        max-height: 95vh;
        display: grid;
        grid-template-rows: max-content 1fr max-content;
        gap: 0.25rem;
        border-radius: 0.2rem;
    }
    #modal-nieuwe-speler header {
        display: flex;
        justify-content: space-between;
    }
    #modal-nieuwe-speler input:disabled {
        background: #eee;
        opacity: 1;
    }
    #modal-nieuwe-speler #nieuwe-speler-container label {
        font-weight: bold;
    }
    #modal-nieuwe-speler #nieuwe-speler-container input:not([type="radio"],[type="checkbox"]) {
        border: 1px solid #0008;
        padding: 0 0.5rem;
        margin: 0;
        height: auto;
        corner-shape: scoop;
    }
    #modal-nieuwe-speler .grid-btns {
        display: grid;
        grid-template-columns: 1fr 1fr; 
        gap: 0.25rem;
    }
    #modal-nieuwe-speler .grid-btns label {
        font-weight: 700;
    }
    #modal-nieuwe-speler .grid-btns input {
        height: auto;
        padding: 0.25rem 0.5rem;
        margin-bottom: 0.5rem;
        corner-shape: scoop;
    }
    #modal-nieuwe-speler .grid-btns button {
        margin: 0;
        corner-shape: scoop;
    }

    #modal-nieuwe-speler #nieuwe-speler-resultaten {
        border: 1px dotted #0004;
        padding: 0.5rem;
        border-radius: 0.5rem;
        corner-shape: scoop;
        box-shadow: inset 0 0 10px #0004;
    }
    #modal-nieuwe-speler #nieuwe-speler-resultaten h3 {
        margin: 0.5rem 0 0.25rem 0;
    }
    #modal-nieuwe-speler #nieuwe-speler-resultaten h4 {
        margin: 0.75rem 0 0.25rem 0;
    }
    .hidden {
        display: none;
    }

#region__175__css_modal_invoer {}


#region__177__css_persoonlijke_score {}

    #persoonlijk-overzicht-wrapper .persoonlijk-header-row > div {
        background: #c8c8c8;
    }
    #persoonlijk-overzicht-wrapper .persoonlijk-header-row > div {
        border-bottom: 2px solid #0008;
        font-weight: 700;
    }
    #persoonlijk-overzicht-wrapper .persoonlijk-row {
        display: grid;
        grid-template-columns: 5ch 1fr 7ch 1fr 5ch 5ch 7ch 7ch;
        gap: 0.25rem;
    }
    #persoonlijk-overzicht-wrapper .persoonlijk-team-row:nth-child(odd) > div {
        background: #f8f8f8
    }
    #persoonlijk-overzicht-wrapper .persoonlijk-team-row:nth-child(even) > div {
        background: #e8e8e8
    }
    #persoonlijk-overzicht-wrapper .persoonlijk-row > div {
        padding: 0 0.25rem;
    }
    #persoonlijk-overzicht-wrapper .persoonlijk-row .persoonlijk-plaats,
    #persoonlijk-overzicht-wrapper .persoonlijk-row .persoonlijk-rating,
    #persoonlijk-overzicht-wrapper .persoonlijk-row .persoonlijk-aw,
    #persoonlijk-overzicht-wrapper .persoonlijk-row .persoonlijk-punten,
    #persoonlijk-overzicht-wrapper .persoonlijk-row .persoonlijk-trating,
    #persoonlijk-overzicht-wrapper .persoonlijk-row .persoonlijk-bordgem {
        text-align: center;
    }
    #persoonlijk-overzicht-wrapper .persoonlijk-team-row .persoonlijk-plaats,
    #persoonlijk-overzicht-wrapper .persoonlijk-team-row .persoonlijk-punten {
        font-weight: 700;
    }    
    #persoonlijk-overzicht-wrapper .persoonlijk-wrapper {
        border-radius: var(--pico-border-radius);
        max-width: 250ch;
        padding: 1rem;
        background: #eee;
        box-shadow: 0 0 20px 0 #0008;
        border-radius: 0.25rem;
        corner-shape: scoop;
    }
    #persoonlijk-overzicht-wrapper .persoonlijk-wrapper > div > div {
        border-left: 1px solid #0002;
        border-right: 1px solid #0002;
    }
    #persoonlijk-overzicht-wrapper .persoonlijk-wrapper > div:first-of-type > div {
        border-top: 1px solid #0002;
        border-radius: 0.25rem 0.25rem 0 0;
        corner-shape: scoop;
    }
    #persoonlijk-overzicht-wrapper .persoonlijk-wrapper > div:last-of-type > div {
        border-bottom: 1px solid #0002;
        border-radius: 0 0 0.25rem 0.25rem;
        corner-shape: scoop;
    }
    #persoonlijk-overzicht-wrapper .persoonlijk-wrapper > div:first-of-type:last-of-type > div {
        border-bottom: 1px solid #0002;
        border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
        corner-shape: scoop;
    }

    @media (max-width: 959px) {
        #persoonlijk-overzicht-wrapper .persoonlijk-row {
            grid-template-columns: 1fr 7ch 1fr 5ch;
        }
        #persoonlijk-overzicht-wrapper :is(.persoonlijk-plaats, .persoonlijk-aw, .persoonlijk-trating, .persoonlijk-bordgem) {
            display: none;
        }
    }
    @media (max-width: 599px) {
        #persoonlijk-overzicht-wrapper .persoonlijk-row {
            grid-template-columns: 1fr 7ch 5ch;
        }
        #persoonlijk-overzicht-wrapper :is(.persoonlijk-plaats, .persoonlijk-team, .persoonlijk-aw, .persoonlijk-trating, .persoonlijk-bordgem) {
            display: none;
        }
    }
    @media (max-width: 359px) {
        #persoonlijk-overzicht-wrapper .persoonlijk-row {
            grid-template-columns: 1fr 5ch;
        }
        #persoonlijk-overzicht-wrapper :is(.persoonlijk-plaats, .persoonlijk-rating, .persoonlijk-team, .persoonlijk-aw, .persoonlijk-trating, .persoonlijk-bordgem) {
            display: none;
        }
    }


#region__177__css_persoonlijke_score {}


#region__181__css_uitnodiging_agenda {}

    .section-title {
        margin: 0;
    }
    .uitnodigingen-wrapper {
        padding-top: 2rem;
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .uitnodiging-wrapper {
        display: grid;
        grid-template-columns: 280px 1fr;
        gap: 1rem;
        background: #eee;
        padding: 1rem;
        box-shadow: 0 0 1rem 0 #0008;
        border-radius: 0.25rem;
        corner-shape: scoop;
    }
    .uitnodiging-titel {
        font-weight: 700;
    }
    .uitnodiging-content img {
        max-width: 100%;
    }

    @media (max-width: 959px) {
        .uitnodiging-wrapper {
            grid-template-columns: 1fr;
        }
    }

#region__181__css_uitnodiging_agenda {}