:root {--success-color: #83b012;--success-color-light: #effaf0;--warning-color: #cea106;--warning-color-light: #fef9e6;--danger-color: #d80027;--danger-color-light: #ffe6ea;}@-webkit-keyframes flash-in {0% {-webkit-transform: translateX(120%);transform: translateX(120%);}100% {-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes flash-in {0% {-webkit-transform: translateX(120%);transform: translateX(120%);}100% {-webkit-transform: translateX(0);transform: translateX(0);}}@-webkit-keyframes flash-out {0% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}100% {-webkit-transform: translateX(-70%);transform: translateX(-70%);opacity: 0;}}@keyframes flash-out {0% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}100% {-webkit-transform: translateX(-70%);transform: translateX(-70%);opacity: 0;}}.flashes{position: fixed;right: 0;top: 6rem;z-index: 100;-webkit-animation: 0.4s flash-in cubic-bezier(0.25, 1, 0.5, 1) forwards;animation: 0.4s flash-in cubic-bezier(0.25, 1, 0.5, 1) forwards;}.flashes.is-close {-webkit-animation: 0.3s flash-out cubic-bezier(0.32, 0, 0.67, 0) forwards;animation: 0.3s flash-out cubic-bezier(0.32, 0, 0.67, 0) forwards;visibility: hidden;}.flash{display: flex;align-items: center;padding: 1.25rem;font-weight: 700;margin-bottom: 0.75rem;border: 0.0625rem solid;background-color: #ffffff;}.flash.danger{color: var(--danger-color);}.flash.warning{color: var(--warning-color);}.flash.success{color: var(--success-color);}