@layer components{.ds-card{gap:var(--ds-card-gap);padding:var(--ds-card-padding);border-radius:var(--ds-card-radius);background-color:var(--ds-card-bg);color:var(--ds-card-text);border:1px solid var(--ds-card-border);overflow-wrap:anywhere;flex-direction:column;display:flex}.ds-card .ds-card__header{gap:var(--ds-card-gap);flex-direction:column;display:flex}.ds-card .ds-card__title{font-size:var(--ds-card-title-font-size);font-weight:var(--ds-card-title-font-weight);color:var(--ds-card-text);margin:0}.ds-card .ds-card__description{color:var(--ds-card-text-muted);margin:0}.ds-card .ds-card__content{gap:var(--ds-card-gap);flex-direction:column;display:flex}.ds-card .ds-card__footer{align-items:center;gap:var(--ds-card-gap);flex-wrap:wrap;display:flex}.ds-card:where([data-interactive]){cursor:pointer;transition:border-color .15s cubic-bezier(0,0,.2,1),background-color .15s cubic-bezier(0,0,.2,1)}.ds-card:where([data-interactive]):hover{border-color:var(--ds-card-border-hover)}:where(a,button):has(>.ds-card--interactive):focus-visible{outline:none}.ds-card:has(.ds-card__link){position:relative}.ds-card__link{color:inherit;text-decoration:none}.ds-card__link:after{content:"";position:absolute;inset:0}.ds-card__link:focus-visible{outline:none}.ds-card:where([data-interactive]):focus-visible,:where(a,button):focus-visible>.ds-card--interactive{outline:2px solid var(--ds-card-focus-ring);outline-offset:3px}.ds-card:has(.ds-card__link:focus-visible){outline:2px solid var(--ds-card-focus-ring);outline-offset:3px}}