.x-toast__container{line-height:normal;max-width:600px;pointer-events:none;position:fixed;transition:all 1s ease-in-out;width:100%;z-index:999999}.x-toast__wrapper{padding:10px 20px;position:relative}.x-toast__container.--top-center{transform:translate(calc(50vw - 50%))}.x-toast__container.--top-left{left:0;top:0}.x-toast__container.--top-right{right:0;top:0}.x-toast__container.--bottom-left{bottom:0;left:0}.x-toast__container.--bottom-right{bottom:0;right:0}.x-toast__container.--bottom-center{bottom:0;transform:translate(calc(50vw - 50%))}.x-toast__container.--bottom-right .x-toast,.x-toast__container.--top-right .x-toast{margin-right:0!important;padding-right:30px}.x-toast{border:1px solid;border-left:6px solid transparent;border-radius:2px;box-shadow:0 0 9px rgba(0,0,0,.25);display:table;margin:.5rem auto;padding:16px;pointer-events:none;position:relative;text-wrap:normal;transform:translateZ(0);transition:all .32s ease-in-out;width:auto}.x-toast--info{background-color:#eaf2fa;border-color:#91c5f2;color:#31708f}.x-toast--success{background-color:#e9ffd9;border-color:#a6ca8a;color:#3c763d}.x-toast--warning{background-color:#fff8c4;border-color:#f2c779;color:#8a6d3b}.x-toast--error{background-color:#ffecec;border-color:#f5aca6;color:#a94442}.x-toast.close-on-click{cursor:pointer;padding-right:45px;pointer-events:auto}.x-toast.close-on-click:before{content:"×";cursor:pointer;font-size:2rem;padding:7px;position:absolute;right:0;top:0}.x-toast__progress{background-color:#4a4c70;bottom:0;height:2px;left:3px;opacity:.4;position:absolute;transition:width 0s ease;width:0}.x-toast[class*="--hide"],.x-toast[class*="--init"]{opacity:0}.x-toast[class*="--show"]{opacity:1}.x-toast.slide-left-right--init{right:-100%}.x-toast.slide-left-right--show{right:0}.x-toast.slide-left-right--hide{right:-100%}.x-toast.slide-right-left--init{left:-100%}.x-toast.slide-right-left--show{left:0}.x-toast.slide-right-left--hide{left:-100%}.x-toast.slide-up-down--init{top:-100%}.x-toast.slide-up-down--show{top:0}.x-toast.slide-up-down--hide{top:-100%}.x-toast.slide-down-up--init{bottom:-100%}.x-toast.slide-down-up--show{bottom:0}.x-toast.slide-down-up--hide{bottom:-100%}