.favorite-loader{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:28px;height:28px;color:#000}.favorite-loader:after,.favorite-loader:before{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:spin 1s linear infinite}.favorite-loader:after{color:theme("colors.primary.DEFAULT");transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes spin{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}.action-loader{width:25px;height:25px;display:grid}.action-loader:after,.action-loader:before{content:"";grid-area:1/1;--c:radial-gradient(farthest-side,theme(colors.primary.DEFAULT) 92%,#0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:6px 6px;background-repeat:no-repeat;animation:s2 1s infinite}.action-loader:before{margin:2px;filter:hue-rotate(45deg);background-size:4px 4px;animation-timing-function:linear}@keyframes s2{to{transform:rotate(.5turn)}}.custom-loader{width:50px;height:50px;border-radius:50%;border:8px solid var(--primary-color);position:relative;animation:s4 1s linear infinite}.custom-loader:after,.custom-loader:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:8px solid #0000;animation:inherit;animation-duration:2s}.custom-loader:after{animation-duration:4s}