.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1)}.circular-text.light{color:var(--color-text-accent)}.circular-text.dark{color:var(--color-text-primary)}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease-out,visibility .5s ease-out}.loading-screen.dark,.loading-screen.light{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%)}.loading-screen.fade-out{opacity:0;visibility:hidden}