:root{--neo-shadow-light:#303c50;--neo-shadow-dark:#151823}.neo{box-shadow:6px 6px 15px var(--neo-shadow-dark),-6px -6px 15px var(--neo-shadow-light)}.neoIn{box-shadow:4px 4px 10px var(--neo-shadow-light),-4px -4px 10px var(--neo-shadow-dark)}.neoOut{box-shadow:4px 4px 10px var(--neo-shadow-dark),-4px -4px 10px var(--neo-shadow-light)}.neoBg{background:linear-gradient(145deg,calc(var(--neo-shadow-dark) / 1.5),calc(var(--neo-shadow-light) / 1.5))}.noNeo{box-shadow:none}.loader{background-image:conic-gradient(hsla(0,0%,100%,.1),rgba(100,200,255,.7));--circle-radius:92%;--mask:radial-gradient(circle farthest-side at center center,transparent var(--circle-radius),#000 calc(var(--circle-radius) + 2px) 100%) 50% 50%/100% 100% no-repeat;width:120px;height:120px}.loader,.loaderButton{border-radius:50%;-webkit-mask:var(--mask);mask:var(--mask);animation:spin 1.5s linear infinite}.loaderButton{background-image:conic-gradient(hsla(0,0%,100%,.4),hsla(0,0%,100%,.7));--circle-radius:70%;--mask:radial-gradient(circle farthest-side at center center,transparent var(--circle-radius),#000 calc(var(--circle-radius) + 2px) 100%) 50% 50%/100% 100% no-repeat;max-width:100%;max-height:100%;aspect-ratio:1/1}@keyframes spin{0%{transform:rotate(0deg)}65%{transform:rotate(1turn)}to{transform:rotate(2turn)}}