.card{--text-link-color:initial;--heading-color:initial;--card-filled-background:initial;--text-secondary-color:initial;--text-link-block-surface:initial;border:var(--border-width-container) solid #0000;border-radius:var(--radius-container);background-color:var(--color-surface);min-width:0;color:var(--color-text);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;padding:24px;position:relative}.card--outlined{border-color:var(--color-border)}.card--raised{box-shadow:var(--shadow-md)}.card--plain{border-color:#0000}.card--filled{--text-link-color:inherit;--heading-color:inherit;--card-filled-background:inherit;--text-secondary-color:inherit;--text-link-block-surface:var(--color-surface);background-color:var(--card-filled-background,var(--color-surface-secondary));color:inherit}.card--padding-sm{padding:12px}.card--padding-lg{padding:24px}@media (min-width:768px){.card--padding-lg{padding:32px}}@media (min-width:992px){.card--padding-lg{padding:40px}}.card--padding-none{padding:0;overflow:hidden}.card:has(.card__link){transition:background-color var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard)}@media (hover:hover){.card:has(.card__link):hover{background-color:var(--color-surface-secondary)}}.card:has(.card__link):has(.card__link:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.card:has(.card__link):active{background-color:var(--color-surface-pressed);transform:translateY(1px)}.card>*{--color-focus:var(--color-focus-on-surface)}@media (hover:hover){.card--filled:has(.card__link):hover{background-color:var(--card-filled-background,var(--color-surface-secondary))}}.card--filled:has(.card__link):active{background-color:var(--card-filled-background,var(--color-surface-secondary))}.card--filled>*{--color-focus:inherit}.card__link{color:inherit;text-underline-offset:2px;transition:text-decoration-color var(--duration-fast) var(--easing-standard);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px}@supports selector(:has(*)){.card__link:focus-visible{outline:none}}.card__link:after{content:"";position:absolute;inset:0}@media (hover:hover){.card:hover .card__link{text-decoration-color:currentColor}}.card:active .card__link{text-decoration-color:currentColor}
