.qmsg.qmsg-wrapper{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,0.55);font-size:13px;font-variant:tabular-nums;line-height:1;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";position:fixed;top:16px;left:0;z-index:999999;width:100%;pointer-events:none}.qmsg .qmsg-item{padding:8px;text-align:center;-webkit-animation-duration:.3s;animation-duration:.3s;position:relative}.qmsg .qmsg-item .qmsg-count{text-align:center;position:absolute;left:-4px;top:-4px;color:#fff;font-size:12px;line-height:16px;border-radius:2px;display:inline-block;min-width:16px;height:16px;-webkit-animation-duration:.3s;animation-duration:.3s}.qmsg .qmsg-item:first-child{margin-top:-8px}.qmsg .qmsg-content{text-align:left;position:relative;display:inline-block;box-shadow:0 4px 12px rgba(0,0,0,0.15);pointer-events:all;max-width:80%;min-width:80px}.qmsg .qmsg-content [class^="qmsg-content-"]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qmsg .qmsg-content .qmsg-content-with-close{padding-right:20px}.qmsg .qmsg-icon{font-style:normal;line-height:0;text-align:center;text-transform:none;font-size:16px}.qmsg .qmsg-icon.qmsg-icon-close{position:absolute;top:8px;right:8px;padding:0;overflow:hidden;font-size:12px;line-height:22px;background-color:transparent;border:none;outline:none;cursor:pointer;color:rgba(0,0,0,0.45);transition:color .3s}.qmsg .qmsg-icon.qmsg-icon-close svg path{transition:ease-in-out .5s;stroke:#909399}.qmsg .qmsg-icon.qmsg-icon-close:hover>svg path{stroke:#f00}.qmsg .qmsg-icon svg{display:inline-block}.qmsg .qmsg-content-loading,.qmsg .qmsg-content-success,.qmsg .qmsg-content-warning,.qmsg .qmsg-content-error,.qmsg .qmsg-content-info{padding:12px 16px;display:flex;align-items:center;grid-gap:8px;border-radius:var(--salong-button-radius)}.qmsg .qmsg-content-loading.qmsg-content-with-close,.qmsg .qmsg-content-success.qmsg-content-with-close,.qmsg .qmsg-content-warning.qmsg-content-with-close,.qmsg .qmsg-content-error.qmsg-content-with-close,.qmsg .qmsg-content-info.qmsg-content-with-close{padding-right:36px}.qmsg .qmsg-content-loading{background-color:var(--salong-module-bg-color)}.qmsg .qmsg-content-loading .qmsg-icon:not(.qmsg-icon-close) svg path{stroke:var(--salong-color-main)}.qmsg .qmsg-content-loading span{color:var(--salong-color-text)}.qmsg .qmsg-content-loading+.qmsg-count{background-color:var(--salong-color-main);color:var(--salong-color-image-before-subtitle)}.qmsg .qmsg-content-success{background-color:var(--salong-message-success-bg)}.qmsg .qmsg-content-success .qmsg-icon:not(.qmsg-icon-close) svg path:nth-child(2){fill:var(--salong-message-success-color);stroke:var(--salong-message-success-color)}.qmsg .qmsg-content-success .qmsg-icon:not(.qmsg-icon-close) svg path:not(:nth-child(2)){stroke:var(--salong-message-success-bg)}.qmsg .qmsg-content-success span{color:var(--salong-message-success-color)}.qmsg .qmsg-content-success+.qmsg-count{background-color:var(--salong-message-success-color);color:var(--salong-message-success-bg)}.qmsg .qmsg-content-info{background-color:var(--salong-message-info-bg)}.qmsg .qmsg-content-info .qmsg-icon:not(.qmsg-icon-close) svg path:nth-child(2){fill:var(--salong-message-info-color);stroke:var(--salong-message-info-color)}.qmsg .qmsg-content-info .qmsg-icon:not(.qmsg-icon-close) svg path:not(:nth-child(2)){fill:var(--salong-message-info-bg);stroke:var(--salong-message-info-bg)}.qmsg .qmsg-content-info span{color:var(--salong-message-info-color)}.qmsg .qmsg-content-info+.qmsg-count{background-color:var(--salong-message-info-color);color:var(--salong-message-info-bg)}.qmsg .qmsg-content-warning{background-color:var(--salong-message-warning-bg)}.qmsg .qmsg-content-warning .qmsg-icon:not(.qmsg-icon-close) svg path:nth-child(2){fill:var(--salong-message-warning-color);stroke:var(--salong-message-warning-color)}.qmsg .qmsg-content-warning .qmsg-icon:not(.qmsg-icon-close) svg path:not(:nth-child(2)){fill:var(--salong-message-warning-bg);stroke:var(--salong-message-warning-bg)}.qmsg .qmsg-content-warning span{color:var(--salong-message-warning-color)}.qmsg .qmsg-content-warning+.qmsg-count{background-color:var(--salong-message-warning-color);color:var(--salong-message-warning-bg)}.qmsg .qmsg-content-error{background-color:var(--salong-message-error-bg)}.qmsg .qmsg-content-error .qmsg-icon:not(.qmsg-icon-close) svg path:nth-child(2){fill:var(--salong-message-error-color);stroke:var(--salong-message-error-color)}.qmsg .qmsg-content-error .qmsg-icon:not(.qmsg-icon-close) svg path:not(:nth-child(2)){fill:var(--salong-message-error-bg);stroke:var(--salong-message-error-bg)}.qmsg .qmsg-content-error span{color:var(--salong-message-error-color)}.qmsg .qmsg-content-error+.qmsg-count{background-color:var(--salong-message-error-color);color:var(--salong-message-error-bg)}.qmsg .animate-turn{animation:MessageTurn 1s linear infinite;-webkit-animation:MessageTurn 1s linear infinite}@keyframes MessageTurn{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes MessageTurn{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}@-webkit-keyframes MessageMoveIn{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1}}@keyframes MessageMoveIn{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1}}@-webkit-keyframes MessageShake{0%,100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}25%,75%{-webkit-transform:translateX(-4px);transform:translateX(-4px);opacity:0.75}50%{-webkit-transform:translateX(4px);transform:translateX(4px);opacity:0.25}}@keyframes MessageShake{0%,100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}25%,75%{-webkit-transform:translateX(-4px);transform:translateX(-4px);opacity:0.75}50%{-webkit-transform:translateX(4px);transform:translateX(4px);opacity:0.25}}