.drawing-spiral-outer{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none;opacity:0;transform:scale(.3)}.drawing-spiral-outer.active{animation:spiral-appear .5s forwards}.drawing-spiral-outer.disappearing{animation:spiral-disappear .5s forwards}.drawing-spiral-inner{width:150vmax;height:150vmax;background:conic-gradient(from 0deg,hsla(0,0%,100%,.35) 0deg 2deg,transparent 2deg 15deg,hsla(0,0%,100%,.35) 15deg 17deg,transparent 17deg 30deg,hsla(0,0%,100%,.35) 30deg 32deg,transparent 32deg 45deg,hsla(0,0%,100%,.35) 45deg 47deg,transparent 47deg 60deg,hsla(0,0%,100%,.35) 60deg 62deg,transparent 62deg 75deg,hsla(0,0%,100%,.35) 75deg 77deg,transparent 77deg 90deg,hsla(0,0%,100%,.35) 90deg 92deg,transparent 92deg 105deg,hsla(0,0%,100%,.35) 105deg 107deg,transparent 107deg 120deg,hsla(0,0%,100%,.35) 120deg 122deg,transparent 122deg 135deg,hsla(0,0%,100%,.35) 135deg 137deg,transparent 137deg 150deg,hsla(0,0%,100%,.35) 150deg 152deg,transparent 152deg 165deg,hsla(0,0%,100%,.35) 165deg 167deg,transparent 167deg 180deg,hsla(0,0%,100%,.35) 180deg 182deg,transparent 182deg 195deg,hsla(0,0%,100%,.35) 195deg 197deg,transparent 197deg 210deg,hsla(0,0%,100%,.35) 210deg 212deg,transparent 212deg 225deg,hsla(0,0%,100%,.35) 225deg 227deg,transparent 227deg 240deg,hsla(0,0%,100%,.35) 240deg 242deg,transparent 242deg 255deg,hsla(0,0%,100%,.35) 255deg 257deg,transparent 257deg 270deg,hsla(0,0%,100%,.35) 270deg 272deg,transparent 272deg 285deg,hsla(0,0%,100%,.35) 285deg 287deg,transparent 287deg 300deg,hsla(0,0%,100%,.35) 300deg 302deg,transparent 302deg 315deg,hsla(0,0%,100%,.35) 315deg 317deg,transparent 317deg 330deg,hsla(0,0%,100%,.35) 330deg 332deg,transparent 332deg 345deg,hsla(0,0%,100%,.35) 345deg 347deg,transparent 347deg 1turn);border-radius:50%;animation:spiral-draw-effect 10s linear infinite;mask-image:radial-gradient(ellipse at center,black 40%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 70%);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}@keyframes spiral-draw-effect{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spiral-appear{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes spiral-disappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}