.octonovus-app .oct-loading-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space)}.octonovus-app .oct-loading-container>span:last-child{color:hsl(var(--font-color-1-hs),calc(var(--font-color-1-l) + var(--font-lightness)),1);display:block;font-size:.857em;text-align:center;margin-top:calc(.75 * var(--space));font-weight:500}.octonovus-app .oct-loading-container .oct-loading{height:100px;position:relative;width:100px;border-radius:100%;border:2px solid transparent;border-color:transparent var(--primary-color) transparent var(--primary-color);transform-origin:50% 50%;animation-name:oct-spin;animation-duration:1.5s;animation-delay:0s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:both}@keyframes oct-spin{0%{transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.octonovus-app .oct-loading-container:hover .oct-loading{border-color:transparent var(--primary-color) transparent var(--primary-color)}.octonovus-app .oct-loading-container #oct-loading-text{animation-name:oct-flash;animation-duration:4s;animation-delay:0s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:both;color:hsl(var(--font-color-1-hs),calc(var(--font-color-1-l) + var(--font-lightness)),1);font-size:.714em;font-weight:700;opacity:0;position:absolute;text-align:center;text-transform:uppercase;top:calc(var(--space) + 45px);width:100px}@keyframes oct-flash{50%,0%,to{opacity:1}25%,75%{opacity:0}}