.overlay{position:fixed;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999}[dir] .overlay{background-color:rgba(0,0,0,.5)}[dir=ltr] .overlay{left:0}[dir=rtl] .overlay{right:0}.spinner{width:50px;height:50px}[dir] .spinner{border:4px solid hsla(0,0%,100%,.3);border-top:4px solid #fff;border-radius:50%}[dir=ltr] .spinner{animation:spin-ltr 2s linear infinite}[dir=rtl] .spinner{animation:spin-rtl 2s linear infinite}@keyframes spin-ltr{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-rtl{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}