.display-card{--_inner-padding:1rem;--_background-color:transparent;--_border-color:transparent;--_border-width:.2rem;--_box-shadow-color:transparent;background-color:var(--_background-color,transparent);border:var(--_border-width) solid var(--_border-color,transparent);border-radius:.5rem;box-shadow:0 0 .4rem var(--_border-width) var(--_box-shadow-color,transparent);display:grid;grid-auto-flow:row;overflow:hidden}.display-card.no-outline{--_border-width:0}.display-card.solid{--_background-color:light-dark(var(--gray-0),var(--gray-12));--_border-color:light-dark(var(--gray-4),var(--gray-8))}.display-card.subtle{--_background-color:color-mix(in oklab,light-dark(var(--gray-1),var(--gray-8)) 50%,transparent);--_border-color:light-dark(var(--gray-3),var(--gray-9))}.display-card.soft{--_background-color:color-mix(in oklab,light-dark(var(--gray-1),var(--gray-8)) 20%,transparent);--_box-shadow-color:color-mix(in oklab,light-dark(var(--gray-2),var(--gray-8)) 80%,transparent)}.display-card.outline{--_background-color:transparent;--_border-color:light-dark(var(--gray-4),var(--gray-8))}.display-card.has-dividers .card-row+.card-row{border-top:.2rem solid var(--_border-color)}.display-card .display-card-content,.display-card .display-card-footer,.display-card .display-card-header{padding:var(--_inner-padding)}