.nano-loader{place-items:center;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xsm);--indicator-size: 3.375rem;--border-size: .5rem;--indicator-color: var(--border-brand-2);--indicator-background: var(--background-default);--text-size: var(--font-size-5)}.nano-loader--neutral{--indicator-color: var(--border-strong);--indicator-background: transparent}.nano-loader--xs{--text-size: var(--font-size-3);--indicator-size: 1.25rem;--border-size: .25rem;flex-direction:row}.nano-loader__text{font-size:var(--text-size);line-height:1.7em;color:var(--text-secondary);display:inline-block}.nano-loader__circle{height:var(--indicator-size);width:var(--indicator-size);position:relative;background-color:transparent;border-radius:50%}.nano-loader__circle span{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:var(--indicator-size);width:var(--indicator-size);background-color:transparent;border-radius:50%;-webkit-animation:loader-2-2 2.5s linear infinite;animation:loader-2-2 2.5s linear infinite}@-webkit-keyframes loader-2-2{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes loader-2-2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nano-loader__circle span:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:var(--indicator-size);width:var(--indicator-size);border:var(--border-size) solid transparent;background-color:var(--indicator-background);border:var(--border-size) solid var(--border-subtle);border-radius:50%;clip:rect(calc(var(--indicator-size) / 2),calc(var(--indicator-size) / 2),var(--indicator-size),0);-webkit-animation:loader-2-3 2.5s cubic-bezier(.77,0,.175,1) infinite;animation:loader-2-3 2.5s cubic-bezier(.77,0,.175,1) infinite}@-webkit-keyframes loader-2-3{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes loader-2-3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nano-loader__circle span:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:var(--indicator-size);width:var(--indicator-size);border:var(--border-size) solid var(--indicator-color);border-radius:50%;z-index:-1;background-color:var(--indicator-background)}