.spinner{border-radius:50%;margin:auto;animation:.5s linear infinite rotate;display:flex;position:relative;width:48px!important;height:48px!important}.spinner:before,.spinner:after{content:"";box-sizing:border-box;border:5px solid #fff;border-radius:50%;animation:2s linear infinite prixClipFix;position:absolute;inset:0}.spinner:after{border-color:#5d5be2;transform:rotate3d(90,90,0,180deg)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}75%,to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}}.spinner:before{content:"";width:100%;position:absolute;background:0 0!important;height:48px!important}.btn-spinner{width:24px!important;height:24px!important}.btn-spinner:before,.btn-spinner:after{border:2px solid #fff}.btn-spinner:before{height:24px!important}.full-page-spinner{z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.countdown-container{width:150px;height:150px;position:relative}.countdown-svg{transform:rotate(90deg)}.countdown-elapsed{fill:none;stroke:#fff3;stroke-width:6px}.countdown-remaining{fill:none;stroke-width:6px;transition:stroke-dasharray 1s linear,stroke .5s ease-in-out}.green{stroke:#3fc7a3}.orange{stroke:#ffaf04}.red{stroke:#f21b54}.countdown-text{color:#fff;font-size:24px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}