[data-site-menu] .site-menu-image-preview {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--block-gap, var(--panel-gap, var(--menu-panel-gap)));
    align-items: start;
}
.site-menu-image-preview
    > :is(.site-menu-block-stack, .site-menu-group__links) {
    min-inline-size: 0;
    gap: var(--panel-gap, var(--bs-spacer-1));
}
[data-site-menu] .site-menu-image-preview .site-menu-link {
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--bs-spacer-3);
    padding-block: var(--panel-link-padding, var(--bs-spacer-2));
}
.site-menu-image-preview .site-menu-link__body {
    min-inline-size: 0;
}
[data-site-menu] .site-menu-image-preview .site-menu-inline-image {
    flex: 0 0 auto;
    inline-size: calc(var(--bs-spacer-6) * 2);
    aspect-ratio: var(--block-image-ratio, 4 / 3);
}
.site-menu-image-preview .site-menu-eyebrow {
    font-size: var(--bs-font-size-xs);
    font-weight: var(--bs-font-weight-medium);
    line-height: var(--bs-body-line-height);
    color: var(--menu-muted);
}
[data-site-menu] .site-menu-image-preview .site-menu-image-stage {
    display: none;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border-radius: var(--block-radius, var(--menu-radius));
}
[data-site-menu] .site-menu-image-preview .site-menu-image-stage img {
    display: block;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 8 / 5;
    object-fit: cover;
    background: var(--menu-theme-muted);
    border-radius: var(--block-radius, var(--menu-radius));
}
[data-site-menu] .site-menu-image-preview .site-menu-image-stage figcaption {
    padding: var(--bs-spacer-4) 0 0;
    font-size: var(--panel-font-size, var(--bs-font-size-md));
    font-weight: var(--bs-font-weight-semibold);
    line-height: var(--bs-body-line-height);
    color: var(--block-color, var(--menu-ink));
}
@container (width < 1280px) {
    [data-site-menu]
        .site-menu-panel--custom.menu:has(
            > .site-menu-block-stack > .site-menu-block--image_preview
        ) {
        padding: var(--panel-padding, var(--bs-spacer-4));
    }
    [data-site-menu] .site-menu-image-preview .site-menu-link {
        padding-inline: var(--panel-link-padding, var(--bs-spacer-2));
    }
    .site-menu-image-preview
        .site-menu-link:has(.site-menu-inline-image)
        .menu-item-icon {
        display: none;
    }
}
@container (width >= 1280px) {
    [data-site-menu] .site-menu-image-preview {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    }
    [data-site-menu] .site-menu-image-preview .site-menu-inline-image {
        display: none;
    }
    [data-site-menu]
        .site-menu-image-preview
        .site-menu-image-stage:not([hidden]) {
        display: block;
        position: sticky;
        inset-block-start: 0;
    }
    [data-site-menu] .site-menu-image-preview .site-menu-link.is-previewing {
        background: var(--menu-hover);
    }
}