.spinner-1{--spinner-size:1em;--spinner-color:currentColor;width:var(--spinner-size);height:var(--spinner-size);position:relative}.spinner-1:before,.spinner-1:after{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 4px #0000001a}.spinner-1:after{box-shadow:0 2px 0 var(--spinner-color) inset;animation:1s linear infinite rotate}.spinner-2{--spinner-size:1em;--spinner-color:currentColor;width:var(--spinner-size);height:var(--spinner-size);border:3px solid var(--spinner-color);box-sizing:border-box;border-radius:50%;animation:1s linear infinite rotate;display:inline-block;position:relative}.spinner-2:after{content:"";box-sizing:border-box;width:calc(var(--spinner-size) - 8px);height:calc(var(--spinner-size) - 8px);border:3px solid #0000;border-bottom-color:var(--spinner-color-secondary);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner-3{--spinner-size:1em;--spinner-color:currentColor;width:var(--spinner-size);height:var(--spinner-size);border:3px solid;border-color:var(--spinner-color) var(--spinner-color) transparent transparent;box-sizing:border-box;border-radius:50%;animation:1s linear infinite rotate;display:inline-block;position:relative}.spinner-3:after,.spinner-3:before{content:"";box-sizing:border-box;border:3px solid;border-color:transparent transparent var(--spinner-color-secondary) var(--spinner-color-secondary);width:calc(var(--spinner-size) - 8px);height:calc(var(--spinner-size) - 8px);transform-origin:50%;border-radius:50%;margin:auto;animation:.5s linear infinite rotateBack;position:absolute;inset:0}.spinner-3:before{width:calc(var(--spinner-size) - 16px);height:calc(var(--spinner-size) - 16px);border-color:var(--spinner-color) var(--spinner-color) transparent transparent;animation:1.5s linear infinite rotate}.spinner-4{background:#ffffff26;width:100%;height:4.8px;display:inline-block;position:relative;overflow:hidden}.spinner-4:after{content:"";box-sizing:border-box;background:#fff;width:192px;height:4.8px;animation:2s linear infinite translateRight;position:absolute;top:0;left:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}