.m-alert{background-color:var(--color-neutral-800);border-radius:var(--border-radius-sm);color:var(--color-white);display:flex;min-height:3rem;padding:var(--spacer-2xs)}@supports (not (scale:1)) and (not (aspect-ratio:1/1)){.m-alert>div{gap:0!important}.m-alert>div>:not([aria-hidden])+*{margin-top:var(--spacer-4xs)}}.m-alert>div{display:flex;flex-direction:column;gap:var(--spacer-4xs);justify-content:center;padding-left:var(--spacer-2xl);padding-right:var(--spacer-4xs);position:relative;width:100%}.m-alert>div:not([class*=i-]){padding-left:var(--spacer-4xs)}.m-alert>div:before{left:var(--spacer-4xs);position:absolute;top:0}.m-alert__action-btn{width:-moz-fit-content;width:fit-content}.m-alert>span{cursor:pointer;height:-moz-fit-content;height:fit-content;margin-left:var(--spacer-4xs)}.m-alert>span:before{height:1rem;width:1rem}@media(hover:hover)and (min-width:1024px){.m-alert>span:hover:before{opacity:.8}}.m-alert--light{background-color:var(--color-red-50);color:var(--color-text-dark)}.m-alert--light.m-alert--warning{background-color:var(--color-yellow-50)}.m-alert--light.m-alert--info{background-color:var(--color-blue-50)}.m-alert--light.m-alert--success{background-color:var(--color-green-50)}@media(hover:hover)and (min-width:1024px){.m-alert--light>span:hover:before{opacity:.8}}.m-alert--white{background-color:var(--color-white);color:var(--color-text-dark)}.m-alert{font-size:.875rem;font-weight:400;line-height:1.25rem}.m-alert--default{left:50%;position:fixed;top:-5rem;transform:translate(-50%);transition:top .5s cubic-bezier(.6,-.15,0,1.5);z-index:var(--z-tooltip)}.m-alert--default.shown{top:7rem}@media(max-width:1023px){.m-alert--default{left:var(--spacer-xs);right:var(--spacer-xs);transform:translate(0)}}