@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([hidden]){display:none}: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]){flex-direction:column;height:100%;display:flex}:host([stretch]) e-content{flex:auto}:host([stretch]) e-image-wrapper{flex-shrink:0}:host([stretch]) e-header{flex-shrink:0}:host([stretch]) e-actions{flex-shrink:0}:host([stretch][hidden]){display:none}: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))}@media (prefers-reduced-motion:reduce){:host{transition:none}:host(:hover){transform:none}}e-header{align-items:center;justify-content:var(--card-header-justify-content,flex-start);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){color:var(--card-headline-color,var(--color-primary));overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0}e-header ::slotted(h2){color:var(--card-headline-color,var(--color-primary));overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0}e-header ::slotted(h3){color:var(--card-headline-color,var(--color-primary));overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0}e-header ::slotted(h4){color:var(--card-headline-color,var(--color-primary));overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0}e-header ::slotted(h5){color:var(--card-headline-color,var(--color-primary));overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0}e-header ::slotted(h6){color:var(--card-headline-color,var(--color-primary));overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0}e-content{padding:var(--card-padding,1rem);line-height:var(--line-height,1.5);display:block}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:block}e-actions[hidden]{display:none}@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 rgba(240,66,66,.2),3px 1px 8px rgba(244,140,37,.2),1px 3px 8px rgba(249,231,31,.2),-1px 3px 8px rgba(34,195,34,.2),-3px 1px 8px rgba(48,110,232,.2),-3px -1px 8px rgba(98,38,217,.2),-1px -3px 8px rgba(194,60,221,.2)}14%{box-shadow:1px -3px 8px rgba(240,66,66,.2),3px -1px 8px rgba(244,140,37,.2),3px 1px 8px rgba(249,231,31,.2),1px 3px 8px rgba(34,195,34,.2),-1px 3px 8px rgba(48,110,232,.2),-3px 1px 8px rgba(98,38,217,.2),-3px -1px 8px rgba(194,60,221,.2)}28%{box-shadow:-1px -3px 8px rgba(240,66,66,.2),1px -3px 8px rgba(244,140,37,.2),3px -1px 8px rgba(249,231,31,.2),3px 1px 8px rgba(34,195,34,.2),1px 3px 8px rgba(48,110,232,.2),-1px 3px 8px rgba(98,38,217,.2),-3px 1px 8px rgba(194,60,221,.2)}42%{box-shadow:-3px -1px 8px rgba(240,66,66,.2),-1px -3px 8px rgba(244,140,37,.2),1px -3px 8px rgba(249,231,31,.2),3px -1px 8px rgba(34,195,34,.2),3px 1px 8px rgba(48,110,232,.2),1px 3px 8px rgba(98,38,217,.2),-1px 3px 8px rgba(194,60,221,.2)}57%{box-shadow:-3px 1px 8px rgba(240,66,66,.2),-3px -1px 8px rgba(244,140,37,.2),-1px -3px 8px rgba(249,231,31,.2),1px -3px 8px rgba(34,195,34,.2),3px -1px 8px rgba(48,110,232,.2),3px 1px 8px rgba(98,38,217,.2),1px 3px 8px rgba(194,60,221,.2)}71%{box-shadow:-1px 3px 8px rgba(240,66,66,.2),-3px 1px 8px rgba(244,140,37,.2),-3px -1px 8px rgba(249,231,31,.2),-1px -3px 8px rgba(34,195,34,.2),1px -3px 8px rgba(48,110,232,.2),3px -1px 8px rgba(98,38,217,.2),3px 1px 8px rgba(194,60,221,.2)}85%{box-shadow:1px 3px 8px rgba(240,66,66,.2),-1px 3px 8px rgba(244,140,37,.2),-3px 1px 8px rgba(249,231,31,.2),-3px -1px 8px rgba(34,195,34,.2),-1px -3px 8px rgba(48,110,232,.2),1px -3px 8px rgba(98,38,217,.2),3px -1px 8px rgba(194,60,221,.2)}}}