front_end/panels/common/aiCodeCompletionTeaser.css

/*
 * Copyright 2025 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

@scope to (devtools-widget > *) {
    .ai-code-completion-teaser-screen-reader-only {
        position: absolute;
        overflow: hidden;
        clip-path: rect(0 0 0 0);
        height: var(--sys-size-1);
        width: var(--sys-size-1);
        margin: -1 * var(--sys-size-1);;
        padding: 0;
        border: 0;
    }

    .ai-code-completion-teaser {
        padding-left: var(--sys-size-3);
        line-height: var(--sys-size-7);
        pointer-events: all;
        align-items: center;
        font-style: italic;

        .ai-code-completion-teaser-dismiss {
            text-decoration: underline;
            cursor: pointer;
        }

        .ai-code-completion-teaser-action {
            display: inline-flex;
            gap: var(--sys-size-2);

            span {
                border: var(--sys-size-1) solid var(--sys-color-neutral-outline);
                border-radius: var(--sys-shape-corner-extra-small);
                padding: 0 var(--sys-size-3);
            }
        }

        .new-badge {
            font-style: normal;
            display: inline-block;
        }
    }
}