/* Shared by the detail and wizard preview. Logo pixels are never cropped. */
.listing-brand-cover{position:relative;display:grid;place-items:center;isolation:isolate;aspect-ratio:16/5;min-height:180px;max-height:380px;margin:0 0 24px;overflow:hidden;border:1px solid var(--line-input);background:var(--bg-sunken)}
.listing-brand-cover:after{content:"";position:absolute;inset:12px;z-index:2;border:1px solid color-mix(in srgb,var(--brand) 32%,transparent);pointer-events:none}
.listing-brand-cover .listing-brand-world{position:absolute;inset:0 0 0 auto;z-index:-2;width:80%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.8)}
.listing-brand-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg-sunken) 14%,color-mix(in srgb,var(--bg-sunken) 94%,transparent) 29%,transparent 66%),linear-gradient(0deg,var(--bg-sunken),transparent 35%,transparent 75%,color-mix(in srgb,var(--bg-sunken) 35%,transparent))}
.listing-brand-identity{display:flex;flex-direction:column;align-items:center;justify-self:start;gap:10px;padding:28px;min-width:0;width:44%}
.listing-brand-game{font:600 11px/1.5 var(--mono);letter-spacing:.3em;color:var(--brand)}
.listing-brand-cover .listing-brand-logo{display:block;width:100%;height:clamp(85px,12vw,160px);max-width:440px;object-fit:contain;filter:drop-shadow(0 5px 12px #0009)}
.dropzone-preview:not(.is-cover) img{object-fit:contain!important}
@media(max-width:600px){.listing-brand-cover{min-height:165px}.listing-brand-cover:after{inset:8px}.listing-brand-identity{padding:18px;gap:3px;width:56%}.listing-brand-game{font-size:9px}.listing-brand-cover .listing-brand-logo{width:100%;height:75px}}