[data-sticky-hero-sentinel] {
    height: 1px;
}

[data-sticky-hero] {
    top: 3rem;
}

[data-sticky-hero],
[data-sticky-hero-card],
[data-sticky-hero-body],
[data-sticky-hero-layout],
[data-sticky-hero-media],
[data-sticky-hero-title],
[data-sticky-hero-subtitle],
[data-sticky-hero-email],
[data-sticky-hero-meta],
[data-sticky-hero-badge],
[data-sticky-hero-actions] {
    transition: all 180ms ease;
}

[data-sticky-hero] {
    margin-top: 0.75rem;
}

[data-sticky-hero].is-compact {
    margin-top: 0;
}

[data-sticky-hero].is-compact [data-sticky-hero-body] {
    padding: 0.625rem 1rem;
}

[data-sticky-hero].is-compact [data-sticky-hero-layout] {
    gap: 0.5rem;
}

[data-sticky-hero].is-compact [data-sticky-hero-media] {
    transform: scale(0.78);
    transform-origin: left center;
}

[data-sticky-hero].is-compact [data-sticky-hero-icon] {
    width: 2rem;
    height: 2rem;
}

[data-sticky-hero].is-compact [data-sticky-hero-title] {
    font-size: 1rem;
    line-height: 1.25rem;
}

[data-sticky-hero].is-compact [data-sticky-hero-badge] {
    transform: scale(0.92);
    transform-origin: right center;
}

[data-sticky-hero].is-compact [data-sticky-hero-actions] .btn {
    min-height: 2.5rem;
    height: 2.5rem;
    padding-inline: 0.875rem;
    font-size: 0.875rem;
}

[data-hero-action-controls-peer] {
    height: 2.5rem;
    min-height: 2.5rem;
}

[data-sticky-hero].is-compact [data-sticky-hero-subtitle],
[data-sticky-hero].is-compact [data-sticky-hero-email],
[data-sticky-hero].is-compact [data-sticky-hero-meta] {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    overflow: hidden;
    pointer-events: none;
}

@media (min-width: 640px) {
    [data-sticky-hero].is-compact [data-sticky-hero-title] {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-sticky-hero],
    [data-sticky-hero-card],
    [data-sticky-hero-body],
    [data-sticky-hero-layout],
    [data-sticky-hero-media],
    [data-sticky-hero-title],
    [data-sticky-hero-subtitle],
    [data-sticky-hero-email],
    [data-sticky-hero-meta],
    [data-sticky-hero-badge],
    [data-sticky-hero-actions] {
        transition: none;
    }
}