.status-message{--tone:var(--commerce-accent);text-align:center;animation:status-in .7s var(--commerce-ease) both;justify-items:center;gap:1.5rem;padding:2.5rem 1.5rem;display:grid}.status-message[data-tone=success]{--tone:var(--color-commerce-success)}.status-message[data-tone=error]{--tone:var(--color-commerce-error)}.status-message__art{aspect-ratio:4/3;inline-size:min(20rem,70vw)}.status-message__art img{object-fit:contain;block-size:100%;inline-size:100%}.status-message__placeholder{border:1px dashed color-mix(in srgb, var(--tone) 45%, transparent);background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--tone) 14%, transparent), transparent 62%);border-radius:50%;block-size:100%;inline-size:100%;display:block}.status-message__copy{justify-items:center;gap:.75rem;max-inline-size:34rem;display:grid}.status-message__title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--tone);margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05}.status-message__body{color:var(--commerce-muted);line-height:1.6}.status-message__body p{margin:0}.status-message__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-block-start:.75rem;display:flex}.status-message[data-compact]{border-inline-start:3px solid var(--tone);background:color-mix(in srgb, var(--tone) 8%, transparent);text-align:start;justify-items:start;padding:.9rem 1rem}.status-message[data-compact] .status-message__copy{justify-items:start;gap:.25rem}.status-message[data-compact] .status-message__title{letter-spacing:0;font-family:inherit;font-size:.9375rem;font-weight:600}.status-message[data-compact] .status-message__body{font-size:.875rem}@keyframes status-in{0%{opacity:0;translate:0 .75rem}}@media (prefers-reduced-motion:reduce){.status-message{animation:none}}