@layer components.card{:host{contain:layout style paint;border:var(--card-border,1px solid var(--color-primary));border-radius:var(--card-border-radius,var(--border-radius));background-color:var(--card-background-color,transparent);box-shadow:var(--card-box-shadow,none);transition:var(--card-transition,none);display:block}:host([stretch]){height:100%}:host(:hover){transform:var(--card-hover-transform,none);box-shadow:var(--card-hover-box-shadow,var(--card-box-shadow,none))}:host([color=warning]){border-color:var(--color-warning,#f59e0b);background-color:var(--color-warning-bg,#fef3c7)}:host([color=error]){border-color:var(--color-error,#ef4444);background-color:var(--color-error-bg,#fee2e2)}:host([color=success]){border-color:var(--color-success,#22c55e);background-color:var(--color-success-bg,#dcfce7)}:host([color=info]){border-color:var(--color-info,#3b82f6);background-color:var(--color-info-bg,#dbeafe)}@media (prefers-reduced-motion:reduce){:host{transition:none}:host(:hover){transform:none}}e-header{align-items:center;gap:var(--card-header-gap,.75rem);padding:var(--card-header-padding,1rem 1rem 0);display:flex}e-header[hidden]{display:none}e-header ::slotted([slot=icon]){flex-shrink:0}e-header ::slotted(h1),e-header ::slotted(h2),e-header ::slotted(h3),e-header ::slotted(h4),e-header ::slotted(h5),e-header ::slotted(h6){color:var(--card-headline-color,var(--color-primary));margin:0}e-content{padding:var(--card-padding,1rem);display:block;overflow:hidden}e-image{display:block}e-image-wrapper{border-radius:calc(var(--card-border-radius,var(--border-radius)) - 1px)calc(var(--card-border-radius,var(--border-radius)) - 1px)0 0;isolation:isolate;--dynamic-image-border-radius:calc(var(--card-border-radius,var(--border-radius)) - 1px)calc(var(--card-border-radius,var(--border-radius)) - 1px)0 0;display:block;overflow:hidden}e-image-wrapper:not(:has()){display:none}::slotted([slot=image]){--dynamic-image-border-radius:calc(var(--card-border-radius,4px) - 1px)calc(var(--card-border-radius,4px) - 1px)0 0;display:block}e-actions{padding:var(--card-actions-padding,0 1rem 1rem);display:none}e-actions:has(::slotted(*)){display:block}@media (forced-colors:active){:host{border:1px solid}}}