div.component-backend-loading-indicator.style-circles .spinner{margin:0 auto;text-align:center;width:70px}div.component-backend-loading-indicator.style-circles .spinner>div{-webkit-animation:bouncedelay-component-loadingindicator 1.4s ease-in-out infinite both;animation:bouncedelay-component-loadingindicator 1.4s ease-in-out infinite both;background-color:var(--bs-secondary);border-radius:100%;display:inline-block;height:18px;width:18px}div.component-backend-loading-indicator.style-circles .spinner>div.bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}div.component-backend-loading-indicator.style-circles .spinner>div.bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}div.component-backend-loading-indicator.style-circles.size-small,div.component-backend-loading-indicator.style-circles.size-small .spinner{width:50px}div.component-backend-loading-indicator.style-circles.size-small .spinner>div{height:10px;margin-right:5px;width:10px}div.component-backend-loading-indicator.style-circles.size-small .spinner>div:last-child{margin-right:0}div.component-backend-loading-indicator.style-circles.size-tiny,div.component-backend-loading-indicator.style-circles.size-tiny .spinner{width:39px}div.component-backend-loading-indicator.style-circles.size-tiny .spinner>div{height:7px;margin-right:4px;width:7px}div.component-backend-loading-indicator.style-circles.size-tiny .spinner>div:last-child{margin-right:0}@-webkit-keyframes bouncedelay-component-loadingindicator{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay-component-loadingindicator{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}div.component-backend-loading-indicator.style-bar,div.component-backend-loading-indicator.style-stripe{width:100%}div.component-backend-loading-indicator.style-bar .stripe-indicator,div.component-backend-loading-indicator.style-stripe .stripe-indicator{height:4px;position:relative}div.component-backend-loading-indicator.style-bar .stripe-indicator div,div.component-backend-loading-indicator.style-stripe .stripe-indicator div{background-color:var(--bs-primary);height:100%;overflow:hidden;position:relative}div.component-backend-loading-indicator.style-bar .stripe-indicator div:after,div.component-backend-loading-indicator.style-stripe .stripe-indicator div:after{-webkit-animation:moveStripes 2s linear infinite;animation:moveStripes 2s linear infinite;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.3) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 75%,transparent 0,transparent);background-size:50px 50px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}@-webkit-keyframes moveStripes{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes moveStripes{0%{background-position:0 0}to{background-position:50px 50px}}div.component-backend-loading-indicator.orientation-vertical.style-bar .stripe-indicator,div.component-backend-loading-indicator.orientation-vertical.style-stripe .stripe-indicator{height:100%;width:4px}div.component-backend-loading-indicator.orientation-vertical.style-bar .stripe-indicator>div,div.component-backend-loading-indicator.orientation-vertical.style-stripe .stripe-indicator>div{bottom:0;left:0;position:absolute;width:100%}div.component-backend-loading-indicator.orientation-vertical.style-bar .stripe-indicator>div:after,div.component-backend-loading-indicator.orientation-vertical.style-stripe .stripe-indicator>div:after{transform:rotateX(180deg)}div.component-backend-loading-indicator .bar-indicator{background:var(--oc-primary-border);border-radius:6px;height:6px;overflow:hidden}div.component-backend-loading-indicator .bar-indicator .stripe-indicator{height:6px}div.component-backend-loading-indicator .bar-indicator .stripe-indicator>div{transition:width .3s,height .3s}div.component-backend-loading-indicator .bar-indicator .stripe-indicator>div:before{background:var(--bs-success);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;z-index:2}div.component-backend-loading-indicator .bar-indicator .stripe-indicator>div.progress-done:before{opacity:1}div.component-backend-loading-indicator.orientation-vertical .bar-indicator{height:100%;position:absolute;width:6px}div.component-backend-loading-indicator.orientation-vertical .bar-indicator .stripe-indicator{height:100%;width:6px}