.spinner{text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:row;gap:2px;width:48px;height:60px;margin:auto;font-size:10px;display:flex}.spinner .rect{background-image:var(--theme-color-gradient);background-size:40px;border-radius:25px;width:8px;height:100%;margin:auto 0;animation:4s cubic-bezier(.76,.09,.3,.89) infinite spinner;display:block}.spinner .rect1{background-position:0;animation-delay:-1.1s}.spinner .rect2{background-position:-8px;animation-delay:-1s}.spinner .rect3{background-position:-16px;animation-delay:-.9s}.spinner .rect4{background-position:-24px;animation-delay:-.8s}.spinner .rect5{background-position:-32px;animation-delay:-.7s}.spinner.invisible{display:none}@keyframes spinner{0%{height:8px;transform:translateY(0)}10%{height:8px;transform:translateY(-5px)}20%{height:8px;transform:translateY(16px)}30%{height:40px;transform:translateY(0)}40%{height:8px;transform:translateY(0)}50%{height:8px;transform:translateY(0)}60%{height:8px;transform:translateY(5px)}70%{height:8px;transform:translateY(-16px)}80%{height:40px;transform:translateY(0)}90%{height:8px;transform:translateY(0)}to{height:8px;transform:translateY(0)}}