@layer components.footer{:host{background-color:var(--ec-footer-color-background);border-top:1px solid var(--ec-footer-color-border);color:var(--ec-footer-color-text);display:block}footer{justify-content:center;width:100%;display:flex}e-footer-content{align-items:center;gap:var(--ec-footer-gap);padding:var(--ec-footer-padding,2rem 1rem);max-width:var(--ec-footer-max-width);flex-direction:column;width:100%;display:flex}e-footer-groups{justify-content:center;gap:var(--ec-footer-groups-gap,1.5rem 4rem);width:100%;flex-wrap:wrap;margin-block-end:var(--ec-footer-groups-spacing,1rem);display:flex}:host(:not([data-has-groups])) e-footer-groups{display:none}::slotted([data-role=footer-group]){min-width:var(--ec-footer-group-min-width,10rem);text-align:start}e-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.25rem;display:flex}::slotted([data-role=footer-link]){color:var(--ec-footer-color-link);transition:color var(--duration-200) ease;text-decoration:none}::slotted(a){color:var(--ec-footer-color-link);transition:color var(--duration-200) ease;text-decoration:none}::slotted([data-role=footer-link]:hover){color:var(--ec-footer-color-link-hover);text-decoration:underline}::slotted(a:hover){color:var(--ec-footer-color-link-hover);text-decoration:underline}::slotted([data-role=footer-link]:focus){outline:2px solid var(--ec-footer-color-link);outline-offset:2px;border-radius:2px}::slotted(a:focus){outline:2px solid var(--ec-footer-color-link);outline-offset:2px;border-radius:2px}::slotted([data-role=footer-separator]){display:none}e-footer-copyright{text-align:center;color:var(--ec-footer-color-text);font-size:.875rem}::slotted([slot=footer-copyright]){margin:0;padding:0}[data-state=error]{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:1rem}@media (width<=767px){e-footer-content{gap:.75rem;padding:1.5rem 1rem}e-footer-groups{flex-direction:column;align-items:center;gap:1.25rem}::slotted([data-role=footer-group]){text-align:center;min-width:0}e-footer-links{font-size:.875rem}e-footer-copyright{font-size:.75rem}}@media print{:host{display:none!important}}@media (prefers-reduced-motion:reduce){::slotted([data-role=footer-link]){transition:none}::slotted(a){transition:none}}}