Lichess logo spinner

spinner.css

.spinner {
    background: no-repeat center url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'-2%20-2%2054%2054'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cmask%20id%3D'a'%3E%3Cpath%20id%3D'c'%20pathLength%3D'1'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'3.77953'%20stroke-dasharray%3D'1'%20d%3D'm%2021.776255%2C12.644596%20c%20-1.28368%2C8.43561%208.943332%2C12.698588%2014.537976%2C17.606142%203.000307%2C2.631832%204.41181%2C4.442404%205.683988%2C7.930417'%20%2F%3E%3Cpath%20id%3D'd'%20pathLength%3D'1'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'4.15748'%20stroke-dasharray%3D'1'%20d%3D'M%2043.186954%2C36.323824%20C%2046.003963%2C35.12034%2049.845597%2C30.841626%2048.627889%2C28.700886%2046.377142%2C24.744054%2039.744879%2C14.01233%2036.740396%2C8.9693395%2036.318664%2C8.2614666%2036.497278%2C7.1347125%2037.33348%2C5.6694471%2038.691731%2C3.2894037%2039.28973%2C0.04112172%2039.28973%2C0.04112172'%20%2F%3E%3Cpath%20id%3D'e'%20pathLength%3D'1'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'4.53543'%20stroke-dasharray%3D'1'%20d%3D'm%2037.44866%2C2.1780054%20c%200%2C0%20-3.946041%2C0.6463272%20-6.237054%2C2.2338247%20C%2030.61178%2C4.8274635%2028.515981%2C5.2102514%2027.315947%2C5.0506709%209.6798264%2C2.7054202%20-2.2950706%2C19.131557%202.0819674%2C32.387483%206.4590053%2C45.643408%2024.623776%2C57.752215%2041.817517%2C41.053258'%20%2F%3E%3C%2Fmask%3E%3Cpath%20mask%3D'url(%23a)'%20fill%3D'%23888'%20stroke%3D'%23888'%20stroke-linejoin%3D'round'%20d%3D'M38.956.5c-3.53.418-6.452.902-9.286%202.984C5.534%201.786-.692%2018.533.68%2029.364%203.493%2050.214%2031.918%2055.785%2041.329%2041.7c-7.444%207.696-19.276%208.752-28.323%203.084C3.959%2039.116-.506%2027.392%204.683%2017.567%209.873%207.742%2018.996%204.535%2029.03%206.405c2.43-1.418%205.225-3.22%207.655-3.187l-1.694%204.86%2012.752%2021.37c-.439%205.654-5.459%206.112-5.459%206.112-.574-1.47-1.634-2.942-4.842-6.036-3.207-3.094-17.465-10.177-15.788-16.207-2.001%206.967%2010.311%2014.152%2014.04%2017.663%203.73%203.51%205.426%206.04%205.795%206.756%200%200%209.392-2.504%207.838-8.927L37.4%207.171z'%2F%3E%3Cstyle%3E%23c%7Banimation%3Ax%202s%20cubic-bezier(0.417%2C0.086%2C0.741%2C0.452)%20infinite%20forwards%7D%23d%7Banimation%3Ay%202s%20cubic-bezier(0.333%2C0.317%2C0.621%2C0.661)%20infinite%20forwards%7D%23e%7Banimation%3Az%202s%20cubic-bezier(0%2C0%2C0.431%2C1)%20infinite%20forwards%7D%40keyframes%20x%20%7B0%25%7Bstroke-dashoffset%3A1%7D17.86%25%7Bstroke-dashoffset%3A0%7D%7D%40keyframes%20y%20%7B0%25%7Bstroke-dashoffset%3A1%7D17.86%25%7Bstroke-dashoffset%3A1%7D31.43%25%7Bstroke-dashoffset%3A0%7D%7D%40keyframes%20z%20%7B0%25%7Bstroke-dashoffset%3A1%7D31.43%25%7Bstroke-dashoffset%3A1%7D85%25%7Bstroke-dashoffset%3A0%7D%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
}

.spinner > * {
    display: none;
}