.loader-wrapper{position:fixed;top:0;left:0;z-index:12000;width:100%;height:100%;background-color:#00000080;color:#fff}.loader-wrapper--absolute{position:absolute}.loader{position:absolute;top:50%;left:50%;max-width:50px;max-height:50px;width:100%;height:100%;border-radius:50%;background-color:transparent;box-shadow:inset 0 0 0 3px currentcolor;transform:translate(-50%,-50%)}.loader:before,.loader:after{content:"";position:absolute;top:50%;left:50%;height:2px;background-color:currentcolor;transform-origin:left center}.loader:before{width:25%;animation:loader 8s linear infinite}.loader:after{width:30%;animation:loader 2s linear infinite}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader--text{display:flex;justify-content:center;align-items:center;max-width:300px;max-height:50px;border-radius:0}.loader--text:before,.loader--text:after{content:unset}