:root{--grey: silver;--blue: royalblue;--green: forestgreen;--yellow: gold;--red: tomato;--space: 10px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.message{border:1px solid var(--grey);padding:var(--space);display:inline-flex;align-items:center}.message[data-dismissed=false]{animation:fade-in .25s backwards}.message[data-dismissed=true]{animation:fade-out .25s forwards}.message__dismiss{margin-left:var(--space)}.message[data-type=info]{border-color:var(--blue)}.message[data-type=success]{border-color:var(--green)}.message[data-type=warning]{border-color:var(--yellow)}.message[data-type=error]{border-color:var(--red)}.flash-messages{display:flex;flex-direction:column;align-items:flex-start}.flash-messages .message:not(:last-child){margin-bottom:var(--space)}