:root{--lightGray:#d9d9d9;--darkGray:#252a31;--lightRed:#f5f5f5;--middleGray:#8e8e8e;--red:#ec6e6e;--yellow:#f5a623;--dark-yellow:#936415;--lightYellow:#f6d587;--green:#00a991;--lightGreen:#d9f2ef;--radius:.625rem}.loader{box-sizing:border-box;width:48px;height:48px;animation:1s linear infinite spin;position:relative}.loader:after,.loader:before{content:"";background:var(--yellow);transform-origin:0 100%;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;position:absolute}.loader:before{transform-origin:0;background:#fff}@keyframes spin{to{transform:rotate(360deg)}}