html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* Font Family Declarations */
/* Font Sizing Handler */
/* Typography Styles */
/* Centered element - Parent container should be position: relative; */
/* Force element to fill it's parent container */
/* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */
.status-messages { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; transition: opacity 0.3s linear; bottom: 2vh; max-height: 200px; left: 50%; opacity: 1; overflow: auto; position: fixed; z-index: 5; width: 90%; }

.status-messages .close-messages { font-size: 16px; font-size: 1rem; left: 5px; position: absolute; top: 5px; z-index: 6; }

.status-messages .error { background-color: #FBE3E4; border-radius: 5px; color: #97161b; display: block; margin-bottom: 0; max-height: 10vh; overflow: auto; padding: 0.75em 0.75em 0.75em 50px; }

.status-messages .error a { color: #6a0f13; text-decoration: underline; }

.status-messages .error a:focus, .status-messages .error a:hover { color: #110203; }

.status-messages .status { background-color: #E6EFC2; border-radius: 5px; color: #56651a; display: block; margin-bottom: 0; max-height: 10vh; overflow: auto; padding: 0.75em 0.75em 0.75em 50px; }

.status-messages .status a { color: #333c10; text-decoration: underline; }

.status-messages .status a:focus, .status-messages .status a:hover { color: black; }

.status-messages .notice { background-color: #E5EDF8; border-radius: 5px; color: #244e87; display: block; margin-bottom: 0; max-height: 10vh; overflow: auto; padding: 0.75em 0.75em 0.75em 50px; }

.status-messages .notice a { color: #19375f; text-decoration: underline; }

.status-messages .notice a:focus, .status-messages .notice a:hover { color: #04080e; }

.status-messages .warning { background-color: #FFF6BF; border-radius: 5px; color: #8c7800; display: block; margin-bottom: 0; max-height: 10vh; overflow: auto; padding: 0.75em 0.75em 0.75em 50px; }

.status-messages .warning a { color: #594c00; text-decoration: underline; }

.status-messages .warning a:focus, .status-messages .warning a:hover { color: black; }

.status-messages.hidden { opacity: 0; pointer-events: none; }

/*# sourceMappingURL=../../maps/libraries/block/system-messages.css.map */