.dismissible-banner{position:relative;padding:1rem 2.5rem 1rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;animation:fadeIn .2s ease-out}.dismissible-banner__dismiss{all:unset;position:absolute;inset:.5rem .5rem .5rem auto;aspect-ratio:1;display:grid;place-content:center;border-radius:.25rem;font-size:1.25rem;cursor:pointer;opacity:.7;transition:.15s ease}.dismissible-banner__dismiss:hover{opacity:1;background:rgba(0,0,0,.1)}.dismissible-banner__success{background:var(--success-bg-color,#f0fdf4);border:1px solid var(--success-border-color,#86efac);color:var(--success-text-color,#166534)}.dismissible-banner__error{background:var(--error-bg-color,#fef2f2);border:1px solid var(--error-border-color,#fca5a5);color:var(--error-text-color,#991b1b)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}