.x-loader{--fk-size:2.8rem;--fk-cycle:.9s;--fk-tint:#183153;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--fk-size);width:var(--fk-size)}.x-loader__pulse{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.x-loader__pulse::before{content:'';height:20%;width:20%;border-radius:50%;background-color:var(--fk-tint);transform:scale(0);opacity:.5;animation:x-pulse calc(var(--fk-cycle) * 1.111) ease-in-out infinite;box-shadow:0 0 20px rgba(18,31,53,.3)}.x-loader__pulse:nth-child(2){transform:rotate(45deg)}.x-loader__pulse:nth-child(2)::before{animation-delay:calc(var(--fk-cycle) * -.875)}.x-loader__pulse:nth-child(3){transform:rotate(90deg)}.x-loader__pulse:nth-child(3)::before{animation-delay:calc(var(--fk-cycle) * -.75)}.x-loader__pulse:nth-child(4){transform:rotate(135deg)}.x-loader__pulse:nth-child(4)::before{animation-delay:calc(var(--fk-cycle) * -.625)}.x-loader__pulse:nth-child(5){transform:rotate(180deg)}.x-loader__pulse:nth-child(5)::before{animation-delay:calc(var(--fk-cycle) * -.5)}.x-loader__pulse:nth-child(6){transform:rotate(225deg)}.x-loader__pulse:nth-child(6)::before{animation-delay:calc(var(--fk-cycle) * -.375)}.x-loader__pulse:nth-child(7){transform:rotate(270deg)}.x-loader__pulse:nth-child(7)::before{animation-delay:calc(var(--fk-cycle) * -.25)}.x-loader__pulse:nth-child(8){transform:rotate(315deg)}.x-loader__pulse:nth-child(8)::before{animation-delay:calc(var(--fk-cycle) * -.125)}@keyframes x-pulse{0%,100%{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}