@layer onyx.component{.onyx-card{--onyx-card-padding:var(--onyx-density-md);--onyx-card-gap:var(--onyx-density-xs);padding:var(--onyx-card-padding);gap:var(--onyx-card-gap);border-radius:var(--onyx-radius-md);border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);background-color:var(--onyx-color-base-background-blank);font-family:var(--onyx-font-family-paragraph);color:var(--onyx-color-text-icons-neutral-intense);flex-direction:column;max-width:100%;display:flex}.onyx-card:is(button,a){cursor:pointer;text-align:initial}.onyx-card:is(button,a):focus-visible{border-color:var(--onyx-color-component-focus-primary);outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}}