.comp-message{--comp-message-main:#a8abc2;--comp-message-bg:#fffffff2;z-index:10;background:var(--comp-message-bg);border:2px solid var(--comp-message-main);color:var(--nf-text-20);border-radius:8px;justify-content:center;align-items:center;margin:32px auto;padding:12px 24px;font-size:20px;font-weight:700;line-height:28px;transition:all .15s linear;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.comp-message_icon{color:var(--comp-message-main);margin-right:8px}.comp-message_title{letter-spacing:1px}.comp-message--success{--comp-message-main:var(--nf-success)}.comp-message--warning{--comp-message-main:var(--nf-warning)}.comp-message--danger{--comp-message-main:#f76060}.comp-message--perform{background-color:#fff;transition-duration:0s!important}.message-enter-active{transition:all .15s ease-in}.message-leave-active{transition:all .25s ease-out}.message-enter-from,.message-leave-to{opacity:0;margin-top:-32px}