:root{--loader-bg: #7c31d0;--loader-fg: #000;--loader-overlay: rgba(0, 0, 0, .3)}@media(prefers-color-scheme:dark){:root{--loader-bg: #7c31d0;--loader-fg: #fff;--loader-overlay: rgba(255, 255, 255, .7)}}.loader{position:relative;width:48px;height:48px;background:var(--loader-bg);transform:rotateX(65deg) rotate(45deg);color:var(--loader-fg);animation:layers1 1s linear infinite alternate}.loader:after{content:"";position:absolute;inset:0;background:var(--loader-overlay);animation:layerTr 1s linear infinite alternate}@keyframes layers1{0%{box-shadow:0 0}90%,to{box-shadow:20px 20px 0 -4px}}@keyframes layerTr{0%{transform:translate(0) scale(1)}to{transform:translate(-25px,-25px) scale(1)}}