:root{--loader-background-color: #3D7931;--loader-animation-height: 25vh;--loader-animation-width: 1000px}@keyframes rotate-gradient{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}@property --gradient-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}body loader{display:flex;justify-content:center;align-items:center;background:linear-gradient(var(--gradient-angle),rgb(255,208,63) 0%,rgb(79,198,224) 100%);animation:rotate-gradient 5s infinite alternate;z-index:2000;position:fixed;top:0;bottom:0;left:0;right:0}body loader animator{width:var(--loader-animation-width);min-width:var(--loader-animation-width);height:var(--loader-animation-height)}body.loading{overflow:hidden}body:not(.loading) loader{opacity:0;pointer-events:none;transition:opacity 1s ease-in-out}