.spin-wrapper{width:100%;height:100%;min-height:100px;position:relative}.spin-wrapper--default{height:400px;position:relative}.spin-wrapper--overlap{content:"";z-index:101;background-color:rgba(255,255,255,.7);width:100%;height:100%;position:absolute;top:0;left:0}.spin-wrapper .spinner{border:3px solid transparent;border-top-color:#a04668;border-radius:50%;width:60px;height:60px;margin:-30px;animation:2s linear infinite spin;position:absolute;top:50%;left:50%}.spin-wrapper .spinner:before,.spin-wrapper .spinner:after{content:"";border:3px solid transparent;border-radius:50%;position:absolute}.spin-wrapper .spinner:before{border-top-color:#4d35af;animation:3s linear infinite spin;top:-12px;bottom:-12px;left:-12px;right:-12px}.spin-wrapper .spinner:after{border-top-color:#006848;animation:4s linear infinite spin;top:6px;bottom:6px;left:6px;right:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}