.st0{fill:url(#SVGID_1_)}.st1{fill:url(#SVGID_2_)}body{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#Layer_1{margin:0 auto;width:600px}.st0-overlay{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1;fill:var(--background-color);-webkit-animation:animateI ease-in-out infinite;animation:animateI ease-in-out infinite;-webkit-animation-duration:2.4s;animation-duration:2.4s}.st2-overlay{-webkit-transform-origin:center center;transform-origin:center center;z-index:1;fill:none;stroke:var(--background-color);opacity:1;stroke-dasharray:221;stroke-dashoffset:110.5;-webkit-animation:animateC 2.4s ease-in-out infinite;animation:animateC 2.4s ease-in-out infinite;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@-webkit-keyframes animateC{0%{stroke-dashoffset:110.5}15%{stroke-dashoffset:110.5}23%{stroke-dashoffset:221}57%{stroke-dashoffset:221}63%{stroke-dashoffset:110.5}to{stroke-dashoffset:110.5}}@keyframes animateC{0%{stroke-dashoffset:110.5}15%{stroke-dashoffset:110.5}23%{stroke-dashoffset:221}57%{stroke-dashoffset:221}63%{stroke-dashoffset:110.5}to{stroke-dashoffset:110.5}}@-webkit-keyframes animateI{0%{height:100px}12%{height:0}66%{height:0}75%{height:100px}to{height:100px}}@keyframes animateI{0%{height:100px}12%{height:0}66%{height:0}75%{height:100px}to{height:100px}}