@layer gsc {
    @media(prefers-color-scheme: dark) {
        html>body .gsc-inline-block {
            background-color: var(--black-body-bg) !important;
        }

        .gsc-webResult.gsc-result {
            border: none !important;
        }

        .gsc-control-cse,
        .gsc-input-box,
        table td {
            background-color: var(--black-body-bg) !important;
            color: white;
            border: none !important;
        }

        .gsc-input input {
            background: ("https://www.google.com/cse/static/images/1x/en/branding.png") left center no-repeat rgb(0, 0, 0) !important;
        }

        .gsc-results-wrapper-overlay {
            background-color: black !important;
        }

        .gsc-results-wrapper-overlay {
            background-color: rgb(44, 43, 43) !important;
        }

        .gsc-modal-background-image {
            opacity: 0.2 !important;
        }

        .gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
            border-color: lab(from #3079ED calc(l - 20) a b) !important;
            background-color: lab(from #4D90FE calc(l - 20) a b) !important;
        }

        input.gsc-input {
            background-color: darkcyan !important;
            padding: 4px !important;
        }

        .gsc-search-button-v2 svg {
            fill: lab(from #FFFFFF calc(l - 20) a b) !important;
        }

        .gsc-webResult.gsc-result {
            background-color: var(--black-body-bg) !important;
        }

        .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet, .gs-fileFormatType {
            color: lab(from #333 calc(l + 40) a b) !important;
        }

        .gsc-control-cse .gsc-option-menu {
            background-color: var(--black-body-bg) !important;
        }

        .gsc-option-menu-item-highlighted {
            background-color: #333 !important;
        }

        .gsc-option-menu-item-highlighted > div {
            background-color: #333 !important;
        }

        .gsc-above-wrapper-area {
            border-bottom: 1px solid #3a3939 !important;
        }

        .gsc-selected-option-container {
            border: 1px solid rgb(198 181 181 / 10%) !important;
        }

        .gs-webResult.gs-result a {
            color: lab(from #1155CC calc(l + 50) a b) !important;
        }

    }
}