@keyframes greyCycle{0%,20%{transform:translateY(0);z-index:1}25%{transform:translateY(0);z-index:0}26%,95%{transform:translateY(100%);z-index:0}to{transform:translateY(0);z-index:2}}@keyframes greenCycle{0%,20%,51%,to{transform:translateX(100%);z-index:0}25%,45%{transform:translateX(0);z-index:1}50%{transform:translateX(0);z-index:0}}@keyframes blackCycle{0%,45%,76%,to{transform:translateY(-100%);z-index:0}50%,70%{transform:translateY(0);z-index:1}75%{transform:translateY(0);z-index:0}}@keyframes yellowCycle{0%,70%,to{transform:translateX(-100%);z-index:0}75%,95%{transform:translateX(0);z-index:1}99%{transform:translateX(0);z-index:0}}.ds-loader{width:100%;height:100%;background-color:rgba(var(--Neutral-neutral-10),.2);display:flex;justify-content:center;align-items:center}.ds-loader__box{width:40px;height:40px;background-color:var(--Base-White);position:relative;overflow:hidden;mask:url(/assets/design-system/images/loader/loader.svg)center/contain no-repeat}.ds-loader__layer{position:absolute;top:0;left:0;width:100%;height:100%;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear}.ds-loader__layer.grey{background:var(--Neutral-neutral-40);animation-name:greyCycle}.ds-loader__layer.green{background:var(--Primary-primary-60);animation-name:greenCycle}.ds-loader__layer.black{background:var(--BG-bg-dark-bg-dark-60);animation-name:blackCycle}.ds-loader__layer.yellow{background:var(--Secondary-secondary-60);animation-name:yellowCycle}