.scoring-selection-modal {
    .scoring-selection-modal-content {
        .selection-header {
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex-shrink: 0;
            color: #E3E3E3;
            font-size: 12px;
            font-family: Akkurat, Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-transform: uppercase;
            padding: 3px 0 4px 32px;
            height: 22px;
        }
        .selection-header-container{
            height: 22px;
            flex-shrink: 0;
            align-self: stretch;
            border: 1px solid #525252;
            background: #3F3F3F;
            margin-bottom: 16px;
        }
        .grid-container {
            flex-wrap: wrap !important;
            column-gap: 1.2%;

            .grid-item, .disabled-grid-item {
                flex: 0 0 32.5%;
                margin-bottom: 32px;

                @media screen and (max-width: 992px) {
                    flex: 0 0 49.3%;
                }

                @media screen and (max-width: 768px) {
                    flex: 0 0 100%;
                }
            }
            .disabled-grid-item{
                position: relative;
                div:first-child{
                    opacity: 0.7;
                    background-color: #f9f9f9 !important;
                    div:first-child{
                        cursor: default !important;
                    }
                }
                
            }
        }
    }

    :global {
        .spg-tile {
            background-color: #f9f9f9;
    
            &:hover {
                background-color: #ebebeb;
            }
        }
    }
    .ca-tile--selected {
        :global {
            .spg-tile {
                background-color: #e4f0fe !important;
            }
        }
    }
}