.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e8e6e3;display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity .5s ease-out,visibility .5s ease-out}.logo-container{position:relative;width:80px;height:80px}@media (min-width:768px){.logo-container{width:120px;height:120px}}.circle-arc{position:absolute;top:0;left:0;width:100%;height:100%}.circle-arc .background-circle{position:absolute;top:0;left:0;width:100%;height:100%}.circle-arc .background-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-arc .background-circle circle{fill:none;stroke:rgba(164,164,164,.1);stroke-width:6;stroke-linecap:round}.circle-arc .rotating-arc{position:absolute;top:0;left:0;width:100%;height:100%;animation:rotate 1.5s linear infinite}.circle-arc .rotating-arc svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-arc .rotating-arc circle{fill:none;stroke:rgba(164,164,164,1);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:75}.center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:flex;justify-content:center;align-items:center}@media (min-width:768px){.center-logo{width:72px;height:72px}}.center-logo svg{width:100%;height:100%}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}