:root{--hue:216;--primary1:hsl(var(--hue),14%,90%);--primary3:hsl(var(--hue),14%,70%);--primary7:hsl(var(--hue),14%,30%);--primary9:hsl(var(--hue),14%,10%);--trans-dur:0.3s}.microchip{display:block;margin:auto;width:8em;height:auto}.microchip__center,.microchip__dot,.microchip__line,.microchip__lines,.microchip__spark,.microchip__wave{animation-duration:5s;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite}.microchip__core,.microchip__dot{fill:var(--primary7);transition:fill var(--trans-dur)}.microchip__center,.microchip__wave{transform-origin:25px 25px}.microchip__center{animation-name:center-scale}.microchip__dot--1{animation-name:dot-scale1;transform-origin:3px 38px}.microchip__dot--2{animation-name:dot-scale2;transform-origin:3px 54px}.microchip__dot--3{animation-name:dot-scale3;transform-origin:3px 70px}.microchip__dot--4{animation-name:dot-scale4;transform-origin:3px 3px}.microchip__dot--5{animation-name:dot-scale5;transform-origin:20px 3px}.microchip__dot--6{animation-name:dot-scale6;transform-origin:3px 30px}.microchip__dot--7{animation-name:dot-scale7;transform-origin:37px 3px}.microchip__dot--8{animation-name:dot-scale8;transform-origin:54px 3px}.microchip__dot--9{animation-name:dot-scale9;transform-origin:71px 3px}.microchip__line,.microchip__spark,.microchip__wave{transition:stroke var(--trans-dur)}.microchip__line{stroke:var(--primary7)}.microchip__line--1{animation-name:line-draw1}.microchip__line--2{animation-name:line-draw2}.microchip__line--3{animation-name:line-draw3}.microchip__line--4{animation-name:line-draw4}.microchip__line--5{animation-name:line-draw5}.microchip__line--6{animation-name:line-draw6}.microchip__line--7{animation-name:line-draw7}.microchip__line--8{animation-name:line-draw8}.microchip__line--9{animation-name:line-draw9}.microchip__lines{animation-name:lines-scale;transform-origin:54px 54px}.microchip__spark,.microchip__wave{animation-timing-function:linear;stroke:var(--primary3)}.microchip__spark--1{animation-name:spark1}.microchip__spark--2{animation-name:spark2}.microchip__spark--3{animation-name:spark3}.microchip__spark--4{animation-name:spark4}.microchip__spark--5{animation-name:spark5}.microchip__spark--6{animation-name:spark6}.microchip__spark--7{animation-name:spark7}.microchip__spark--8{animation-name:spark8}.microchip__spark--9{animation-name:spark9}.microchip__wave--1{animation-name:wave-scale1}.microchip__wave--2{animation-name:wave-scale2}@keyframes center-scale{0%,to{transform:scale(0)}12.5%,75%{transform:scale(1)}}@keyframes dot-scale1{0%,20%,81.25%,to{transform:scale(0)}32.5%,68.75%{transform:scale(1)}}@keyframes dot-scale2{0%,10.5%,87.5%,to{transform:scale(0)}23%,75%{transform:scale(1)}}@keyframes dot-scale3{0%,20%,81.25%,to{transform:scale(0)}32.5%,68.75%{transform:scale(1)}}@keyframes dot-scale4{0%,20%,81.25%,to{transform:scale(0)}32.5%,68.75%{transform:scale(1)}}@keyframes dot-scale5{0%,11.5%,87.5%,to{transform:scale(0)}24%,75%{transform:scale(1)}}@keyframes dot-scale6{0%,14.5%,85%,to{transform:scale(0)}27%,72.5%{transform:scale(1)}}@keyframes dot-scale7{0%,20%,81.25%,to{transform:scale(0)}32.5%,68.75%{transform:scale(1)}}@keyframes dot-scale8{0%,11%,87.5%,to{transform:scale(0)}23.5%,75%{transform:scale(1)}}@keyframes dot-scale9{0%,20%,81.25%,to{transform:scale(0)}32.5%,68.75%{transform:scale(1)}}@keyframes line-draw1{0%,93.75%,to{stroke-dashoffset:59}25%,68.75%{stroke-dashoffset:17}}@keyframes line-draw2{0%,93.75%,to{stroke-dashoffset:42}25%,68.75%{stroke-dashoffset:0}}@keyframes line-draw3{0%,93.75%,to{stroke-dashoffset:59}25%,68.75%{stroke-dashoffset:17}}@keyframes line-draw4{0%,93.75%,to{stroke-dashoffset:78}25%,68.75%{stroke-dashoffset:18}}@keyframes line-draw5{0%,93.75%,to{stroke-dashoffset:60}25%,68.75%{stroke-dashoffset:0}}@keyframes line-draw6{0%,93.75%,to{stroke-dashoffset:91}25%,68.75%{stroke-dashoffset:31}}@keyframes line-draw7{0%,93.75%,to{stroke-dashoffset:60}25%,68.75%{stroke-dashoffset:17}}@keyframes line-draw8{0%,93.75%,to{stroke-dashoffset:43}25%,68.75%{stroke-dashoffset:0}}@keyframes line-draw9{0%,93.75%,to{stroke-dashoffset:60}25%,68.75%{stroke-dashoffset:17}}@keyframes lines-scale{0%{opacity:1;transform:scale(0)}12.5%,75%{opacity:1;transform:scale(1)}93.75%,to{opacity:0;transform:scale(.5)}}@keyframes spark1{0%,27.5%{stroke-dashoffset:59}50%,52.5%{stroke-dashoffset:-25}75%,to{stroke-dashoffset:-109}}@keyframes spark2{0%,27.5%{stroke-dashoffset:42}50%,52.5%{stroke-dashoffset:-42}75%,to{stroke-dashoffset:-126}}@keyframes spark3{0%,27.5%{stroke-dashoffset:59}50%,52.5%{stroke-dashoffset:-25}75%,to{stroke-dashoffset:-109}}@keyframes spark4{0%,27.5%{stroke-dashoffset:78}50%,52.5%{stroke-dashoffset:-42}75%,to{stroke-dashoffset:-162}}@keyframes spark5{0%,27.5%{stroke-dashoffset:60}50%,52.5%{stroke-dashoffset:-60}75%,to{stroke-dashoffset:-180}}@keyframes spark6{0%,27.5%{stroke-dashoffset:91}50%,52.5%{stroke-dashoffset:-29}75%,to{stroke-dashoffset:-149}}@keyframes spark7{0%,27.5%{stroke-dashoffset:60}50%,52.5%{stroke-dashoffset:-26}75%,to{stroke-dashoffset:-112}}@keyframes spark8{0%,27.5%{stroke-dashoffset:43}50%,52.5%{stroke-dashoffset:-43}75%,to{stroke-dashoffset:-129}}@keyframes spark9{0%,27.5%{stroke-dashoffset:60}50%,52.5%{stroke-dashoffset:-26}75%,to{stroke-dashoffset:-112}}@keyframes wave-scale1{0%,25%,50%,75%{stroke-width:6px;transform:scale(1)}10%,35%,60%,85%,to{animation-timing-function:steps(1);stroke-width:0;transform:scale(2)}}@keyframes wave-scale2{0%,30%,5%,55%,80%{stroke-width:6px;transform:scale(1)}15%,40%,65%,90%,to{animation-timing-function:steps(1);stroke-width:0;transform:scale(2)}}