.container{--container-max-width:1300px;--container-padding:18px;width:100%;max-width:calc(var(--container-max-width) + var(--container-padding)*2);margin:0 auto;padding:0 var(--container-padding);display:flex;flex-direction:column;gap:36px}.message-provider{width:100vw;height:100vh;pointer-events:none;font-weight:700;text-align:center;position:fixed;top:0;left:0;z-index:101;padding-top:40px}.message-provider .container{position:relative;align-items:flex-end;gap:16px}.message-provider__message{pointer-events:all;cursor:pointer;border:unset;background-color:var(--primary-color-light);padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:10px;animation:popup 5s forwards}@keyframes popup{0%{opacity:0;transform:translateY(-100%)}4%{opacity:1;transform:translateY(5%)}5%{transform:translateY(0)}}.message-provider__message span{display:flex;align-items:center}.message-provider__message span.message{font-size:1rem;color:var(--white)}.message-provider__message--success{border:1px solid var(--success-font-color);background-color:var(--success-background)}.message-provider__message--success span.message{color:var(--success-font-color)}.message-provider__message--success svg path{fill:var(--success-font-color)}.message-provider__message--error{border:1px solid var(--error-font-color);background-color:var(--error-background)}.message-provider__message--error span.message{color:var(--error-font-color)}.message-provider__message--error svg path{fill:var(--error-font-color)}.message-provider__message--default{background-color:var(--primary-color-light)}