.details-card{--details-max-width:300px;--details-padding:24px;position:relative;display:flex;flex-direction:column;width:max-content;max-width:min(var(--details-max-width),100%);height:auto;max-height:calc(100dvh - 96px);isolation:isolate;background:#000;color:#fff;border-radius:min(var(--frame-radius,42px),32px);text-align:left;box-shadow:var(--frame-shadow,none);text-shadow:none}
.details-card::after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:var(--frame-glow,inset 0 0 24px 6px #ffffffdf,inset 0 0 44px 10px #ffffff69,0 0 8px 2px #ffffff6b)}
.details-scroll{min-height:0;max-height:inherit;padding:var(--details-padding);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;border-radius:inherit;scrollbar-width:thin;scrollbar-color:#ffffff55 transparent;display:flex;flex-direction:column}
.details-scroll:focus{outline:none}.using-keyboard .details-scroll:focus-visible{outline:2px solid #fff;outline-offset:8px}
.details-content{flex:none;min-width:0;overflow-wrap:anywhere}
.details-card[data-align=center]{text-align:center}.details-card[data-align=right]{text-align:right}
.details-card .details-client{margin:0 0 8px;font-size:var(--details-client-size,14px);line-height:var(--details-line-height,1.45);color:#ffffffb8}
.details-card h2{margin:0;font-size:var(--details-title-size,28px);line-height:1.1;font-weight:var(--details-weight,400);letter-spacing:var(--details-tracking,-.5px);text-wrap:balance}
.details-card .details-description{font-size:var(--details-body-size,13px);line-height:var(--details-line-height,1.45);white-space:pre-line;margin:var(--details-section-gap,24px) 0 0}
.details-card dl{display:grid;gap:var(--details-row-gap,8px);margin:var(--details-section-gap,24px) 0 0;font-size:var(--details-body-size,13px);line-height:var(--details-line-height,1.45)}
.details-card dl>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:12px}
.details-card dt{color:#ffffffa3}.details-card dd{margin:0}
.details-card[data-credits-layout=stacked] dl>div{display:block}.details-card[data-credits-layout=stacked] dd{margin-top:2px}
.details-card[data-credits-layout=inline] dl>div{display:block}.details-card[data-credits-layout=inline] dt,.details-card[data-credits-layout=inline] dd{display:inline}.details-card[data-credits-layout=inline] dt::after{content:': '}
.details-card .details-note{display:block}.details-card .details-note dd{white-space:pre-line}