.Card{--card-footer-background:var(--color-surface);--card-border:var(--color-default-border);--card-background:var(--color-background);text-align:left;align-items:stretch;gap:var(--dimensions-3);padding-top:var(--dimensions-5);width:100%;max-width:var(--global-component-max-width);border-radius:var(--radius-medium);background:var(--card-background);border:1px solid var(--card-border);flex-direction:column;display:flex;position:relative;container:card component/inline-size}.Card:not(:has(>.Card__Footer)){padding-bottom:var(--dimensions-5)}.Card--fluid{max-width:none}.Card>.BlockLink~*{z-index:2;pointer-events:none;position:relative}.Card>.BlockLink~* :where(button,a,input,textarea,select,[role=button],[tabindex]){pointer-events:auto}.Card:has(>.BlockLink:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.Card__Actions{opacity:0;top:calc(var(--dimensions-4) * -1);z-index:1;gap:var(--dimensions-2);transition:transform .1s ease-in-out,opacity .1s ease-in-out;display:flex;position:absolute;inset-inline-end:var(--dimensions-4);transform:translateY(-.15rem)}.Card:hover .Card__Actions{opacity:1;transform:translate(0)}.Card__Header{width:100%;padding:0 var(--dimensions-5) var(--dimensions-1);justify-content:space-between;align-items:baseline;gap:var(--dimensions-1);flex-direction:column;display:flex;position:relative}.Card__Footer{padding-block:var(--dimensions-3);padding-inline:var(--dimensions-5);text-align:center;background-color:var(--card-footer-background);border-top:1px solid var(--card-border);border-radius:0 0 var(--radius-medium) var(--radius-medium);flex-direction:column-reverse;justify-content:center;align-items:center;gap:1em;width:100%;display:flex}@container card (min-width:28rem){.Card__Footer{text-align:left;flex-direction:row;align-items:center}}.Card--active{box-shadow:var(--shadows-secondary)}.Card--variant-error{color:var(--color-error-foreground);border-color:var(--color-error-border)}.Card--variant-error .Card__Footer{background-color:var(--color-error-background);border-color:var(--color-error-border)}