.dcard{container:dcard/inline-size}.dcard__in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"date status""main main""price action";align-items:start;gap:6px 12px;height:100%;display:grid}.dcard__date{grid-area:date}.dcard__status{grid-area:status;justify-self:end}.dcard__main{grid-area:main;min-width:0}.dcard__price{grid-area:price;align-self:center}.dcard__action{grid-area:action;place-self:center end}.dcard--grid .dcard__in{grid-template-rows:auto 1fr auto auto;grid-template-areas:"date status""main main""price price""action action";gap:10px 12px}.dcard--grid .dcard__action{justify-self:stretch}.dcard--row .dcard__pp{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container dcard (min-width:44rem){.dcard--row .dcard__in{grid-template-columns:120px minmax(0,1fr) 220px 140px;grid-template-areas:"date main price action""date main status action";align-items:center;gap:6px 24px}.dcard--row .dcard__date{align-self:center}.dcard--row .dcard__price{align-self:end}.dcard--row .dcard__status{place-self:start}.dcard--row .dcard__pp{clip:auto;clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}}