.LoadingSpinner{--size-factor:.5;--duration-factor:1;--box-size:calc(var(--size-factor) * 40px);--closeness-factor:.8;--border-width:calc(var(--size-factor) * 2px);justify-content:center;align-items:center;width:100%;padding:60px;display:flex}.LoadingSpinner .spinner-inner{align-items:center;gap:var(--gap-item);flex-direction:column;width:100%;display:flex}.LoadingSpinner .label{font-size:.92rem;font-style:italic}.LoadingSpinner .grid,.LoadingSpinner .grid div{box-sizing:border-box}.LoadingSpinner .grid{width:calc(var(--size-factor) * 80px);height:calc(var(--size-factor) * 80px);display:inline-block;position:relative}.LoadingSpinner .grid div{margin:calc(var(--box-size) / 3);width:calc(var(--box-size) / 4);height:calc(var(--box-size) / 4);border:var(--border-width) solid var(--color-primary);animation:lds-grid calc(var(--duration-factor) * 1.2s) linear infinite;position:absolute}.LoadingSpinner .grid div:first-child{animation-delay:0s;top:0;left:0}.LoadingSpinner .grid div:nth-child(2){top:0;left:calc(var(--box-size) * var(--closeness-factor));animation-delay:calc(var(--duration-factor) * .3s);border-color:var(--color-secondary)}.LoadingSpinner .grid div:nth-child(3){top:calc(var(--box-size) * var(--closeness-factor));animation-delay:calc(var(--duration-factor) * .9s);left:0}.LoadingSpinner .grid div:nth-child(4){top:calc(var(--box-size) * var(--closeness-factor));left:calc(var(--box-size) * var(--closeness-factor));animation-delay:calc(var(--duration-factor) * .6s);border-color:var(--color-secondary)}.LoadingSpinner.layout-horizontal{--box-size:calc(var(--size-factor) * 40px);width:100%;margin-left:calc(var(--size-factor) * -60px);padding:30px 60px}.LoadingSpinner.layout-horizontal .grid div{top:calc(var(--box-size) / 1.5)}.LoadingSpinner.layout-horizontal .grid div:nth-child(3){left:calc(var(--box-size) * var(--closeness-factor) * 2)}.LoadingSpinner.layout-horizontal .grid div:nth-child(4){left:calc(var(--box-size) * var(--closeness-factor) * 3)}.LoadingSpinner.layout-horizontal .grid div:nth-child(2){animation-delay:calc(var(--duration-factor) * .3s)}.LoadingSpinner.layout-horizontal .grid div:nth-child(3){animation-delay:calc(var(--duration-factor) * .6s)}.LoadingSpinner.layout-horizontal .grid div:nth-child(4){animation-delay:calc(var(--duration-factor) * .9s)}@keyframes lds-grid{0%,50%,75%,to{margin:calc(var(--box-size) / 3);width:calc(var(--box-size) / 4);height:calc(var(--box-size) / 4)}25%{width:var(--box-size);height:var(--box-size);margin:0}}