.md-card{font:inherit;text-align:start;color:var(--md-sys-color-on-surface);--_card-container-opacity: 1;--_card-outline-opacity: 1;--_card-outline-width: 0px;--_card-outline: transparent;--_card-state-opacity: 0;--_card-state-color: transparent;--_elevation-level: var(--_card-elevation);--_shadow-color: var(--_card-shadow);position:relative;isolation:isolate;background:color-mix(in srgb,var(--_card-container) calc(var(--_card-container-opacity) * 100%),transparent);border:var(--_card-outline-width) solid color-mix(in srgb,var(--_card-outline) calc(var(--_card-outline-opacity) * 100%),transparent);border-radius:var(--_card-shape);padding:var(--md-sys-measurement-space200)}.md-card>[data-slot=icon]{display:inline-flex;color:var(--_card-icon);width:var(--_card-icon-size);height:var(--_card-icon-size)}.md-card.md-interactive-card{--_card-background-state-color: transparent;--_card-background-state-opacity: 0;--_button-background-state-color: var(--_card-background-state-color);--_button-background-state-opacity: var(--_card-background-state-opacity);--_button-pressed-state-color: var(--_card-pressed-state-color);--_button-pressed-state-opacity: var(--_card-pressed-state-opacity);--_button-state-color: var(--_card-state-color);--_button-state-opacity: var(--_card-state-opacity);--_button-rest-shape: var(--_card-shape);--_button-pressed-shape: var(--_card-shape)}.md-card.md-interactive-card:focus-visible{outline:var(--_card-focus-width) solid var(--_card-focus-color);outline-offset:var(--_card-focus-offset)}.md-card.md-interactive-card[aria-disabled=true]{cursor:default}@media(prefers-reduced-motion:reduce){.md-card{transition:none}}@media(forced-colors:active){.md-card{border:1px solid ButtonText}}.md-elevated-card{--_card-container: var(--md-comp-elevated-card-container-color);--_card-elevation: var(--md-comp-elevated-card-container-elevation);--_card-shadow: var(--md-comp-elevated-card-container-shadow-color);--_card-shape: var(--md-comp-elevated-card-container-shape);--_card-focus-color: var(--md-comp-elevated-card-focus-indicator-color);--_card-focus-offset: var(--md-comp-elevated-card-focus-indicator-outline-offset);--_card-focus-width: var(--md-comp-elevated-card-focus-indicator-thickness);--_card-icon: var(--md-comp-elevated-card-icon-color);--_card-icon-size: var(--md-comp-elevated-card-icon-size)}.md-filled-card{--_card-container: var(--md-comp-filled-card-container-color);--_card-elevation: var(--md-comp-filled-card-container-elevation);--_card-shadow: var(--md-comp-filled-card-container-shadow-color);--_card-shape: var(--md-comp-filled-card-container-shape);--_card-focus-color: var(--md-comp-filled-card-focus-indicator-color);--_card-focus-offset: var(--md-comp-filled-card-focus-indicator-outline-offset);--_card-focus-width: var(--md-comp-filled-card-focus-indicator-thickness);--_card-icon: var(--md-comp-filled-card-icon-color);--_card-icon-size: var(--md-comp-filled-card-icon-size)}.md-outlined-card{--_card-container: var(--md-comp-outlined-card-container-color);--_card-elevation: var(--md-comp-outlined-card-container-elevation);--_card-shadow: var(--md-comp-outlined-card-container-shadow-color);--_card-shape: var(--md-comp-outlined-card-container-shape);--_card-focus-color: var(--md-comp-outlined-card-focus-indicator-color);--_card-focus-offset: var(--md-comp-outlined-card-focus-indicator-outline-offset);--_card-focus-width: var(--md-comp-outlined-card-focus-indicator-thickness);--_card-icon: var(--md-comp-outlined-card-icon-color);--_card-icon-size: var(--md-comp-outlined-card-icon-size);--_card-outline: var(--md-comp-outlined-card-outline-color);--_card-outline-width: var(--md-comp-outlined-card-outline-width)}.md-elevated-card.md-interactive-card:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_card-elevation: var(--md-comp-elevated-card-hover-container-elevation);--_card-state-color: var(--md-comp-elevated-card-hover-state-layer-color);--_card-background-state-color: var(--md-comp-elevated-card-hover-state-layer-color);--_card-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity)}.md-filled-card.md-interactive-card:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_card-elevation: var(--md-comp-filled-card-hover-container-elevation);--_card-state-color: var(--md-comp-filled-card-hover-state-layer-color);--_card-background-state-color: var(--md-comp-filled-card-hover-state-layer-color);--_card-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity)}.md-outlined-card.md-interactive-card:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_card-elevation: var(--md-comp-outlined-card-hover-container-elevation);--_card-outline: var(--md-comp-outlined-card-hover-outline-color);--_card-state-color: var(--md-comp-outlined-card-hover-state-layer-color);--_card-background-state-color: var(--md-comp-outlined-card-hover-state-layer-color);--_card-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity)}.md-elevated-card.md-interactive-card:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-elevated-card-focus-container-elevation);--_card-state-color: var(--md-comp-elevated-card-focus-state-layer-color);--_card-background-state-color: var(--md-comp-elevated-card-focus-state-layer-color);--_card-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity)}.md-filled-card.md-interactive-card:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-filled-card-focus-container-elevation);--_card-state-color: var(--md-comp-filled-card-focus-state-layer-color);--_card-background-state-color: var(--md-comp-filled-card-focus-state-layer-color);--_card-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity)}.md-outlined-card.md-interactive-card:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-outlined-card-focus-container-elevation);--_card-outline: var(--md-comp-outlined-card-focus-outline-color);--_card-state-color: var(--md-comp-outlined-card-focus-state-layer-color);--_card-background-state-color: var(--md-comp-outlined-card-focus-state-layer-color);--_card-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity)}.md-elevated-card.md-interactive-card:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_card-elevation: var(--md-comp-elevated-card-pressed-container-elevation);--_card-state-color: var(--md-comp-elevated-card-pressed-state-layer-color);--_card-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity)}.md-elevated-card.md-interactive-card{--_card-pressed-state-color: var(--md-comp-elevated-card-pressed-state-layer-color);--_card-pressed-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity)}.md-filled-card.md-interactive-card:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_card-elevation: var(--md-comp-filled-card-pressed-container-elevation);--_card-state-color: var(--md-comp-filled-card-pressed-state-layer-color);--_card-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity)}.md-filled-card.md-interactive-card{--_card-pressed-state-color: var(--md-comp-filled-card-pressed-state-layer-color);--_card-pressed-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity)}.md-outlined-card.md-interactive-card:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_card-elevation: var(--md-comp-outlined-card-pressed-container-elevation);--_card-outline: var(--md-comp-outlined-card-pressed-outline-color);--_card-state-color: var(--md-comp-outlined-card-pressed-state-layer-color);--_card-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity)}.md-outlined-card.md-interactive-card{--_card-pressed-state-color: var(--md-comp-outlined-card-pressed-state-layer-color);--_card-pressed-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity)}.md-elevated-card.md-interactive-card:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-elevated-card-dragged-container-elevation);--_card-state-color: var(--md-comp-elevated-card-dragged-state-layer-color);--_card-background-state-color: var(--md-comp-elevated-card-dragged-state-layer-color);--_card-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity)}.md-filled-card.md-interactive-card:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-filled-card-dragged-container-elevation);--_card-state-color: var(--md-comp-filled-card-dragged-state-layer-color);--_card-background-state-color: var(--md-comp-filled-card-dragged-state-layer-color);--_card-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity)}.md-outlined-card.md-interactive-card:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-outlined-card-dragged-container-elevation);--_card-outline: var(--md-comp-outlined-card-dragged-outline-color);--_card-state-color: var(--md-comp-outlined-card-dragged-state-layer-color);--_card-background-state-color: var(--md-comp-outlined-card-dragged-state-layer-color);--_card-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity)}.md-elevated-card.md-interactive-card:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_card-container: var(--md-comp-elevated-card-disabled-container-color);--_card-elevation: var(--md-comp-elevated-card-disabled-container-elevation);--_card-container-opacity: var(--md-comp-elevated-card-disabled-container-opacity)}.md-filled-card.md-interactive-card:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_card-container: var(--md-comp-filled-card-disabled-container-color);--_card-elevation: var(--md-comp-filled-card-disabled-container-elevation);--_card-container-opacity: var(--md-comp-filled-card-disabled-container-opacity)}.md-outlined-card.md-interactive-card:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-outlined-card-disabled-container-elevation);--_card-outline: var(--md-comp-outlined-card-disabled-outline-color);--_card-outline-opacity: var(--md-comp-outlined-card-disabled-outline-opacity)}