.gradient-spinner{width:24px;height:24px;border-radius:50%;position:relative;animation:spinner-rotate 1s linear infinite}.gradient-spinner:before{content:"";position:absolute;inset:0;border-radius:50%;border-color:transparent;border-color:#0085e7 rgba(0,133,231,.6) rgba(0,133,231,.2) transparent;border-style:solid;border-width:3px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}.gradient-spinner.spinner-sm{width:16px;height:16px}.gradient-spinner.spinner-sm:before{border-width:2px}.gradient-spinner.spinner-md{width:24px;height:24px}.gradient-spinner.spinner-md:before{border-width:3px}.gradient-spinner.spinner-lg{width:32px;height:32px}.gradient-spinner.spinner-lg:before{border-width:4px}.gradient-spinner.spinner-xl{width:48px;height:48px}.gradient-spinner.spinner-xl:before{border-width:5px}.gradient-spinner-conic{width:24px;height:24px;border-radius:50%;position:relative;animation:spinner-rotate 1s linear infinite;background:conic-gradient(from 0deg,transparent 0deg,transparent 30deg,#0085E7 1turn);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#fff calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#fff calc(100% - 3px))}.gradient-spinner-conic.spinner-sm{width:16px;height:16px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#fff calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#fff calc(100% - 2px))}.gradient-spinner-conic.spinner-md{width:24px;height:24px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#fff calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#fff calc(100% - 3px))}.gradient-spinner-conic.spinner-lg{width:32px;height:32px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#fff calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#fff calc(100% - 4px))}.gradient-spinner-conic.spinner-xl{width:48px;height:48px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#fff calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#fff calc(100% - 5px))}.gradient-spinner-conic.spinner-white{background:conic-gradient(from 0deg,transparent 0deg,transparent 30deg,white 1turn)}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}