.loading-indicator-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:calc(1.5*var(--spacing));transition:250ms opacity ease-out;text-align:center}.loading-indicator-wrap:not(.is-loading){opacity:0;pointer-events:none}.loading-indicator{--loading-indicator-border-width:.5rem;--loading-indicator-width:5rem;--loading-indicator-height:5rem;--loading-indicator-margin:.5em;display:inline-block;position:static;overflow:hidden;transform:none;margin-right:var(--loading-indicator-margin);width:var(--loading-indicator-width);height:var(--loading-indicator-height)}.loading-indicator--inline{--loading-indicator-width:1rem;--loading-indicator-height:1rem;--loading-indicator-border-width:.15rem;--loading-indicator-margin:.25ch}.loading-indicator--fixed{--loading-indicator-border-width:1.1em;--loading-indicator-width:5rem;--loading-indicator-height:5rem;position:fixed;z-index:9999;left:50%;top:50%;transform:translate(-50%,-50%)}.loading-indicator__inner,.loading-indicator__inner:after{display:block;border-radius:50%;width:var(--loading-indicator-width);height:var(--loading-indicator-height)}.loading-indicator__inner{position:relative;font-size:5px;text-indent:-9999em;border-top:var(--loading-indicator-border-width) solid rgb(203 203 203 / .2);border-right:var(--loading-indicator-border-width) solid rgb(203 203 203 / .2);border-bottom:var(--loading-indicator-border-width) solid rgb(203 203 203 / .2);border-left:var(--loading-indicator-border-width) solid #cbcbcb;transform:translateZ(0);animation:loading-indicator-animation 1.1s infinite linear}@keyframes loading-indicator-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}