.loader{position:fixed;top:0;left:0;bottom:0;right:0;background-color:var(--color-dark-green);z-index:1000}.loader_spinner{position:relative;width:0;height:0;top:50%;left:50%;-webkit-animation:spin 1s ease-in-out infinite}.loader_spinner_item{width:20px;height:20px;margin-top:-10px;margin-left:-10px;position:absolute;top:50%;left:50%;border-radius:0;background-color:var(--background)}.loader_spinner_item:first-of-type{-webkit-animation:hTop 1s ease-in-out infinite}.loader_spinner_item:nth-of-type(2){-webkit-animation:vTop 1s ease-in-out infinite}.loader_spinner_item:nth-of-type(3){-webkit-animation:hBot 1s ease-in-out infinite}.loader_spinner_item:nth-of-type(4){-webkit-animation:vBot 1s ease-in-out infinite}@keyframes hTop{0%{-webkit-transform:translate(0)}50%{-webkit-transform:translate(20px,20px)}to{-webkit-transform:translate(0)}}@keyframes vTop{0%{-webkit-transform:translate(0)}50%{-webkit-transform:translate(-20px,20px)}to{-webkit-transform:translate(0)}}@keyframes hBot{0%{-webkit-transform:translate(0)}50%{-webkit-transform:translate(20px,-20px)}to{-webkit-transform:translate(0)}}@keyframes vBot{0%{-webkit-transform:translate(0)}50%{-webkit-transform:translate(-20px,-20px)}to{-webkit-transform:translate(0)}}@keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(178deg)}}