.loader{justify-content:center;align-items:center;width:10em;height:10em;font-size:12px;display:flex;position:relative}.loader .face{border-style:solid;border-radius:50%;animation:.8s linear infinite animate023845;position:absolute}.loader .face:first-child{color:gold;--deg:-45deg;border-width:.2em .2em 0 0;border-color:currentColor transparent transparent currentColor;width:100%;height:100%;animation-direction:normal}.loader .face:nth-child(2){color:#0f0;--deg:-135deg;border-width:.2em 0 0 .2em;border-color:currentColor currentColor transparent transparent;width:70%;height:70%;animation-direction:reverse}.loader .face .circle{width:50%;height:.1em;transform:rotate(var(--deg));transform-origin:0;background-color:transparent;position:absolute;top:50%;left:50%}.loader .face .circle:before{content:"";background-color:currentColor;border-radius:50%;width:1em;height:1em;position:absolute;top:-.5em;right:-.5em;box-shadow:0 0 2em,0 0 4em,0 0 6em,0 0 8em,0 0 10em,0 0 0 .5em rgba(255,255,0,.1)}@keyframes animate023845{to{transform:rotate(1turn)}}