.consumer-sample-preview{width:100%;min-width:0;max-width:580px;margin-inline:auto}.consumer-sample-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.consumer-sample-toolbar p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.consumer-sample-toolbar p strong{font-size:inherit;line-height:inherit;letter-spacing:normal;color:var(--text)}.consumer-sample-toolbar [role=group]{border:1px solid var(--line);background:#151118;border-radius:100px;padding:3px;display:flex}.consumer-sample-toolbar button{min-height:38px;font:inherit;color:#d2c9d7;cursor:pointer;background:0 0;border:0;border-radius:100px;padding:9px 17px;font-size:12px}.consumer-sample-toolbar button[aria-pressed=true]{background:var(--accent);color:#211013}.consumer-sample-toolbar button:focus-visible,.consumer-sample-reference:focus-visible{outline-offset:3px;outline:2px solid #fff}.consumer-sample-image{background:#0d0b10;border-radius:15px;width:100%;max-height:580px;position:relative;overflow:hidden}.consumer-sample-image img{object-fit:contain}.consumer-sample-reference{color:var(--muted);text-underline-offset:3px;margin-top:12px;font-size:11px;line-height:1.5;text-decoration:underline;display:inline-block}.consumer-sample-source-links{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:5px 12px;margin-top:12px;font-size:11px;display:flex}.consumer-sample-source-links .consumer-sample-reference{margin-top:0}@media (max-width:760px){.consumer-sample-toolbar{gap:9px}.consumer-sample-toolbar button{min-height:42px;padding-inline:15px}.consumer-sample-toolbar p{font-size:11px}}