.errors { position: fixed; top: 30px; left: 30px; right: 30px; z-index: 1005; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.errors--hide { opacity: 0; pointer-events: none; }
.errors .errors__wrap { max-width: 600px; margin: 0 auto; background-color: var(--red-1); opacity: 0.95; color: var(--white); padding: 30px; box-sizing: border-box; display: flex; flex-wrap: wrap; -webkit-box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.3); cursor: pointer; }
.errors svg { width: 30px; height: 30px; fill: var(--white); }
.errors p { width: calc(100% - 30px); padding-left: 15px; box-sizing: border-box; font-weight: bold; }
.errors ul { padding: 15px 15px 0 15px; box-sizing: border-box; }

.notifications { position: fixed; top: 30px; left: 30px; right: 30px; z-index: 1005; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.notifications--hide { opacity: 0; pointer-events: none; }
.notifications .notifications__wrap { max-width: 600px; margin: 0 auto; background-color: var(--white); opacity: 0.95; color: var(--gray-0); padding: 30px; box-sizing: border-box; display: flex; flex-wrap: wrap; -webkit-box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.3); cursor: pointer; }
.notifications svg { width: 30px; height: 30px; fill: var(--gray-1); }
.notifications p:nth-of-type(1) { width: calc(100% - 30px); padding-left: 15px; box-sizing: border-box; font-weight: bold; }
.notifications p:nth-of-type(2) { padding: 15px 15px 0 15px; box-sizing: border-box; }

.inputErr { border-color: var(--red-1)!important; }