@layer components{.detail-actions{align-items:center;gap:var(--space-2);flex:none;min-inline-size:0;display:flex}.detail-actions__views{background:var(--color-surface-soft);block-size:var(--control-height-lg);border-radius:var(--radius-compact-control);box-sizing:border-box;color:var(--color-ink-muted);font-size:var(--text-small);font-variant-numeric:tabular-nums;align-items:center;gap:var(--space-2);padding-inline:var(--space-3);white-space:nowrap;display:inline-flex}.detail-actions[data-appearance=hero]{gap:var(--space-1);max-inline-size:100%}.detail-actions__views svg{flex:none;block-size:1.5rem;inline-size:1.5rem}@media (width<=47.99rem){.detail-actions[data-appearance=panel]{--control-height-lg:2.75rem;gap:var(--space-1);flex-wrap:wrap;flex:0 auto}.detail-actions[data-appearance=panel] .detail-actions__views{gap:var(--space-1);min-inline-size:0;max-inline-size:5rem;padding-inline:var(--space-1);background:0 0;flex:0 auto}.detail-actions[data-appearance=panel] .detail-actions__views :where(span){text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.detail-actions[data-appearance=toolbar]{--control-height-lg:2.5rem;gap:var(--space-1)}.detail-actions[data-appearance=toolbar] .detail-actions__views{gap:var(--space-1);padding-inline:var(--space-2)}}.detail-share{gap:var(--space-4);min-inline-size:0;display:grid}.detail-share h2,.detail-share p{margin:0}.detail-share__options{gap:var(--space-2);flex-wrap:wrap;display:flex}.detail-share__link{font-size:var(--text-control);gap:var(--space-2);min-inline-size:0;display:grid}.detail-share__link input{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-compact-control);box-sizing:border-box;color:var(--color-ink);font:inherit;inline-size:100%;min-block-size:var(--control-height-lg);min-inline-size:0;padding:var(--space-3)}}