.loader-spinner-1{--b: 10px;--n: 10;--g: 10deg;--c: var(--color-white);width:100px;aspect-ratio:1;border-radius:50%;margin:auto;padding:1px;background:conic-gradient(rgba(0,0,0,0),var(--c)) content-box;-webkit-mask:repeating-conic-gradient(rgba(0,0,0,0) 0deg,#000 1deg calc(360deg / var(--n) - var(--g) - 1deg),rgba(0,0,0,0) calc(360deg / var(--n) - var(--g)) calc(360deg / var(--n))),radial-gradient(farthest-side,rgba(0,0,0,0) calc(98% - var(--b)),#000 calc(100% - var(--b)));mask:repeating-conic-gradient(rgba(0,0,0,0) 0deg,#000 1deg calc(360deg / var(--n) - var(--g) - 1deg),rgba(0,0,0,0) calc(360deg / var(--n) - var(--g)) calc(360deg / var(--n))),radial-gradient(farthest-side,rgba(0,0,0,0) calc(98% - var(--b)),#000 calc(100% - var(--b)));-webkit-mask-composite:destination-in;mask-composite:intersect;animation:loader-spinner-1 1s infinite steps(var(--n))}.loader-spinner-2{--b: 2rem;--n: 10;--g: 7deg;--c: #f4a548;width:6rem;aspect-ratio:1;border-radius:50%;margin:3rem auto;padding:1px;background:conic-gradient(rgba(0,0,0,0),var(--c)) content-box;-webkit-mask:repeating-conic-gradient(rgba(0,0,0,0) 0deg,#000 1deg calc(360deg / var(--n) - var(--g) - 1deg),rgba(0,0,0,0) calc(360deg / var(--n) - var(--g)) calc(360deg / var(--n))),radial-gradient(farthest-side,rgba(0,0,0,0) calc(98% - var(--b)),#000 calc(100% - var(--b)));mask:repeating-conic-gradient(rgba(0,0,0,0) 0deg,#000 1deg calc(360deg / var(--n) - var(--g) - 1deg),rgba(0,0,0,0) calc(360deg / var(--n) - var(--g)) calc(360deg / var(--n))),radial-gradient(farthest-side,rgba(0,0,0,0) calc(98% - var(--b)),#000 calc(100% - var(--b)));-webkit-mask-composite:destination-in;mask-composite:intersect;animation:loader-spinner-1 1s infinite steps(var(--n))}@keyframes loader-spinner-1{to{transform:rotate(1turn)}}.loader-progress-bar{--n: 5;--s: 30px;--g: 5px;width:calc(var(--n) * (var(--s) + var(--g)) - var(--g));height:30px;padding:var(--g);margin:5px auto;border:1px solid;background:repeating-linear-gradient(90deg,currentColor 0 var(--s),rgba(0,0,0,0) 0 calc(var(--s) + var(--g))) left/calc((var(--n) + 1) * (var(--s) + var(--g))) 100% no-repeat content-box;animation:loader-progress-bar 1.5s steps(calc(var(--n) + 1)) infinite}@keyframes loader-progress-bar{0%{background-size:0% 100%}}.loader-circles{height:5.5rem;width:5.5rem;animation:rotate 3s linear infinite}.loader-circles .circle{background:var(--color-primary);height:3rem;width:3rem;border-radius:50%;display:inline-block;transform:scale(0);animation:grow 1.5s linear infinite;margin:-.5rem}.loader-circles .circle:nth-child(2){background:var(--color-primary-light);animation-delay:.75s}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes grow{50%{transform:scale(1)}}.ql-syntax{background-color:#bab9b9;padding:2rem;border-radius:.5rem;overflow-x:auto}