#spinner {position: absolute;left: 0;top: 0;display: flex;width: 100%;height: 100%;position: absolute;background-color: rgba(var(--mdb-black-rgb), 0.5);justify-content: center;align-items: center;z-index: 3000;}.loader {width: 58px;height: 58px;border-radius: 50%;position: relative;animation: rotate 1s linear infinite;opacity: 1;}.loader::before , .loader::after {content: "";box-sizing: border-box;position: absolute;inset: 0px;border-radius: 50%;border: 5px solid #FFF;animation: prixClipFix 2s linear infinite ;}.loader::after{border-color: var(--mdb-orange);animation: prixClipFix 2s linear infinite , rotate 0.5s linear infinite reverse;inset: 6px;}@keyframes rotate {0%   {transform: rotate(0deg)}100%   {transform: rotate(360deg)}}@keyframes prixClipFix {0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.input-spinner {height: 100%;height: 100%;aspect-ratio: 1;border: 3px solid var(--mdb-primary);border-bottom-color: transparent;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite;}@keyframes rotation {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}