.block-system-messages-block{inline-size:80%;z-index:var(--layer-50);transition:all .25s;position:fixed;inset-block-start:6.25rem;inset-inline-end:var(--size-205)}@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-duration:2s;animation-delay:5s;display:block}.messages__container{background-color:var(--sand-300);border-color:var(--grey-300);border-radius:var(--radius-2);padding-block:var(--size-6);padding-inline:var(--size-4);border-width:1px;align-items:center;display:flex}.messages__header{--message-type:var(--blue-700);color:var(--message-type);flex-shrink:0;margin-inline-end:var(--size-4);display:flex}.messages--error .messages__header{--message-type:var(--red-700)}.messages--warning .messages__header{--message-type:var(--gold-900)}.messages--status .messages__header{--message-type:var(--teal-900)}.messages__header>svg{block-size:24px;inline-size:24px}.messages__content{flex-grow:1;flex-shrink:1;overflow:auto}.messages--error .messages__container{background-color:var(--red-100);border-color:var(--red-300)}.messages--warning .messages__container{background-color:var(--gold-100);border-color:var(--gold-500)}.messages--status .messages__container{background-color:var(--teal-100);border-color:var(--teal-300)}.messages--info .messages__container{background-color:var(--blue-100);border-color:var(--blue-300)}