diff --git a/sites/docs/lib/_sass/pages/_search.scss b/sites/docs/lib/_sass/pages/_search.scss index ac566d19f3..25d1f22b7a 100644 --- a/sites/docs/lib/_sass/pages/_search.scss +++ b/sites/docs/lib/_sass/pages/_search.scss @@ -114,4 +114,46 @@ color: var(--site-link-fgColor); fill: var(--site-link-fgColor); } + + // Google Programmable Search AI Preview (SGE) styles. + .gsc-sge-container-header { + color: var(--site-link-fgColor); + } + + .gsc-sge-icon, + .gsc-sge-paragraph-citation-link { + fill: var(--site-link-fgColor); + } + + .gsc-sge-citation-card { + background-color: var(--site-base-bgColor); + + &.gsc-sge-citation-pulse { + animation-name: search-citation-pulse; + } + } + + @keyframes search-citation-pulse { + from { + background-color: var(--site-raised-bgColor); + } + + to { + background-color: var(--site-base-bgColor); + } + } + + .gsc-sge-response, + .gsc-sge-citation-title { + color: var(--site-base-fgColor); + } + + .gsc-sge-citation-snippet, + .gsc-sge-footer { + color: var(--site-base-fgColor-lighter); + } + + .gsc-sge-feedback-icon { + fill: var(--site-base-fgColor-lighter); + } }