body{background-color:#eee}.showbox{position:absolute;display:flex;justify-content:center;top:0;bottom:0;left:0;right:0;padding:5%}.loader{position:relative;margin:auto;width:50%;max-width:120px}.loader:before{content:"";display:block;padding-top:100%}.circular{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes color{0%,to{stroke:#434343}40%{stroke:#d7781f}66%{stroke:#c19246}80%,90%{stroke:#c8492c}}