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