.gradient-spinner{border-radius:50%;width:24px;height:24px;animation:1s linear infinite spinner-rotate;position:relative}.gradient-spinner:before{content:"";-webkit-mask-composite:xor;border:3px solid #0085e7;border-color:#0085e7 #0085e799 #0085e733 #0000;border-radius:50%;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.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{background:conic-gradient(#0000 0deg 30deg,#0085e7 360deg);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spinner-rotate;position:relative;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#fff calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#fff calc(100% - 3px))}.gradient-spinner-conic.spinner-sm{width:16px;height:16px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff calc(100% - 2px))}.gradient-spinner-conic.spinner-md{width:24px;height:24px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#fff calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#fff calc(100% - 3px))}.gradient-spinner-conic.spinner-lg{width:32px;height:32px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#fff calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#fff calc(100% - 4px))}.gradient-spinner-conic.spinner-xl{width:48px;height:48px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#fff calc(100% - 5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#fff calc(100% - 5px))}.gradient-spinner-conic.spinner-white{background:conic-gradient(#0000 0deg 30deg,#fff 360deg)}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}