.alert-overlay{z-index:999;background:radial-gradient(circle,#0000000d 0%,#0000 100%);border-radius:50px;justify-content:center;align-items:flex-start;padding:30px;display:flex;position:fixed;top:45px;left:50%;transform:translate(-50%)}.alert-container{z-index:1000;background-color:var(--body-color);white-space:nowrap;border-radius:50px;flex-direction:row;justify-content:center;align-items:center;padding:5px;display:flex;position:relative;box-shadow:0 10px 30px #0003}.alert-icon{width:34px;height:34px;color:var(--negative-color);background-color:var(--container-color-alt);border-radius:50%;justify-content:center;align-items:center;margin-right:10px;font-size:15px;display:flex;position:relative}.timer-circle{z-index:1;width:34px;height:34px;position:absolute;top:0;left:0;transform:rotate(-90deg)}.circle-animation{fill:none;stroke:var(--negative-color);stroke-width:4px;stroke-dasharray:164;stroke-dashoffset:164px;animation:fill-circle var(--time-to-close)linear forwards}@keyframes fill-circle{to{stroke-dashoffset:0}}.alert-close{width:30px;height:30px;color:var(--text-color);cursor:pointer;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;margin-left:10px;font-size:20px;display:flex}.alert-close:hover{color:var(--title-color);background-color:var(--container-color)}.alert-close:active{transform:scale(.9)}.alert-text{color:var(--text-color);white-space:nowrap;font-size:14px}