.loader{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:fixed;background-color:#fff;z-index:1}.loader__component{width:200px;aspect-ratio:1;padding:10px;box-sizing:border-box;display:grid;background:#fff;filter:blur(5px) contrast(10) hue-rotate(300deg);mix-blend-mode:darken}.loader__component:after,.loader__component:before{content:"";grid-area:1/1;width:50px;height:50px;background:#ff0;animation:l7 2s infinite}.loader__component:after{animation-delay:-1s}@keyframes l7{0%{transform:translate(0)}25%{transform:translate(100%)}50%{transform:translate(100%,100%)}75%{transform:translateY(100%)}to{transform:translate(0)}}