@keyframes spinsvg{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{position:relative;height:var(--loaderSize);width:var(--loaderSize)}.loader .loader-main{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.loader .loader-circle{width:100%;height:100%;border-radius:50%;color:var(--loaderColor);transform-origin:center;animation:spin 1.8s linear infinite}.loader .loader-circle svg{display:block;width:100%;height:100%}.loader circle{stroke:currentColor;stroke-width:var(--loaderStrokeWidth);stroke-linecap:round;animation:spinsvg 1.5s linear infinite;animation-play-state:paused;opacity:0;transition:opacity .25s ease-in-out}.loader.loading-active .loader-circle circle{animation-play-state:running;opacity:1;transition:opacity .25s ease-in-out}