.block-system-messages-block{inline-size:80%;inset-block-start:var(--size-25);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(--santa-barbara-sand);border-color:var(--gray-300);border-radius:var(--radius-2);border-width:1px;color:var(--gray-900);display:flex;font-size:var(--font-size-1);font-weight:var(--font-weight-500);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-900)}.messages--warning .messages__container{background-color:var(--yellow-100);border-color:var(--yellow-300);color:var(--yellow-900)}.messages--status .messages__container{background-color:var(--green-100);border-color:var(--green-300);color:var(--green-900)}.messages--info .messages__container{background-color:var(--blue-100);border-color:var(--blue-300);color:var(--blue-900)}