.holo-logo-wrapper{align-items:center;gap:15px;display:flex}.holo-logo-container{transform-style:preserve-3d;perspective:1000px;align-items:center;display:flex}.tilt-box{background:#000;border-radius:8px;transition:transform .3s;box-shadow:0 4px 8px #0000004d}.tilt-box-left{border-radius:8px 0 0 8px;width:30px;height:100%;margin-right:-5px}.tilt-box-right{border-radius:0 8px 8px 0;width:30px;height:100%;margin-left:-5px}.holo-logo{cursor:pointer;transform-style:preserve-3d;z-index:10;background:#000;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000004d}.holo-logo.interacting{transition:none}.holo-logo-container.holo-logo-navbar,.holo-logo-container.holo-logo-navbar .tilt-box{height:120px}.holo-logo-navbar{border-radius:10px;width:120px;height:120px}.holo-logo-small{border-radius:8px;width:80px;height:80px}.holo-logo-medium{border-radius:12px;width:160px;height:160px}.holo-logo-large{border-radius:15px;width:240px;height:240px}.holo-logo:before{content:"";z-index:1;background-image:conic-gradient(#b152e0 0deg,#ed5ebe 60deg,#6ec9f7 120deg,#5af2bf 180deg,#f7f76e 240deg,#b152e0 300deg 360deg),radial-gradient(circle at 30% 70%,#fff3 0%,#0000 50%);background-position:calc(((50% - var(--background-x,50))*.8) + 50%)calc(((50% - var(--background-y,50))*.8) + 50%),center;mix-blend-mode:color-dodge;filter:brightness(.7)contrast(1.3)saturate(.8);opacity:.2;background-size:300% 300%,100% 100%;transition:opacity .3s,background-position .3s;position:absolute;inset:0}.holo-logo.interacting:before{opacity:1}.holo-logo .triangle-logo{z-index:15;filter:drop-shadow(0 4px 8px #0000004d);width:100%;height:100%;transition:filter .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.holo-logo.interacting .triangle-logo{filter:drop-shadow(0 4px 8px #0000004d)brightness(1.1)contrast(1.1)}.holo-logo .logo-background:before{content:"";z-index:30;background-image:radial-gradient(farthest-corner circle at var(--pointer-x,50%)var(--pointer-y,50%),#ccc,#d5dcdd40 30%,#3c4144 120%);filter:brightness(.9)contrast(1.75);opacity:0;mix-blend-mode:hard-light;width:100%;height:100%;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:url(/images/logos/V2TriangleLogo.svg);mask-image:url(/images/logos/V2TriangleLogo.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.holo-logo.interacting .logo-background:before{opacity:calc(var(--pointer-from-center,.5)*.9)}.holo-logo:after{content:"";z-index:20;background:linear-gradient(110deg,#0000 20%,#ff149366 30%,#00bfff80 40%,#32cd3266 50%,#ffd70080 60%,#ffa50066 70%,#0000 80%) 0 0/200% 100%;width:100%;height:100%;animation:12s ease-in-out infinite holoShimmer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:url(/images/logos/V2TriangleLogo.svg);mask-image:url(/images/logos/V2TriangleLogo.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes holoShimmer{0%{opacity:0;background-position:-200% 0}5%{opacity:.8}25%{opacity:1;background-position:0 0}45%{opacity:.8}67%{opacity:0;background-position:200% 0}67.1%,to{opacity:0;background-position:200% 0}}.logo-text-container{justify-content:flex-start;align-items:center;min-width:300px;height:120px;display:flex}.logo-text{object-fit:contain;filter:drop-shadow(0 2px 4px #0003);width:auto;max-width:280px;height:60px}.holo-logo-wrapper.holo-logo-navbar .logo-text{height:80px}.holo-logo-navbar:before{opacity:.1}.holo-logo-navbar.interacting:before{opacity:.6}.holo-logo:hover{transform:translateY(-2px)}.holo-logo:active{transform:translateY(0)}