.js-loader-wrap{display:flex;align-items:center;justify-content:center}.js-loader{--cell-size: 52px;--cell-spacing: 1px;--cells: 3;--total-size: calc(var(--cells) * (var(--cell-size) + 2 * var(--cell-spacing)));display:flex;flex-wrap:wrap;width:var(--total-size);height:var(--total-size)}.js-cell{flex:0 0 var(--cell-size);margin:var(--cell-spacing);background-color:transparent;box-sizing:border-box;border-radius:6px;animation:js-ripple 1.5s ease infinite}.js-d-0{animation-delay:0ms}.js-d-1{animation-delay:.1s}.js-d-2{animation-delay:.2s}.js-d-3{animation-delay:.3s}.js-d-4{animation-delay:.4s}.js-cell:nth-child(1){--cell-color: #f5d0fe}.js-cell:nth-child(2){--cell-color: #e9a8fd}.js-cell:nth-child(3){--cell-color: #d580fb}.js-cell:nth-child(4){--cell-color: #b794f6}.js-cell:nth-child(5){--cell-color: #9b6cf2}.js-cell:nth-child(6){--cell-color: #8245ee}.js-cell:nth-child(7){--cell-color: #6b27d9}.js-cell:nth-child(8){--cell-color: #581cb0}.js-cell:nth-child(9){--cell-color: #3b0d80}@keyframes js-ripple{0%{background-color:transparent;box-shadow:none}30%{background-color:var(--cell-color);box-shadow:0 0 18px color-mix(in oklab,var(--cell-color) 60%,transparent)}60%{background-color:transparent;box-shadow:none}to{background-color:transparent;box-shadow:none}}