.dialog-message{left:var(--percent-50);transform:translateX(var(--percent-n50));bottom:5rem;top:unset;border-radius:.313rem;width:max-content;max-width:90vw;padding:0;animation:2s ease-out 1s forwards fadeOut;position:fixed;& .message-content{color:var(--color-neutral-10);padding:var(--space-300);text-wrap-mode:wrap;background-color:var(--color-neutral-80);gap:var(--space-200);font-size:var(--font-size-small);justify-content:center;align-items:center;font-weight:500;display:flex;&:before{line-height:0;display:block}&.message-success{&:before{content:url(/icons/icon-message-success.svg)}}&.message-error{&:before{content:url(/icons/icon-message-error.svg)}}&.message-warning{&:before{content:url(/icons/icon-message-warning.svg)}}}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media screen and (width>=1024px){.dialog-message{bottom:1.25rem}}