:where(.c-loading-spinner){display:flex;flex-direction:column;align-items:center;justify-content:center}.c-loading-spinner__box span{display:inline-block;width:20px}.c-loading-spinner__circle{fill:#0000;stroke-width:6px;stroke-linecap:round;stroke-dashoffset:225;stroke-dasharray:300;transform-origin:50% 50%}.c-loading-spinner__primary-circle{animation:circle-primary 4s linear infinite,circle-rotation 1s linear infinite;stroke:rgb(var(--theme-colors-border-onPrimaryStrong));stroke-dashoffset:225}.c-loading-spinner__secondary-circle{animation:circle-secondary 4s linear infinite,circle-rotation 1s linear infinite;stroke-dashoffset:280;stroke:rgb(var(--theme-colors-border-onSecondaryMedium))}@keyframes circle-primary{0%{stroke-dashoffset:260}25%{stroke-dashoffset:150}50%{stroke-dashoffset:50}75%{stroke-dashoffset:120}to{stroke-dashoffset:260}}@keyframes circle-secondary{0%{stroke-dashoffset:280}25%{stroke-dashoffset:195}50%{stroke-dashoffset:155}75%{stroke-dashoffset:160}to{stroke-dashoffset:280}}@keyframes circle-rotation{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}