@layer component{.placard{text-align:left;flex-direction:column;width:100%;display:flex}.creditPopover{--placard-inset:calc(var(--inset)/2)}.creditPopover .popoverBody{padding:var(--placard-inset)}.creditPopover .placard .art{border-radius:max(0px,calc(var(--radius-lg) - var(--placard-inset)))}.creditSheet{--sheet-panel-pad:calc(var(--inset)/2)}.creditSheet .placard .art{border-radius:var(--sheet-radius-inner)}.placard .body{gap:var(--gap-xs);padding:calc(var(--inset)*1.5);flex-direction:column;display:flex}.placard .art{background-color:var(--fill-quaternary);width:100%;margin:0;line-height:0;overflow:hidden}.placard .art img{object-fit:cover;width:100%;height:100%;display:block}.placard.plate .art{aspect-ratio:var(--ratio-hd)}.placard .maker{align-items:center;gap:var(--gap-xs);flex-direction:row;display:flex}.placard .who{gap:var(--gap-3xs);flex-direction:column;min-width:0;display:flex}.placard .who strong{font-variation-settings:var(--body-variation-semi-bold);font-size:var(--text-sm);letter-spacing:var(--tracking-tght);color:var(--text-primary);line-height:var(--leading-xs)}.placard .who small{color:var(--text-tertiary);letter-spacing:var(--tracking-md)}.placard .who em{margin-top:var(--gap-3xs);color:var(--text-secondary);font-style:normal;line-height:var(--leading-sm)}.placard .title{color:var(--text-secondary);line-height:var(--leading-sm)}.placard blockquote{padding-left:var(--gap-xs);color:var(--text-primary);line-height:var(--leading-md);letter-spacing:var(--tracking-tght);border-left:var(--border-md)solid var(--fill-tertiary);margin:0}.placard .about{color:var(--text-secondary);letter-spacing:var(--tracking-tght);line-height:var(--leading-lg)}.placard .facts{padding-top:var(--gap-xs);gap:var(--gap-3xs);border-top:var(--border-sm)solid var(--border-quaternary);flex-direction:column;margin:0;display:flex}.placard .facts>div{align-items:baseline;gap:var(--gap-xs);flex-direction:row;display:flex}.placard .facts dt{flex:0 0 var(--avatar-lg);color:var(--text-tertiary);font-size:var(--text-3xs);letter-spacing:var(--tracking-xwd);text-transform:uppercase}.placard .facts dd{color:var(--text-primary);font-size:var(--text-sm);margin:0}.placard .cta{margin-top:var(--gap-2xs)}.placard.stamp{padding:var(--inset);gap:var(--gap-xs)}.placard.stamp .head{align-items:flex-start;gap:var(--gap-xs);flex-direction:row;display:flex}.placard.stamp .art{width:var(--avatar-xl);height:var(--avatar-xl);border-radius:var(--radius-md);flex:none;overflow:hidden}.placard.label{padding:var(--inset);gap:var(--gap-xs)}.creditPill{right:var(--gap-xs);bottom:var(--gap-xs);z-index:var(--z-raised);opacity:.75;transition:opacity var(--transition-fast);position:absolute}.creditRoll{align-items:center;gap:var(--gap-2xs);margin-top:var(--gap-xs);flex-wrap:wrap;display:flex}.creditRoll .creditRollLabel{margin-right:var(--gap-3xs);font-size:var(--text-xs);letter-spacing:var(--tracking-wd);text-transform:uppercase;color:var(--text-tertiary)}.creditRoll .creditRollPill .role{margin-right:var(--gap-3xs);color:var(--text-tertiary)}@media (hover:hover) and (pointer:fine){.creditPill:hover{opacity:1}}.creditPill.inOverlay{margin-left:auto;position:relative}}