.ui-spinner{--length:calc((var(--spinner-size, 20px)*.45)*6.28);align-items:center;border-radius:var(--spinner-border-radius,50%);display:flex;height:var(--spinner-size,16px);justify-content:center;pointer-events:none;position:relative;width:var(--spinner-size,16px)}.ui-spinner__circle-wrapper{height:100%;overflow:visible;position:relative;transform:rotate(-90deg);width:100%}.ui-spinner__circle,.ui-spinner__inner{fill:none;stroke-width:15%;stroke-linecap:round}.ui-spinner__circle{stroke:var(--spinner-circle-color,transparent);opacity:var(--spinner-circle-opacity,.5)}.ui-spinner__inner{stroke:var(--spinner-inner-color,var(--border-base-accent-violet));stroke-dasharray:var(--length);stroke-dashoffset:0}.ui-spinner__remaining-time{font-size:12px;height:100%;left:0;position:absolute;top:0;width:100%;stroke:var(--c-text-gray);-webkit-background-clip:initial;background-clip:initial;color:var(--spinner-color);transition:.5s ease;-webkit-text-fill-color:initial;text-align:center}.ui-spinner.is-timer .ui-spinner__inner{animation:timer var(--v6eedd410) linear}.ui-spinner.is-indeterminate{animation:indeterminate var(--spinner-speed,1.5s) linear infinite}.ui-spinner.is-indeterminate .ui-spinner__inner{stroke-dashoffset:calc(var(--length)*.75)}@keyframes indeterminate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes timer{0%{stroke-dashoffset:var(--length)}to{stroke-dashoffset:0}}