.loader-container{--size:75px;z-index:50;justify-content:space-around;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.spinner{--animation-duration:5s;width:var(--size);height:var(--size);transform:rotate(45deg)}.spinner .spinner-item{--item-size:calc(var(--size) / 2.5);width:var(--item-size);height:var(--item-size);border-style:solid;border-width:4px;position:absolute}.spinner .spinner-item:first-child{animation:spinner3A var(--animation-duration) linear infinite;top:0;left:0}@keyframes spinner3A{0%,8.33%,16.66%,to{transform:translate(0%)}24.99%,33.32%,41.65%{transform:translate(100%)}49.98%,58.31%,66.64%{transform:translate(100%,100%)}74.97%,83.3%,91.63%{transform:translateY(100%)}}.spinner .spinner-item:nth-child(2){top:0;left:var(--item-size);animation:spinner3B var(--animation-duration) linear infinite}@keyframes spinner3B{0%,8.33%,91.63%,to{transform:translate(0%)}16.66%,24.99%,33.32%{transform:translateY(100%)}41.65%,49.98%,58.31%{transform:translate(-100%,100%)}66.64%,74.97%,83.3%{transform:translate(-100%)}}.spinner .spinner-item:nth-child(3){top:var(--item-size);left:var(--item-size);animation:spinner3C var(--animation-duration) linear infinite}@keyframes spinner3C{0%,83.3%,91.63%,to{transform:translate(0)}8.33%,16.66%,24.99%{transform:translate(-100%)}33.32%,41.65%,49.98%{transform:translate(-100%,-100%)}58.31%,66.64%,74.97%{transform:translateY(-100%)}}
