.b-record-preview{flex-direction:column;min-width:0;max-height:100%;display:flex;overflow:hidden}.b-record-preview__bar{justify-content:space-between;align-items:center;gap:var(--a-space-2);padding:var(--a-space-2) var(--a-space-3);border-bottom:var(--a-border-width) solid var(--a-color-ink);background:var(--a-color-canvas);border-start-start-radius:inherit;border-start-end-radius:inherit;display:flex}.b-record-preview__nav{flex-wrap:nowrap;align-items:center}.b-record-preview__head{gap:var(--a-space-2);padding:var(--a-space-4) var(--a-space-4) var(--a-space-3);display:grid}.b-record-preview__title{justify-content:space-between;align-items:center;gap:var(--a-space-2);flex-wrap:wrap;display:flex}.b-record-preview__title h2:focus{outline:none}.b-record-preview__title h2:focus-visible{outline:var(--a-focus-width) solid var(--a-color-ink);outline-offset:2px}.b-record-preview__actions{gap:var(--a-space-2);padding-top:var(--a-space-1);flex-wrap:wrap;display:flex}.b-record-preview__body{gap:var(--a-space-4);padding:var(--a-space-3) var(--a-space-4) var(--a-space-4);border-top:var(--a-border-width) solid var(--a-color-ink);align-content:start;display:grid;overflow:auto}.b-record-preview{transition:box-shadow var(--a-motion-fast) var(--a-motion-out)}.b-record-preview:is(:hover,:focus-within){box-shadow:var(--a-shadow-small)}