material-inspired-component-library/dist/card.css

The Material-Inspired Component Library (MICL) offers a collection of beautifully crafted components leveraging native HTML markup, designed to align with the Material Design 3 guidelines.

:root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}:root{--md-sys-target-size: 48px;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-ref-typeface-plain: Roboto, system-ui, sans-serif;--md-ref-typeface-brand: Roboto, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}:root{--md-sys-card-margin: 8px;--md-sys-card-padding-inline: 16px}.micl-card-elevated,.micl-card-filled,.micl-card-outlined{--md-sys-card-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-sys-card-motion-duration: 500ms;height:fit-content;margin:var(--md-sys-card-margin);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;interpolate-size:allow-keywords}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled),.micl-card-filled[tabindex="0"]:not(.micl-card--disabled),.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled){--micl-ripple: 1;--statelayer-color: var(--md-sys-color-on-surface);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;transition:background-size 3000ms,--statelayer-opacity var(--md-sys-card-motion-duration) linear}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity);box-shadow:var(--md-sys-elevation-level1);cursor:pointer}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity);outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:var(--md-sys-state-focus-indicator-outer-offset);box-shadow:var(--md-sys-elevation-level1)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity);background-size:0%,100%;transition:background-size 0ms}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging{--statelayer-opacity: var(--md-sys-state-dragged-state-layer-opacity);box-shadow:var(--md-sys-elevation-level3);cursor:grabbing}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled) .micl-card__content,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled) .micl-card__content,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled) .micl-card__content{background-color:rgba(0,0,0,0)}.micl-card-elevated:not([tabindex="0"]):not(.micl-card--disabled):has(>summary:focus-visible),.micl-card-filled:not([tabindex="0"]):not(.micl-card--disabled):has(>summary:focus-visible),.micl-card-outlined:not([tabindex="0"]):not(.micl-card--disabled):has(>summary:focus-visible){outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:var(--md-sys-state-focus-indicator-outer-offset)}.micl-card-elevated::details-content,.micl-card-filled::details-content,.micl-card-outlined::details-content{height:0;overflow:hidden;transition:height var(--md-sys-card-motion-duration) var(--md-sys-card-motion-spatial),content-visibility var(--md-sys-card-motion-duration) linear allow-discrete}.micl-card-elevated[open]::details-content,.micl-card-filled[open]::details-content,.micl-card-outlined[open]::details-content{height:auto}.micl-card-elevated>summary,.micl-card-filled>summary,.micl-card-outlined>summary{padding-block-end:8px;outline:none;list-style:none;cursor:pointer}.micl-card-elevated{background-color:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level1)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover{box-shadow:var(--md-sys-elevation-level2)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active{box-shadow:var(--md-sys-elevation-level1)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging{box-shadow:var(--md-sys-elevation-level4)}.micl-card-filled{background-color:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level0)}.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible{box-shadow:var(--md-sys-elevation-level0)}.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active{box-shadow:var(--md-sys-elevation-level0)}.micl-card-outlined{background-color:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-level0);border:1px solid var(--md-sys-color-outline-variant)}.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible{border-color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level0)}.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active{border-color:var(--md-sys-color-outline-variant);box-shadow:var(--md-sys-elevation-level0)}.micl-card--disabled{opacity:38%;pointer-events:none}.micl-card--disabled.micl-card-elevated{background-color:var(--md-sys-color-surface)}.micl-card--disabled.micl-card-filled{background-color:var(--md-sys-color-surface-variant)}.micl-card--disabled.micl-card-outlined{box-shadow:var(--md-sys-elevation-level0);border-color:rgb(from var(--md-sys-color-outline) r g b/12%)}.micl-card__image{width:100%;border-radius:var(--md-sys-shape-corner-medium)}.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l{display:flex;align-items:center;column-gap:8px;margin-block:8px;color:var(--md-sys-color-on-surface-variant)}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading,.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading,.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{flex:1 2 fit-content;margin:0;padding-inline:var(--md-sys-card-padding-inline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micl-card__headline-s h1:has(+button),.micl-card__headline-s h2:has(+button),.micl-card__headline-s h3:has(+button),.micl-card__headline-s h4:has(+button),.micl-card__headline-s h5:has(+button),.micl-card__headline-s h6:has(+button),.micl-card__headline-s .micl-heading:has(+button),.micl-card__headline-m h1:has(+button),.micl-card__headline-m h2:has(+button),.micl-card__headline-m h3:has(+button),.micl-card__headline-m h4:has(+button),.micl-card__headline-m h5:has(+button),.micl-card__headline-m h6:has(+button),.micl-card__headline-m .micl-heading:has(+button),.micl-card__headline-l h1:has(+button),.micl-card__headline-l h2:has(+button),.micl-card__headline-l h3:has(+button),.micl-card__headline-l h4:has(+button),.micl-card__headline-l h5:has(+button),.micl-card__headline-l h6:has(+button),.micl-card__headline-l .micl-heading:has(+button){padding-inline-end:0}.micl-card__headline-s:has(button),.micl-card__headline-m:has(button),.micl-card__headline-l:has(button){margin-block:0}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.micl-card__subhead{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);display:block;margin-block:0 8px;padding-inline:var(--md-sys-card-padding-inline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant)}.micl-card__supporting-text{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);display:block;margin-block:0 8px;padding-inline:var(--md-sys-card-padding-inline);color:var(--md-sys-color-on-surface-variant)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l{color:var(--md-sys-color-on-surface)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l button{color:var(--md-sys-color-on-surface)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__subhead,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__supporting-text,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__subhead,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__supporting-text,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__subhead,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__supporting-text,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__subhead,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__supporting-text,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__subhead,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__supporting-text,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__subhead,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__supporting-text,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__subhead,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__supporting-text,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__subhead,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__supporting-text,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__subhead,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__supporting-text,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__subhead,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__supporting-text,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__subhead,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__supporting-text,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__subhead,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__supporting-text{color:var(--md-sys-color-on-surface)}.micl-card__content{box-sizing:border-box;padding-inline:var(--md-sys-card-padding-inline);background-color:inherit;overflow:hidden}