.message{background:hsla(0,0%,90%,.4);border-radius:8px;opacity:0;padding:16px 20px;pointer-events:none;text-align:left;transition:opacity var(--trans-xs) ease;width:100%}@media (min-width:768px){.message{padding:20px 40px}}.message.is-show{opacity:1;pointer-events:auto}.message.is-success{background:rgba(22,170,122,.1);color:#16aa7a}.message.is-success .svg-icon{fill:#16aa7a}.message.is-warning{background:rgba(245,170,81,.1);color:#f5aa51}.message.is-warning .svg-icon{fill:#f5aa51}.message.is-danger{background:hsla(8,75%,94%,.7);color:#e6614f}.message.is-danger .svg-icon{fill:#e6614f}.message.is-dark{background-color:#122235d9;color:#fff}.message.is-dark .svg-icon{fill:#fff;height:40px;margin-right:12px;width:40px}.message.is-large{font-size:1.25rem;font-weight:500;max-width:496px;padding:30px 48px}.message.is-fixed{left:50%;max-width:640px;position:fixed;top:50%;transform:translate(-50%,-50%);width:auto;z-index:9999}.message-icon{flex-shrink:0;margin-right:12px}