@layer m3-components{.m3-card{--_bg:var(--md-sys-color-surface-container-low);--_fg:var(--md-sys-color-on-surface);--_r:var(--md-sys-shape-card);--_p:var(--md-sys-pad-card);gap:var(--md-sys-gap-stack);min-width:0;padding:var(--_p);border-radius:var(--_r);background:var(--_bg);color:var(--_fg);--m3-sl:var(--_fg);font:inherit;text-align:start;letter-spacing:inherit;transition:box-shadow var(--md-sys-motion-t-fx-small),background-color var(--md-sys-motion-t-fx-small);border:0;flex-direction:column;margin:0;text-decoration:none;display:flex;position:relative;overflow:hidden}.m3-card[data-radius=md]{--_r:var(--md-sys-shape-corner-medium)}.m3-card[data-radius=lg]{--_r:var(--md-sys-shape-corner-large)}.m3-card[data-radius=xl]{--_r:var(--md-sys-shape-corner-extra-large)}.m3-card[data-radius=xxl]{--_r:var(--md-sys-shape-corner-extra-extra-large)}.m3-card[data-pad=s]{--_p:var(--md-sys-space-3)}.m3-card[data-pad=l]{--_p:var(--md-sys-space-8)}.m3-card[data-tone=surface]{--_bg:var(--md-sys-color-surface)}.m3-card[data-tone=default]{--_bg:var(--md-sys-color-surface-container)}.m3-card[data-tone=high]{--_bg:var(--md-sys-color-surface-container-high)}.m3-card[data-tone=highest]{--_bg:var(--md-sys-color-surface-container-highest)}.m3-card[data-tone=primary]{--_bg:var(--md-sys-color-primary-container);--_fg:var(--md-sys-color-on-primary-container)}.m3-card[data-tone=secondary]{--_bg:var(--md-sys-color-secondary-container);--_fg:var(--md-sys-color-on-secondary-container)}.m3-card[data-tone=tertiary]{--_bg:var(--md-sys-color-tertiary-container);--_fg:var(--md-sys-color-on-tertiary-container)}.m3-card[data-variant=outlined]{--_bg:var(--md-sys-color-surface);box-shadow:inset 0 0 0 var(--md-sys-border-thin) var(--md-sys-color-outline-variant)}.m3-card[data-variant=elevated]{box-shadow:var(--md-sys-elevation-1)}.m3-card__media{margin:calc(var(--_p) * -1) calc(var(--_p) * -1) 0;overflow:hidden}.m3-card__media>:is(img,video,picture,svg){width:100%;height:auto}.m3-card__header{align-items:center;min-width:0}.m3-card__actions,.m3-card__header{gap:var(--md-sys-gap-inline);display:flex}.m3-card__actions{flex-wrap:wrap;justify-content:flex-end;margin-top:auto}.m3-card[data-interactive]{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%}@media (hover:hover){.m3-card[data-interactive][data-variant=elevated]:hover{box-shadow:var(--md-sys-elevation-2)}}.m3-card[data-interactive][data-variant=elevated]:active{box-shadow:var(--md-sys-elevation-1)}.m3-card[aria-disabled=true],.m3-card[data-disabled]{cursor:not-allowed;box-shadow:none;pointer-events:none}.m3-card[aria-disabled=true]>*,.m3-card[data-disabled]>*{opacity:var(--md-sys-state-disabled-content)}.m3-card[data-disabled][data-variant=elevated],.m3-card[data-disabled][data-variant=filled]{--_bg:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)}@media (forced-colors:active){.m3-card[data-variant=outlined]{border:var(--md-sys-border-thin) solid CanvasText}}}@layer m3-density{:root[data-density=compact] .m3-card[data-pad=l]{--_p:var(--md-sys-space-6)}:root[data-density=compact] .m3-card[data-pad=s]{--_p:var(--md-sys-space-3)}}