#myPopup{z-index:999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-content{text-align:center;background-color:#fff;border-radius:5px;min-width:500px;max-height:80vh;padding:20px;overflow:auto}.close{cursor:pointer;float:right;font-size:20px}.notification{white-space:nowrap;z-index:9999;white-space:normal;cursor:pointer;background-color:#fff;border-radius:5px;align-items:center;max-width:400px;margin:10px 0;padding:10px;font-size:14px;transition:top .3s;display:flex;position:fixed;top:-100px;left:63px}.notification svg{width:35px;height:35px;margin-top:2px}.notification.show{top:35px}.success{color:#4caf50;fill:#4caf50;border:2px solid #4caf50}.error{color:#f44336;fill:#f44336;border:2px solid #f44336}.warning{color:#f49725;fill:#f49725;border:2px solid #f49725}.notification .svg-icon{margin-bottom:-8px;margin-left:10px}.notifiction-type{font-weight:700;line-height:1.5}.notification-message{line-height:1.5}@media (width<=999px){.notification.show{top:65px;left:50%;transform:translate(-50%)}.popup-content{min-width:95%;max-width:95%}}.pl__ring{animation:2s linear infinite ringA}.pl__ring--a{stroke:#f42f25}.pl__ring--b{stroke:#f49725;animation-name:ringB}.pl__ring--c{stroke:#255ff4;animation-name:ringC}.pl__ring--d{stroke:#f42582;animation-name:ringD}@keyframes ringA{0%,4%{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-330px}12%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-335px}32%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-595px}40%,54%{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-660px}62%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-665px}82%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-925px}90%,to{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-990px}}@keyframes ringB{0%,12%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-110px}20%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-115px}40%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-195px}48%,62%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-220px}70%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-225px}90%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-305px}98%,to{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-330px}}@keyframes ringC{0%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:0}8%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-5px}28%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-175px}36%,58%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220px}66%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-225px}86%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-395px}94%,to{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440px}}@keyframes ringD{0%,8%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:0}16%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-5px}36%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-175px}44%,50%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220px}58%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-225px}78%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-395px}86%,to{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440px}}@media screen and (width<=576px){.notification{min-width:90%}.notification.show{top:25px}}