.feedback-banner{--feedback-accent:#5b32b5;color:#332e29;background:color-mix(in srgb, var(--feedback-accent) 7%, #fff);border:1px solid color-mix(in srgb, var(--feedback-accent) 28%, #e5dfd8);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;width:min(100% - 2rem,72rem);margin:1rem auto;padding:.875rem 1rem;display:grid}.feedback-banner--success{--feedback-accent:#16815d}.feedback-banner--warning{--feedback-accent:#9a5a08}.feedback-banner--error{--feedback-accent:#b93428}.feedback-banner>svg{width:1.25rem;height:1.25rem;color:var(--feedback-accent);margin-top:.125rem}.feedback-banner strong{font-size:.9375rem;line-height:1.4;display:block}.feedback-banner p{color:#625b54;margin:.1875rem 0 0;font-size:.875rem;line-height:1.5}.feedback-banner button{min-height:2.5rem;color:var(--feedback-accent);border-radius:999px;padding:.5rem .875rem;font-weight:750}.feedback-banner button:hover{background:color-mix(in srgb, var(--feedback-accent) 10%, transparent)}.feedback-banner button:focus-visible{outline:2px solid var(--feedback-accent);outline-offset:2px}.feedback-banner--connectivity{z-index:80;border-width:0 0 1px;border-radius:0;width:100%;margin:0;position:sticky;top:0}.dark .feedback-banner{color:#f5f3f1;background:color-mix(in srgb, var(--feedback-accent) 14%, #221e1a);border-color:color-mix(in srgb, var(--feedback-accent) 38%, #4a433d)}.dark .feedback-banner p{color:#c9c3bd}@media (width<=480px){.feedback-banner{grid-template-columns:auto minmax(0,1fr);width:calc(100% - 1.5rem)}.feedback-banner button{grid-column:2;justify-self:start}.feedback-banner--connectivity{width:100%}}