.loader{background-color:#00000014;z-index:100;display:inline-block;position:absolute;height:100%;width:100%;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.loader:after{content:" ";display:block;position:absolute;top:40%;left:50%;transform:translate(-50%) translateY(-50%);width:30px;height:30px;margin:8px;border-radius:50%;border:4px solid #ffffff;border-color:var(--primary-color) var(--primary-color) var(--primary-color) var(--primary-color-light) #f3fbfa;animation:loader 1.6s linear infinite}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}