.messages{margin-left:auto;margin-right:auto;pointer-events:none;position:absolute;width:100%;z-index:100}.messages>ul{background:#fff;border-radius:0 0 var(--global-border-radius) var(--global-border-radius);box-shadow:var(--shadow-2);list-style:none;margin:0 auto;max-width:100%;padding:1em;pointer-events:all;position:relative;width:50rem}.messages__item{background:transparent;border-left:medium solid;display:flex;margin:.5em 0 .5em .3em;padding:.3em 0 .3em .5em}.messages label{border-bottom:thin solid}.messages .messages__item svg{font-size:1.2em;margin:0 .5em 0 .2em;position:relative;top:.1em;width:1em}.messages__item--notice{border-color: rgb(var(--notice))}.messages__item--notice svg{color: rgb(var(--notice))}.messages__item--warning{border-color: rgb(var(--warning))}.messages__item--warning svg{color: rgb(var(--warning))}.messages__item--error{border-color: rgb(var(--error))}.messages__item--error svg{color: rgb(var(--error))}.messages__item--success{border-color: rgb(var(--success))}.messages__item--success svg{color: rgb(var(--success))}.messages .messages__close{align-items:center;border:none;border-radius:100%;color:#000;display:flex;font-family:monospace;font-size:1.3rem;height:2rem;justify-content:center;padding:0;position:absolute;right:.5rem;text-align:center;top:.5rem;transition:var(--button-transition);width:2rem}.messages .messages__close:hover{background:#e57373;color:#fff}.messages__item pre code{white-space:pre-wrap}