@property --a{syntax:"<angle>";initial-value:0deg;inherits:true}@property --i{syntax:"<length>";initial-value:0px;inherits:true}@media (min-width:512px){.pic-animation{--p:0.25;--f:1.1;--c:#3a776c;--bg:#f9f9ff;--angle:atan(sin(180deg /16) / (var(--p) - 1 + cos(180deg /16)));width:calc(2 * var(--r));aspect-ratio:1;-webkit-mask:linear-gradient(#000 0 0) top/100% 0% no-repeat,linear-gradient(#000 0 0),conic-gradient(from calc(90deg + 360deg *0 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.0625 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.0625 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.0625 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.125 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.125 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.125 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.1875 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.1875 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.1875 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.25 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.25 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.25 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.3125 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.3125 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.3125 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.375 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.375 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.375 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.4375 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.4375 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.4375 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.5 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.5 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.5 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.5625 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.5625 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.5625 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.625 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.625 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.625 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.6875 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.6875 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.6875 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.75 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.75 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.75 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.8125 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.8125 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.8125 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.875 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.875 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.875 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.9375 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.9375 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.9375 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0);-webkit-mask-composite:source-over,xor,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-over;mask:linear-gradient(#000 0 0) top/100% 50% no-repeat,linear-gradient(#000 0 0) exclude,conic-gradient(from calc(90deg + 360deg *0 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.0625 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.0625 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.0625 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.125 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.125 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.125 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.1875 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.1875 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.1875 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.25 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.25 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.25 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.3125 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.3125 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.3125 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.375 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.375 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.375 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.4375 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.4375 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.4375 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.5 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.5 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.5 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.5625 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.5625 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.5625 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.625 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.625 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.625 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.6875 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.6875 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.6875 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.75 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.75 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.75 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.8125 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.8125 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.8125 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.875 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.875 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.875 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *0.9375 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0.9375 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0.9375 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0);background:conic-gradient(from calc(90deg + 360deg *0 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *0 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *0 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.0625 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.0625 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.0625 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.125 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.125 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.125 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.1875 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.1875 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.1875 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.25 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.25 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.25 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.3125 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.3125 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.3125 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.375 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.375 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.375 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.4375 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.4375 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.4375 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.5 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.5 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.5 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.5625 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.5625 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.5625 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.625 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.625 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.625 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.6875 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.6875 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.6875 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.75 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.75 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.75 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.8125 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.8125 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.8125 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.875 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.875 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.875 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),conic-gradient(from calc(90deg + 360deg *.9375 - var(--angle) + var(--a,0deg)) at calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * cos(360deg *.9375 + var(--a,0deg))) calc(50% + (50% * (1 - var(--p)) - var(--i,0px)) * sin(360deg *.9375 + var(--a,0deg))),var(--bg) calc(2 * var(--angle)),#0000 0),var(--c);--_a:rotate linear infinite;animation:var(--_a) 10s,var(--_a) 16s reverse;animation-composition:add;cursor:pointer;clip-path:circle(50%)}}.pic-animation:hover{--i:calc(var(--r) * (1 - var(--p)) * (var(--f) - 1) / var(--f));scale:var(--f);animation-play-state:running,paused}@keyframes rotate{to{--a:360deg}}