.twu-spinner{--twu-spinner-size:40px;--twu-spinner-thickness:4px;--twu-spinner-speed:.9s;inline-size:var(--twu-spinner-size);block-size:var(--twu-spinner-size);vertical-align:middle;place-items:center;display:inline-grid}.twu-spinner__ring{background:conic-gradient(from 0deg, transparent 0deg, var(--titan-ui-color-accent-soft) 70deg, var(--titan-ui-color-accent) 270deg, var(--titan-ui-color-accent-strong) 360deg);block-size:100%;inline-size:100%;-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--twu-spinner-thickness)), #000 calc(100% - var(--twu-spinner-thickness) + .5px));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--twu-spinner-thickness)), #000 calc(100% - var(--twu-spinner-thickness) + .5px));mask:radial-gradient(farthest-side, transparent calc(100% - var(--twu-spinner-thickness)), #000 calc(100% - var(--twu-spinner-thickness) + .5px));animation:twu-spinner-rotate var(--twu-spinner-speed) cubic-bezier(.65, 0, .35, 1) infinite;border-radius:50%;grid-area:1/1}.twu-spinner__ring--trail{opacity:.35;filter:blur(1px);animation-duration:calc(var(--twu-spinner-speed) * 1.6);animation-direction:reverse}.twu-spinner--xs{--twu-spinner-size:18px;--twu-spinner-thickness:2.5px}.twu-spinner--sm{--twu-spinner-size:26px;--twu-spinner-thickness:3px}.twu-spinner--md{--twu-spinner-size:40px;--twu-spinner-thickness:4px}.twu-spinner--lg{--twu-spinner-size:60px;--twu-spinner-thickness:5px}.twu-spinner--xl{--twu-spinner-size:84px;--twu-spinner-thickness:6px}@keyframes twu-spinner-rotate{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.twu-spinner__ring{animation-duration:2.4s;animation-timing-function:linear}.twu-spinner__ring--trail{display:none}}