.tata{position:fixed;display:flex;justify-content:space-around;align-items:center;width:300px;border-radius:3px;color:#fff;font-size:16px;z-index:9999;pointer-events:auto;padding:12px 14px 12px 20px;box-shadow:0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f,0 11px 15px -7px #0003}.tata:hover{opacity:1}.tata *{box-sizing:border-box}.tata .tata-icon{font-size:2em;color:inherit}.tata .tata-body{margin:0;padding:0 14px;min-height:38px;min-width:260px}.tata .tata-title{margin:0 0 2px;font-size:1em}.tata .tata-text{margin:0;font-size:.9em}.tata .tata-close{position:absolute;top:6px;right:6px;border:none;margin:0;padding:0;font-size:1em;font-weight:700;color:inherit;cursor:pointer;outline:none;background:transparent}.tata-progress{position:absolute;bottom:-1px;left:0;width:100%;height:5px;border-radius:0 0 3px 3px;background:#0003}.tata .tata-close:hover{opacity:.4}.tata.top-right{top:12px;right:12px}.tata.top-mid{top:12px;left:50%;transform:translate(-50%)}.tata.top-left{top:12px;left:12px}.tata.bottom-right{right:12px;bottom:18px}.tata.bottom-mid{left:50%;bottom:18px;transform:translate(-50%)}.tata.bottom-left{bottom:18px;left:12px}.tata.mid-right{top:50%;right:12px;transform:translateY(-50%)}.tata.mid-left{top:50%;left:12px;transform:translateY(-50%)}.tata.mid-mid{top:35%;left:50%;transform:translate(-50%,-50%)}.tata.text{color:#fff;background:#323232}.tata.log{color:#333;background:#fffffc}.tata.info{background:#2ca9e1}.tata.warn{background:#f89406}.tata.error{background:#e9546b}.tata.success{background:#38b48b}.tata.fade-in{animation:.4s ease-in fadeIn forwards}.tata.fade-out{animation:.4s linear fadeOut forwards}.tata.slide-right-in{animation:.4s ease slideRightIn forwards}.tata.slide-right-out{animation:.4s ease slideRightOut forwards}.tata.slide-left-in{animation:.4s ease slideLeftIn forwards}.tata.slide-left-out{animation:.4s ease slideLeftOut forwards}.tata.slide-top-in{animation:.4s ease slideTopIn forwards}.tata.slide-top-out{animation:.4s ease slideTopOut forwards}.tata.slide-bottom-in{animation:.4s ease slideBottomIn forwards}.tata.slide-bottom-out{animation:.4s ease slideBottomOut forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideRightIn{0%{right:-310px}to{right:12px}}@keyframes slideRightOut{0%{right:12px}to{right:-310px}}@keyframes slideLeftIn{0%{left:-310px}to{left:12px}}@keyframes slideLeftOut{0%{left:12px}to{left:-310px}}@keyframes slideTopIn{0%{top:calc(-100% - 12px)}to{top:12px}}@keyframes slideTopOut{0%{top:12px}to{top:calc(-100% - 12px)}}@keyframes slideBottomIn{0%{bottom:calc(-100% - 18px)}to{bottom:18px}}@keyframes slideBottomOut{0%{bottom:18px}to{bottom:calc(-100% - 18px)}}@keyframes reduceWidth{0%{width:100%}to{width:0%}}