@property --reveal{syntax:"<angle>";initial-value:0deg;inherits:false}@property --hide{syntax:"<angle>";initial-value:0deg;inherits:false}.logo-reveal{--start:225deg;animation:sweep var(--cycle,1.6s) linear infinite;-webkit-mask:conic-gradient(from var(--start),transparent 0 var(--hide),#fff var(--hide) var(--reveal),transparent var(--reveal) 1turn) 0 0 /100% 100% no-repeat;mask:conic-gradient(from var(--start),transparent 0 var(--hide),#fff var(--hide) var(--reveal),transparent var(--reveal) 1turn) 0 0 /100% 100% no-repeat}@keyframes sweep{0%{--reveal:0deg;--hide:0deg}50%{--reveal:360deg;--hide:0deg}to{--reveal:360deg;--hide:360deg}}@supports not (mask:conic-gradient(from 0deg,#000 0 1turn)){.logo-reveal{-webkit-mask:none;mask:none}}