.spinner{--uib-size:25px;--uib-color:#fff;--uib-speed:0.9s;--uib-stroke:5px;--mask-size:calc(var(--uib-size) / 2 - var(--uib-stroke));position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size);-webkit-mask:radial-gradient(circle var(--mask-size),transparent 99%,#000 100%);mask:radial-gradient(circle var(--mask-size),transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,var(--uib-color));animation:spin calc(var(--uib-speed)) linear infinite;border-radius:50%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}