.jog-alert{position:fixed;top:15px;left:50%;border-radius:12px;background:var(--skross-white-color);padding:20px 35px 20px 25px;box-shadow:0 6px 20px -5px rgba(0,0,0,.1);overflow:hidden;transform:translate(-50%,-300%);transition:all .5s cubic-bezier(.68,-.55,.265,1.35);z-index:99999999}.jog-alert.active{transform:translate(-50%,0%)}.jog-alert .jog-alert-content{display:flex;align-items:center}#jog-alert-icon{padding:.7rem}#jog-alert-icon svg{width:20px;height:20px}#jog-alert-icon .jog-alert-check{background-color:var(--skross-success-color)}#jog-alert-icon .jog-alert-check svg path{stroke:var(--qq-white-color)}#jog-alert-icon .jog-alert-err{background-color:var(--skross-danger-color)}#jog-alert-icon .jog-alert-err svg path{stroke:var(--skross-white-color)}.jog-alert-content .jog-alert-check{display:flex;align-items:center;justify-content:center;height:35px;min-width:35px;background-color:var(--skross-success-color);color:var(--qq-white-color);font-size:20px;border-radius:50%}.jog-alert-content .jog-alert-err{display:flex;align-items:center;justify-content:center;height:35px;min-width:35px;background-color:var(--skross-danger-color);color:var(--qq-white-color);font-size:20px;border-radius:50%}.jog-alert-content .jog-alert-message{display:flex;flex-direction:column;margin:0 20px}.jog-alert-message .jog-alert-content{font-size:1.2rem;font-weight:400;color:var(--skross-black-color)}.jog-alert-message .jog-alert-title{font-weight:600;color:var(--skross-black-color)}.jog-alert .jog-alert-close{position:absolute;top:10px;right:15px;padding:5px;cursor:pointer;opacity:.7}.jog-alert .jog-alert-close:hover{opacity:1}.jog-alert .jog-alert-progress{position:absolute;bottom:0;left:0;height:3px;width:100%}.jog-alert .jog-alert-progress:before{content:"";position:absolute;bottom:0;right:0;height:100%;width:100%;background-color:var(--skross-primary-color)}.jog-alert-progress.active:before{animation:progress 5s linear forwards}.jog-ripple,.jog-ripple div{box-sizing:border-box}.jog-ripple{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:998;justify-content:center;align-items:center}.jog-ripple.is-visible{display:flex}.jog-ripple-inner{display:flex;justify-content:center;align-items:center;position:relative;width:80px;height:80px}.jog-ripple-inner div{position:absolute;border:4px solid;opacity:1;border-radius:50%;animation:jog-ripple 1s cubic-bezier(0,.2,.8,1)infinite}.jog-ripple-inner div:nth-child(2){animation-delay:-.5s}@keyframes jog-ripple{0%{top:36px;left:36px;width:8px;height:8px;opacity:0}4.9%{top:36px;left:36px;width:8px;height:8px;opacity:0}5%{top:36px;left:36px;width:8px;height:8px;opacity:1}100%{top:0;left:0;width:80px;height:80px;opacity:0}}@keyframes progress{100%{right:100%}}