.block-system-messages-block{inline-size:80%;inset-block-start:6.25rem;inset-inline-end:var(--size-205);position:fixed;transition:all .25s ease;z-index:var(--layer-50)}@media (width >= 640px){.block-system-messages-block{inline-size:50%}}@media (width >= 1024px){.block-system-messages-block{inline-size:50%}}@media (width >= 1280px){.block-system-messages-block{inline-size:30%}}.messages:not(.no-fade){display:none}.messages.fade:not(.no-fade){animation:var(--animation-fade-out) forwards;animation-delay:5s;animation-duration:2s;display:block}.messages__container{align-items:center;background-color:var(--sand-300);border-color:var(--grey-300);border-radius:var(--radius-2);border-width:1px;color:var(--grey-900);display:flex;padding-block:var(--size-6);padding-inline:var(--size-4)}.messages__container *{color:inherit}.messages__header{display:flex;flex-shrink:0;margin-inline-end:var(--size-4)}.messages__header>svg{block-size:24px;inline-size:24px}.messages__title{color:inherit}.messages__content{flex-grow:1;flex-shrink:1;overflow:auto}.messages--error .messages__container{background-color:var(--red-100);border-color:var(--red-300);color:var(--red-700)}.messages--warning .messages__container{background-color:var(--gold-100);border-color:var(--gold-500);color:var(--gold-900)}.messages--status .messages__container{background-color:var(--teal-100);border-color:var(--teal-300);color:var(--teal-900)}.messages--info .messages__container{background-color:var(--blue-100);border-color:var(--blue-300);color:var(--blue-700)}