Dekrai IOL
/* Added Dekrai IOL Spinner */ /* Dekrai IOL Gradient Spinner */ /* Dekrai IOL Gradient Spinner */ #loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); z-index: 9999; transition: opacity 0.4s ease; } .loader-ring { width: 80px; height: 80px; border: 6px solid rgba(255, 255, 255, 0.1); border-top: 6px solid transparent; border-radius: 50%; background: conic-gradient(from 0deg, #006B52, #95E35D, #006B52); animation: spin 1s linear infinite, glow 2s ease-in-out infinite alternate; box-shadow: 0 0 20px rgba(0,107,82,0.8), 0 0 40px rgba(149,227,93,0.6); } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes glow { 0% { box-shadow: 0 0 10px #006B52, 0 0 30px #95E35D; } 100% { box-shadow: 0 0 25px #95E35D, 0 0 60px #006B52; } } position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); z-index: 9999; transition: opacity 0.4s ease; } .loader-ring { width: 80px; height: 80px; border: 6px solid rgba(255, 255, 255, 0.1); border-top: 6px solid transparent; border-radius: 50%; background: conic-gradient(from 0deg, #006B52, #95E35D, #006B52); animation: spin 1s linear infinite, glow 2s ease-in-out infinite alternate; box-shadow: 0 0 20px rgba(0,107,82,0.8), 0 0 40px rgba(149,227,93,0.6); } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes glow { 0% { box-shadow: 0 0 10px #006B52, 0 0 30px #95E35D; } 100% { box-shadow: 0 0 25px #95E35D, 0 0 60px #006B52; } } .loader-ring { width: 80px; height: 80px; border: 6px solid rgba(255,255,255,0.1); border-top: 6px solid transparent; border-radius: 50%; background: conic-gradient(from 0deg, #006B52, #95E35D, #006B52); animation: spin 1s linear infinite, glow 2s ease-in-out infinite alternate; box-shadow: 0 0 20px rgba(0,107,82,0.8), 0 0 40px rgba(149,227,93,0.6); } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes glow { 0% { box-shadow: 0 0 10px #006B52, 0 0 30px #95E35D; } 100% { box-shadow: 0 0 25px #95E35D, 0 0 60px #006B52; } }