@property --outer-rot{syntax:"<angle>";inherits:false;initial-value:0deg}@property --inner-rot{syntax:"<angle>";inherits:false;initial-value:0deg}@property --projects-rot{syntax:"<angle>";inherits:false;initial-value:0deg}.cylinder-outer{animation:30s linear infinite spinOuter}.cylinder-inner{animation:25s linear infinite spinInner}.cylinder-projects{animation:34s linear infinite spinProjects}@keyframes spinOuter{0%{transform:rotateY(var(--outer-rot));--outer-rot:0deg}to{transform:rotateY(var(--outer-rot));--outer-rot:360deg}}@keyframes spinInner{0%{transform:rotateY(var(--inner-rot));--inner-rot:360deg}to{transform:rotateY(var(--inner-rot));--inner-rot:0deg}}@keyframes spinProjects{0%{transform:rotateY(var(--projects-rot));--projects-rot:360deg}to{transform:rotateY(var(--projects-rot));--projects-rot:0deg}}.project-cylinder-face{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;padding:0}.project-cylinder-face:focus-visible{outline-offset:8px;outline:2px solid #d1ff00}.cylinder-outer:hover,.cylinder-inner:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.cylinder-outer,.cylinder-inner,.cylinder-projects{animation:none}}