.gapspinner .container{--spinner-speed:1s;height:var(--spinner-size);width:var(--spinner-size);justify-content:flex-start;align-items:center;display:flex;position:relative}.gapspinner .line{top:0;left:calc(50% - var(--spinner-stroke) / 2);height:100%;width:var(--spinner-stroke);align-items:flex-start;display:flex;position:absolute}.gapspinner .line:before{content:"";height:var(--spinner-line-length);opacity:0;border-radius:calc(var(--spinner-stroke) / 2);background-color:var(--spinner-color,currentColor);width:100%;animation:spinnerpulse calc(var(--spinner-speed)) ease-in-out infinite;transform-origin:bottom;transition:background-color .3s}.gapspinner .line:first-child{transform:rotate(calc(360deg / var(--spinner-count) * 1))}.gapspinner .line:first-child:before{animation-delay:calc(var(--spinner-speed) / var(--spinner-count) * 1)}.gapspinner .line:nth-child(2){transform:rotate(calc(360deg / var(--spinner-count) * 2))}.gapspinner .line:nth-child(2):before{animation-delay:calc(var(--spinner-speed) / var(--spinner-count) * 2)}.gapspinner .line:nth-child(3){transform:rotate(calc(360deg / var(--spinner-count) * 3))}.gapspinner .line:nth-child(3):before{animation-delay:calc(var(--spinner-speed) / var(--spinner-count) * 3)}.gapspinner .line:nth-child(4){transform:rotate(calc(360deg / var(--spinner-count) * 4))}.gapspinner .line:nth-child(4):before{animation-delay:calc(var(--spinner-speed) / var(--spinner-count) * 4)}.gapspinner .line:nth-child(5){transform:rotate(calc(360deg / var(--spinner-count) * 5))}.gapspinner .line:nth-child(5):before{animation-delay:calc(var(--spinner-speed) / var(--spinner-count) * 5)}.gapspinner .line:nth-child(6){transform:rotate(calc(360deg / var(--spinner-count) * 6))}.gapspinner .line:nth-child(6):before{animation-delay:calc(var(--spinner-speed) / var(--spinner-count) * 6)}.gapspinner .line:nth-child(7){transform:rotate(calc(360deg / var(--spinner-count) * 7))}.gapspinner .line:nth-child(7):before{animation-delay:calc(var(--spinner-speed) / var(--spinner-count) * 7)}.gapspinner .line:nth-child(8){transform:rotate(calc(360deg / var(--spinner-count) * 8))}.gapspinner .line:nth-child(8):before{animation-delay:calc(var(--spinner-speed) / var(--spinner-count) * 8)}.gapspinner .line:nth-child(9){transform:rotate(calc(360deg / var(--spinner-count) * 9))}.gapspinner .line:nth-child(9):before{animation-delay:calc(var(--spinner-speed) / var(--spinner-count) * 9)}.gapspinner .line:nth-child(10){transform:rotate(calc(360deg / var(--spinner-count) * 10))}.gapspinner .line:nth-child(10):before{animation-delay:calc(var(--spinner-speed) / var(--spinner-count) * 10)}.gapspinner .line:nth-child(11){transform:rotate(calc(360deg / var(--spinner-count) * 11))}.gapspinner .line:nth-child(11):before{animation-delay:calc(var(--spinner-speed) / var(--spinner-count) * 11)}@keyframes spinnerpulse{0%,80%,to{opacity:0;transform:scaleY(.75)}20%{opacity:1;transform:scaleY(1)}}