*,:after,:before{margin:0;padding:0;box-sizing:border-box}.stage{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;background:#fff}.logo{position:relative;width:220px;aspect-ratio:1/1;border-radius:50%;overflow:hidden}.logo img{width:100%;height:100%;object-fit:cover;display:block}@property --gap{syntax:"<angle>";initial-value:0deg;inherits:false}.mask{position:absolute;inset:0;background:#fff;-webkit-mask:conic-gradient(from 90deg,#000 0deg calc(4deg + var(--gap)),transparent calc(4deg + var(--gap)) 1turn);mask:conic-gradient(from 90deg,#000 0deg calc(4deg + var(--gap)),transparent calc(4deg + var(--gap)) 1turn);animation:spin 2s linear infinite,fill 2s ease-in-out infinite;transform-origin:center}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fill{0%,to{--gap:0deg}50%{--gap:356deg}}