.flashes{position:fixed;top:5.5rem;left:50%;z-index:1000;display:grid;gap:.75rem;width:min(560px,calc(100vw - 2rem));transform:translateX(-50%)}.flash{--flash-accent:var(--primary-blue-medium);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr)auto;align-items:center;gap:1rem;padding:1rem 1.1rem;overflow:hidden;color:#333;font-size:1rem;background:#fff;border:1px solid rgba(15,23,42,.12);border-left:5px solid var(--flash-accent);border-radius:8px;box-shadow:0 8px 24px rgba(2,12,27,.16)}.flash--notice,.flash--success{--flash-accent:#2ca33c}.flash--alert,.flash--warning{--flash-accent:var(--primary-orange)}.flash--error{--flash-accent:#f54f52}.flash__icon{display:flex;color:var(--flash-accent)}.flash__icon svg{width:1.8rem;height:1.8rem}.flash__message{min-width:0;overflow-wrap:anywhere}.flash__dismiss{display:grid;padding:.25rem;color:#666;background:0 0;border:0;border-radius:4px;cursor:pointer;place-items:center}.flash__dismiss:hover{color:#222}.flash__dismiss:focus-visible{outline:2px solid var(--flash-accent);outline-offset:2px}.flash__dismiss svg{width:1.25rem;height:1.25rem}[data-bridge-components~=flash] [data-controller~=bridge--flash]{display:none}