.m3-card{--card-background:var(--color-surface-1);--card-width:auto;--card-height:auto;--card-border:none;--card-border-radius:0.75rem;--card-box-shadow:var(--shadow-sm);--card-opacity:1;--card-color:var(--color-text);--card-text-decoration:none;--card-outline:none;--card-outline-offset:0;--card-transform:none;--card-cursor:default;--card-overflow:hidden;--card-flex-direction:column;--card-padding-x:1rem;--card-padding-y:1rem;--card-header-gap:1rem;--card-headline-size:1.25rem;--card-headline-weight:var(--font-weight-semibold);--card-headline-line-height:1.75rem;--card-headline-color:var(--color-text);--card-headline-margin:0;--card-subhead-size:0.875rem;--card-subhead-weight:500;--card-subhead-color:var(--color-text-muted);--card-subhead-margin:0.25rem 0 0;--card-supporting-size:0.875rem;--card-supporting-color:var(--color-text-muted);--card-supporting-line-height:1.25rem;--card-avatar-size:2.5rem;--card-avatar-radius:50%;--card-avatar-background:var(--color-primary-subtle);--card-avatar-color:var(--color-primary);--card-avatar-font-size:1rem;--card-avatar-font-weight:600;--card-media-height:auto;--card-media-object-fit:cover;--card-media-width:auto;--card-media-ratio:auto;--card-media-badge-offset:var(--space-3);--card-actions-gap:0.5rem;--card-actions-padding:0 var(--card-padding-x) var(--card-padding-y);--card-state-layer-color:var(--color-text);--card-state-hover-opacity:0;--card-state-focus-opacity:0;--card-state-pressed-opacity:0;--card-state-dragged-opacity:0;--card-elevation-hover:var(--shadow-sm);background-color:var(--card-background);background-image:none;border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);box-sizing:border-box;color:var(--card-color);cursor:var(--card-cursor);display:flex;flex-direction:var(--card-flex-direction);height:var(--card-height);opacity:var(--card-opacity);outline:var(--card-outline);outline-offset:var(--card-outline-offset);overflow:var(--card-overflow);position:relative;text-decoration:var(--card-text-decoration);transform:var(--card-transform);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),background-image var(--duration-fast) var(--ease-in-out);width:var(--card-width)}.m3-card.card-state\:hovered,.m3-card:hover{--card-box-shadow:var(--card-elevation-hover);background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-hover-opacity)*100%),transparent))}.m3-card.card-state\:focused,.m3-card:focus-visible{--card-outline:var(--border-width-2) solid var(--color-focus-ring);--card-outline-offset:var(--space-1);background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-focus-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-focus-opacity)*100%),transparent))}.m3-card.card-state\:pressed,.m3-card:active{background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-pressed-opacity)*100%),transparent))}.m3-card.card-state\:disabled{--card-opacity:0.38;--card-box-shadow:none;--card-cursor:not-allowed}.m3-card.card-state\:dragged{--card-box-shadow:var(--shadow-xl);--card-transform:scale(1.02);--card-cursor:grab;background-image:linear-gradient(color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-dragged-opacity)*100%),transparent),color-mix(in srgb,var(--card-state-layer-color) calc(var(--card-state-dragged-opacity)*100%),transparent))}.m3-card.card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm);--card-elevation-hover:var(--shadow-sm)}.m3-card.card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none;--card-elevation-hover:none}.m3-card.card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border);--card-elevation-hover:none}.m3-card.card\:outlined.card-state\:focused,.m3-card.card\:outlined:focus-visible{--card-border:var(--border-width-1) solid var(--color-text)}.m3-card.card\:outlined.card-state\:disabled{--card-border:var(--border-width-1) solid color-mix(in srgb,var(--color-border) 38%,transparent)}.m3-card.card-hover\:enabled{--card-state-hover-opacity:0.08;--card-state-focus-opacity:0.12;--card-state-pressed-opacity:0.12;--card-elevation-hover:var(--shadow-md);--card-cursor:pointer}.m3-card.card\:filled.card-hover\:enabled,.m3-card.card\:outlined.card-hover\:enabled{--card-elevation-hover:var(--shadow-sm)}.m3-card.card-clickable,.m3-card[onclick],a.m3-card{--card-state-hover-opacity:0.08;--card-state-focus-opacity:0.12;--card-state-pressed-opacity:0.12;--card-elevation-hover:var(--shadow-md);--card-cursor:pointer;--card-text-decoration:none;--card-color:inherit}.m3-card .card-media{flex-shrink:0;overflow:var(--card-overflow);width:var(--card-media-width)}.m3-card .card-media:first-child{border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.m3-card .card-media.card-media\:landscape,.m3-card .card-media.card-media\:square,.m3-card .card-media.card-media\:video,.m3-card .card-media.card-media\:wide{aspect-ratio:var(--card-media-ratio);position:relative}.m3-card .card-media.card-media\:square{--card-media-ratio:1/1}.m3-card .card-media.card-media\:landscape{--card-media-ratio:4/3}.m3-card .card-media.card-media\:video{--card-media-ratio:16/9}.m3-card .card-media.card-media\:wide{--card-media-ratio:2/1}.m3-card .card-media[class*="card-media:"]>img,.m3-card .card-media[class*="card-media:"]>video{height:100%;inset:0;object-fit:var(--card-media-object-fit);position:absolute;width:100%}.m3-card .card-media>.card-media-badge{left:var(--card-media-badge-offset);position:absolute;top:var(--card-media-badge-offset);z-index:1}.m3-card .card-media>.card-media-badge.card-media-badge\:end{left:auto;right:var(--card-media-badge-offset)}.m3-card .card-media:last-child{border-radius:0 0 var(--card-border-radius) var(--card-border-radius)}.m3-card .card-media img,.m3-card .card-media video{display:block;height:var(--card-media-height);object-fit:var(--card-media-object-fit);width:100%}.m3-card.card-padding\:self{padding:var(--card-padding-y) var(--card-padding-x)}.m3-card.card-padding\:self .card-actions,.m3-card.card-padding\:self .card-content,.m3-card.card-padding\:self .card-header{padding:0}.m3-card .card-header{align-items:flex-start;display:flex;gap:var(--card-header-gap);padding:var(--card-padding-y) var(--card-padding-x)}.m3-card .card-avatar{align-items:center;background-color:var(--card-avatar-background);border-radius:var(--card-avatar-radius);color:var(--card-avatar-color);display:flex;flex-shrink:0;font-size:var(--card-avatar-font-size);font-weight:var(--card-avatar-font-weight);height:var(--card-avatar-size);justify-content:center;overflow:hidden;width:var(--card-avatar-size)}.m3-card .card-avatar img{height:100%;object-fit:cover;width:100%}.m3-card .card-titles{flex:1;min-width:0}.m3-card .card-headline{color:var(--card-headline-color);font-size:var(--card-headline-size);font-weight:var(--card-headline-weight);line-height:var(--card-headline-line-height);margin:var(--card-headline-margin)}.m3-card .card-subhead{color:var(--card-subhead-color);font-size:var(--card-subhead-size);font-weight:var(--card-subhead-weight);margin:var(--card-subhead-margin)}.m3-card .card-content{color:var(--card-supporting-color);font-size:var(--card-supporting-size);line-height:var(--card-supporting-line-height);padding:var(--card-padding-y) var(--card-padding-x)}.m3-card .card-header+.card-content{padding-top:0}.m3-card .card-actions{padding:var(--card-actions-padding)}.m3-card .card-actions,.m3-card .card-actions-end{align-items:center;display:flex;gap:var(--card-actions-gap)}.m3-card .card-actions-end{margin-left:auto}.m3-card.card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.card-layout\:horizontal .card-media:first-child{border-radius:var(--card-border-radius) 0 0 var(--card-border-radius)}.m3-card.card-layout\:horizontal .card-media:last-child{border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.m3-card.card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem;--card-headline-line-height:1.5rem;--card-header-gap:0.75rem;--card-avatar-size:2rem;--card-avatar-font-size:0.75rem}.m3-card.card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem;--card-headline-line-height:2.25rem;--card-header-gap:1.25rem;--card-avatar-size:3rem;--card-avatar-font-size:1.25rem}@media (min-width:640px){.m3-card.sm\:card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm)}.m3-card.sm\:card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none}.m3-card.sm\:card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border)}.m3-card.sm\:card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.sm\:card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem}.m3-card.sm\:card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem}}@media (min-width:768px){.m3-card.md\:card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm)}.m3-card.md\:card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none}.m3-card.md\:card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border)}.m3-card.md\:card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.md\:card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem}.m3-card.md\:card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem}}@media (min-width:1024px){.m3-card.lg\:card\:elevated{--card-background:var(--color-surface-1);--card-box-shadow:var(--shadow-sm)}.m3-card.lg\:card\:filled{--card-background:var(--color-surface-2);--card-box-shadow:none}.m3-card.lg\:card\:outlined{--card-background:var(--color-surface);--card-box-shadow:none;--card-border:var(--border-width-1) solid var(--color-border)}.m3-card.lg\:card-layout\:horizontal{--card-flex-direction:row;--card-media-width:40%}.m3-card.lg\:card-size\:compact{--card-padding-x:0.75rem;--card-padding-y:0.75rem;--card-headline-size:1rem}.m3-card.lg\:card-size\:large{--card-padding-x:1.5rem;--card-padding-y:1.5rem;--card-headline-size:1.75rem}}