.loader{background:#ffb121;position:fixed;height:100vh;width:100vw;padding:4rem;z-index:900;display:flex;align-items:center;justify-content:center}.ld-circleBG{position:absolute;height:200vw;width:200vw;background:linear-gradient(45deg,#ffb121,#ff611d);background-size:300vw 300vh;animation:rotateBackground 4s .6s infinite;opacity:0}.ld-frame{width:672px;height:275px;display:flex;align-items:center;justify-content:center;position:relative}.ld-frame img{padding:2rem;max-width:450px;opacity:0;transform:scale(0);animation:growImage .6s ease-in-out forwards}.ld-dot,.ld-dot1,.ld-dot2{position:absolute;bottom:1px;width:8px;height:8px;background:#000;border-radius:50%;opacity:0;animation:pulse 1.5s ease-in-out infinite}.ld-dot{animation-delay:.5s;right:50px}.ld-dot1{animation-delay:.8s;right:25px}.dot2{animation-delay:1.1s;right:0}@media (min-width:900px){.ld-frame img{padding:0}}@keyframes growImage{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1.5)}}@keyframes pulse{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1.5);opacity:1}}@keyframes rotateBackground{0%{transform:rotate(0) scale(.5);border-radius:0;opacity:0}25%{transform:rotate(90deg) scale(1);opacity:.25}50%{transform:rotate(180deg) scale(1.5);opacity:.75}84%{transform:rotate(270deg) scale(1);border-radius:50%;opacity:.5}85%{transform:rotate(270deg) scale(.85);border-radius:0;opacity:.15}to{transform:rotate(1turn) scale(.25);opacity:0}}