@charset "utf-8";

.loader-popup { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; top: 0px; padding: 0 var(--padding-page-aside); background: rgba(var(--b),.9); backdrop-filter: blur(3px); z-index: 99; }

.loader-popup-text { font-size: 16px; color: rgba(var(--b-sc),.8); padding: 0px 30px; margin-top: 10px; word-break: break-word; animation: 1s ease 4.5s 1 normal forwards running loader-popup-text; }

.loader-popup-btn { opacity: 0; margin-top: 20px; transition: opacity 0.3s; margin-bottom: 30px; animation: 1s ease 4.5s 1 normal forwards running loader-popup-btn; }

.loader-popup-countdown { height: 75px; line-height: 75px; }

.loader-popup-countdown::before { content: ""; font-size: 60px; color: rgba(var(--b-sc),.8); animation: 5s ease 0s 1 reverse forwards running loader-popup-countdown; }

@keyframes loader-popup-text { 
  100% { margin-top: -75px; }
}

@keyframes loader-popup-btn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes loader-popup-countdown { 
  20% { content: "1"; }
  40% { content: "2"; }
  60% { content: "3"; }
  80% { content: "4"; }
  100% { content: "5"; }
  0% { opacity: 0.1; }
}