.spinner{border-radius:50%;border-style:solid;border-top-color:transparent;animation:spin .8s linear infinite;display:inline-block}.spinner-small{width:16px;height:16px;border-width:2px}.spinner-medium{width:24px;height:24px;border-width:3px}.spinner-large{width:40px;height:40px;border-width:4px}.spinner-primary{border-color:transparent #667eea #667eea}.spinner-white{border-color:transparent #fff #fff}.spinner-gray{border-color:transparent #cbd5e0 #cbd5e0}.spinner-inherit{border-color:transparent currentColor currentColor}.spinner-orange{border-color:var(--accent);border-top-color:transparent}.spinner-light{border-color:transparent #e5dccf #e5dccf}.spinner--inline{vertical-align:middle;margin:0 4px}.spinner--centered{display:flex;align-items:center;justify-content:center;width:100%;padding:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}