@layer components.footer{:host{background-color:var(--footer-color-background);border-top:1px solid var(--footer-color-border);color:var(--footer-color-text);display:block}footer{justify-content:center;width:100%;display:flex}e-footer-content{align-items:center;gap:var(--footer-gap);padding:var(--footer-padding,2rem 1rem);max-width:var(--footer-max-width);flex-direction:column;width:100%;display:flex}e-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}::slotted([data-role=footer-link]),::slotted(a){color:var(--footer-color-link);text-decoration:none;transition:color .2s}::slotted([data-role=footer-link]:hover),::slotted(a:hover){color:var(--footer-color-link-hover);text-decoration:underline}::slotted([data-role=footer-link]:focus),::slotted(a:focus){outline:2px solid var(--footer-color-link);outline-offset:2px;border-radius:2px}::slotted([data-role=footer-separator]){color:var(--footer-color-text);opacity:.5}e-footer-copyright{text-align:center;color:var(--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-links{font-size:.875rem}e-footer-copyright{font-size:.75rem}}@media (prefers-reduced-motion:reduce){::slotted([data-role=footer-link]),::slotted(a){transition:none}}}