@layer components.card{:host{contain:style;width:var(--card-width,auto);text-align:var(--card-text-align,inherit);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);color:var(--color-text);-webkit-backdrop-filter:var(--card-backdrop-filter,none);display:block}:host-context(html[data-theme="dark"]){background-color:var(--card-background-color,#1e1e1e);border-color:var(--color-border-default,#424242);color:var(--color-text,#e5e5e5)}:host([stretch]){height:100%}:host(:hover){transform:var(--card-hover-transform,none);box-shadow:var(--card-hover-box-shadow,var(--card-box-shadow,none));background-color:var(--card-hover-background-color,var(--card-background-color,transparent));border-color:var(--card-hover-border-color,var(--color-primary))}: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([slot=headline]){flex:var(--card-headline-flex,initial)}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);line-height:var(--line-height,1.5);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}}@media (prefers-reduced-motion:no-preference){:host-context(html[data-theme="rainbow"]){animation:8s linear infinite rainbow-shadow}:host-context(html[data-theme="rainbow"]):hover{animation-duration:4s}}@keyframes rainbow-shadow{0%,to{box-shadow:3px -1px 8px #f0424233,3px 1px 8px #f48c2533,1px 3px 8px #f9e71f33,-1px 3px 8px #22c32233,-3px 1px 8px #306ee833,-3px -1px 8px #6226d933,-1px -3px 8px #c23cdd33}14%{box-shadow:1px -3px 8px #f0424233,3px -1px 8px #f48c2533,3px 1px 8px #f9e71f33,1px 3px 8px #22c32233,-1px 3px 8px #306ee833,-3px 1px 8px #6226d933,-3px -1px 8px #c23cdd33}28%{box-shadow:-1px -3px 8px #f0424233,1px -3px 8px #f48c2533,3px -1px 8px #f9e71f33,3px 1px 8px #22c32233,1px 3px 8px #306ee833,-1px 3px 8px #6226d933,-3px 1px 8px #c23cdd33}42%{box-shadow:-3px -1px 8px #f0424233,-1px -3px 8px #f48c2533,1px -3px 8px #f9e71f33,3px -1px 8px #22c32233,3px 1px 8px #306ee833,1px 3px 8px #6226d933,-1px 3px 8px #c23cdd33}57%{box-shadow:-3px 1px 8px #f0424233,-3px -1px 8px #f48c2533,-1px -3px 8px #f9e71f33,1px -3px 8px #22c32233,3px -1px 8px #306ee833,3px 1px 8px #6226d933,1px 3px 8px #c23cdd33}71%{box-shadow:-1px 3px 8px #f0424233,-3px 1px 8px #f48c2533,-3px -1px 8px #f9e71f33,-1px -3px 8px #22c32233,1px -3px 8px #306ee833,3px -1px 8px #6226d933,3px 1px 8px #c23cdd33}85%{box-shadow:1px 3px 8px #f0424233,-1px 3px 8px #f48c2533,-3px 1px 8px #f9e71f33,-3px -1px 8px #22c32233,-1px -3px 8px #306ee833,1px -3px 8px #6226d933,3px -1px 8px #c23cdd33}}}