.loader-overlay{position:fixed;top:0;right:0;left:0;bottom:0;z-index:9999;background-color:rgba(46,46,46,.8);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.loader-overlay.active{opacity:1;visibility:visible}.loader-content{width:75px;height:75px}.loading{width:100%;height:100%;background-color:hsl(var(--primary));animation:logoSpin 6s infinite;clip-path:polygon(0 0,0 100%,44% 100%,44% 58%,67% 58%,68% 13%,85% 13%,76% 100%,100% 100%,100% 0,54% 0,54% 38%,32% 38%,32% 87%,13% 87%,24% 0)}@keyframes logoSpin{0%,to{transform:rotate(0deg);clip-path:polygon(0 0,0 100%,44% 100%,44% 58%,67% 58%,68% 13%,85% 13%,76% 100%,100% 100%,100% 0,54% 0,54% 38%,32% 38%,32% 87%,13% 87%,24% 0)}12.5%,87.5%{clip-path:polygon(0 0,0 100%,44% 100%,44% 58%,67% 58%,68% 58%,80% 58%,76% 100%,100% 100%,100% 0,54% 0,54% 38%,32% 38%,31% 38%,19% 38%,24% 0)}25%,75%{clip-path:polygon(0 0,0 100%,68% 100%,68% 58%,67% 58%,68% 58%,80% 58%,76% 100%,100% 100%,100% 0,34% 0,34% 38%,32% 38%,31% 38%,19% 38%,24% 0)}37.5%,62.5%{clip-path:polygon(0 0,0 100%,68% 100%,68% 100%,67% 100%,68% 100%,76% 100%,76% 100%,100% 100%,100% 0,34% 0,34% 0,32% 0,31% 0,23% 0,24% 0)}50%{transform:rotate(180deg)}}