/*
 * Copyright 2026 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 > *) {
    :scope {
        width: 100%;
        box-shadow: none;
        padding: var(--sys-size-8);
    }

    .header {
        display: flex;
        justify-content: space-between;
    }

    .title {
        font-size: 20px;
    }

    .banner-image {
        margin: 10px 0;
    }

    .main-content {
        display: flex;
        flex-direction: column;
        margin: var(--sys-size-6) 0;
        gap: var(--sys-size-3);
    }

    .detail-row {
        display: flex;
        align-items: center;
        gap: 5px;
        margin: 5px;
    }

    .buttons {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
    }
}