.yner-loading { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.8); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); z-index: 99999; flex-direction: column; row-gap: 5px; } .yner-loading .mensagem { display: none; font-size:30px; color: #FFFFFF; font-weight: 700; text-align: center; line-height: 1.2; } .yner-loading .mensagem_nao_fechar, .yner-loading .mensagem_passos { display: none; font-size:17px; color: var(--framework-color-npriac); font-weight: 500; text-align: center; } .yner-loading .mensagem_erro { display: none; margin-top: 10px; border: 1px solid #f44336; background-color: rgb(244 67 54 / 30%); padding: 7.5px 15px; color: white; border-radius: 8px; font-size: 14px; } .yner-loading::before { content: ''; width: 100px; height: 100px; background: url('https://charging.ynerluzenergia.pt/sws-data/uploads/2024/12/fav_icon-1.png') no-repeat center center; background-size: contain; position: relative; animation: pulse_y 3s infinite; margin-bottom: 30px; } @keyframes pulse_y { 0% { transform: scale(0.8); } 50% { transform: scale(1.2); } 100% { transform: scale(0.8); } }