.l3d{--l3d: 66px;--l3d-turn: 9s;--l3d-u: calc(var(--l3d) / 32);--l3d-side: calc(var(--l3d-u) * 19.205);--l3d-radius: calc(var(--l3d-u) * 1.6);--l3d-slice: calc(var(--l3d-u) * .42);position:relative;display:inline-block;width:var(--l3d);height:var(--l3d);perspective:calc(var(--l3d) * 9);perspective-origin:50% 42%}.l3d:before{content:"";position:absolute;left:50%;top:74%;z-index:0;width:calc(var(--l3d) * .74);height:calc(var(--l3d) * .3);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(12,18,42,.34),rgba(12,18,42,.16) 45%,transparent 72%);filter:blur(calc(var(--l3d) * .035));pointer-events:none}.l3d-stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(61.93deg)}.l3d-spin{position:absolute;inset:0;transform-style:preserve-3d;animation:l3d-turn var(--l3d-turn) cubic-bezier(.5,.02,.5,.98) infinite}.l3d-sheet,.l3d-sheet:before,.l3d-sheet:after,.l3d-sheet>i{position:absolute;top:50%;left:50%;width:var(--l3d-side);height:var(--l3d-side);margin:calc(var(--l3d-side) / -2) 0 0 calc(var(--l3d-side) / -2);border-radius:var(--l3d-radius)}.l3d-sheet{transform-style:preserve-3d}.l3d-sheet:before,.l3d-sheet:after{content:"";margin-top:calc(var(--l3d-side) / -2)}.l3d-sheet:before{transform:translateZ(var(--l3d-slice))}.l3d-sheet:after{transform:translateZ(calc(var(--l3d-slice) * 2))}.l3d-sheet>i{transform:translateZ(calc(var(--l3d-slice) * 3));overflow:hidden}.l3d-s1{transform:translateZ(calc(var(--l3d-u) * -7.12)) rotate(45deg)}.l3d-s2{transform:translateZ(calc(var(--l3d-u) * -1.26)) rotate(45deg)}.l3d-s3{transform:translateZ(calc(var(--l3d-u) * 4.6)) rotate(45deg)}.l3d-s1{background:#191e45}.l3d-s1:before{background:#1e2450}.l3d-s1:after{background:#252c5c}.l3d-s1>i{background:#323a73}.l3d-s2{background:#354095}.l3d-s2:before{background:#3d48a8}.l3d-s2:after{background:#4854bf}.l3d-s2>i{background:#5965d8}.l3d-s3{background:#43a09b}.l3d-s3:before{background:#4fb3ad}.l3d-s3:after{background:#5fc7c0}.l3d-s3>i{background:radial-gradient(ellipse 46% 34% at 50% 46%,rgba(255,255,255,.5),transparent 70%),radial-gradient(circle at 50% 48%,#e2f7ff,#b2e8f6 28%,#78d5ce 68%,#5fc7c0)}.l3d-sheet>i>b{position:absolute;inset:0;display:block;transform-origin:50% 50%;animation:l3d-unturn var(--l3d-turn) cubic-bezier(.5,.02,.5,.98) infinite;background:linear-gradient(160deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.1) 26%,transparent 48%,rgba(8,12,28,.13) 76%,rgba(8,12,28,.26) 100%);pointer-events:none}.l3d-s3>i>b{background:linear-gradient(160deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.12) 30%,transparent 52%,rgba(10,42,58,.1) 80%,rgba(10,42,58,.2) 100%)}@keyframes l3d-turn{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes l3d-unturn{0%{transform:rotate(-45deg) scale(1.42)}25%{transform:rotate(-135deg) scale(1.42)}50%{transform:rotate(-225deg) scale(1.42)}75%{transform:rotate(-315deg) scale(1.42)}to{transform:rotate(-405deg) scale(1.42)}}.l3d-halo:after{content:"";position:absolute;inset:-18%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(216,244,255,.22),rgba(89,101,216,.16) 48%,transparent 72%);animation:l3d-breathe 6.5s ease-in-out infinite;pointer-events:none}@keyframes l3d-breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}:root[data-theme=dark] .l3d:before{background:radial-gradient(ellipse at center,rgba(3,6,18,.5),rgba(3,6,18,.22) 45%,transparent 72%)}@media(prefers-reduced-motion:reduce){.l3d-spin,.l3d-sheet>i>b,.l3d-halo:after{animation:none!important}.l3d-sheet>i>b{transform:rotate(-45deg) scale(1.42)}}