.modal-container:has(.team-select-container) {
    position: absolute;
    top: 50%;
    left: 50%;
    height: max-content;
    max-height: 100%;
    width: max-content;
    transform: translate(-50%, -50%);
    transition-property: opacity;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
}

    .modal-container:has(.team-select-container) .modal-title-bar {
        display: none;
    }

    .team-select-container {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: max-content max-content 1fr max-content;
        width: 100%;
        height: 100%;
        background: var(--theme-color-grey-light);
        justify-items: center;
    }

    .team-select-container .title-logo {
        display: flex;
        width: 100%;
        padding: 0.5em 0.25em;
        justify-content: center;
        background: white;
        border-bottom: 1px solid var(--theme-color-grey);
    }

    .team-select-container .title-logo > img {
    }

    .team-select-container .title {
        padding: 0.5em;
        width: 100%;
        border-bottom: 1px solid var(--theme-color-grey);
        background: white;
        font-size: 1.1em;
        font-weight: 600;
        text-align: center;
    }

    .team-select-container .team-items {
        display: flex;
        flex-direction: column;
        max-height: 100%;
        background: white;
        overflow: hidden auto;
    }

        .team-select-container .team-items .team-item {
            padding: 0.5em;
            font-size: 1.1em;
            border-style: solid;
            border-top-width: 0;
            border-right-width: 1px;
            border-bottom-width: 1px;
            border-left-width: 1px;
            border-color: var(--theme-color-grey);
            cursor: pointer
        }

            /*.team-select-container .team-items .team-item:not(:first-child) {
                border-top-width: 0px;
            }
            .team-select-container .team-items .team-item:first-child {
                border-top-width: 1px;
            }*/

            .team-select-container .team-items .team-item:not(.selected) {
                background: transparent;
            }

            .team-select-container .team-items .team-item:not(.selected, :hover, :active) {
                background: transparent;
            }

            .team-select-container .team-items .team-item:hover:not(.selected, :active) {
                background: var(--theme-color-blue-light);
            }

            .team-select-container .team-items .team-item:active:not(.selected) {
                color: var(--theme-color-text-light);
                background: var(--theme-color-blue);
            }

            .team-select-container .team-items .team-item.selected {
                background: var(--theme-color-blue-light);
            }

    .team-select-container .controls {
        display: flex;
        width: 100%;
        padding: 0.25em;
        justify-content: center;
        margin-top: 1em;
        margin-bottom: 1px;
        border-top: 1px solid var(--theme-color-grey);
        background: var(--theme-color-grey-light-light);
    }

    .team-select-container .controls > * {
    }