:root{--sun-1:#5eedd5;--sun-2:#55dbf6;--sun-3:#6cf;--sun-4:#70ffff;--sun-5:#759ef0;--sun-6:#a385e0}.holo-wrapper{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--holo-glow-color:#46c8dc66;--holo-radius:var(--radius-lg,12px);perspective:600px;touch-action:manipulation;position:relative;transform:translateZ(.1px)}.holo-glow{display:none}.holo-shell{z-index:1;border-radius:var(--holo-radius);transition:transform .8s,box-shadow .3s;position:relative;transform:translateZ(0)rotateX(0)rotateY(0)}.holo-wrapper.active .holo-shell{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:box-shadow .3s}@media (hover:hover){.holo-wrapper:hover .holo-shell{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:box-shadow .3s}}.holo-wrapper.entering .holo-shell{transition:transform .18s ease-out,box-shadow .3s}.holo-wrapper.active{--card-opacity:1}@media (hover:hover){.holo-wrapper:hover{--card-opacity:1}}.holo-shine{z-index:3;pointer-events:none;border-radius:var(--holo-radius);--space:5%;--angle:-45deg;background-image:repeating-linear-gradient(0deg, var(--sun-1) calc(var(--space) * 1), var(--sun-2) calc(var(--space) * 2), var(--sun-3) calc(var(--space) * 3), var(--sun-4) calc(var(--space) * 4), var(--sun-5) calc(var(--space) * 5), var(--sun-6) calc(var(--space) * 6), var(--sun-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-position:0 var(--background-y), var(--background-x) var(--background-y), center;background-blend-mode:color, hard-light;mix-blend-mode:soft-light;opacity:0;background-repeat:repeat;background-size:500% 500%,300% 300%,200% 200%;transition:opacity .4s;animation:18s linear infinite holo-shimmer;position:absolute;inset:0;overflow:hidden;transform:translateZ(1px)}@media (hover:hover){.holo-wrapper:hover .holo-shine{opacity:.5;animation-play-state:paused}}.holo-glare{z-index:4;pointer-events:none;border-radius:var(--holo-radius);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #b8dae04d 12%, #2e576b4d 90%);mix-blend-mode:overlay;opacity:0;transition:opacity .3s;position:absolute;inset:0;overflow:hidden;transform:translateZ(1.1px)}@media (hover:hover){.holo-wrapper:hover .holo-glare{opacity:.4}.holo-wrapper:hover .holo-shell{box-shadow:#0006 calc((var(--pointer-from-left) * 8px) - 4px) calc((var(--pointer-from-top) * 14px) - 4px) 16px -4px}}@keyframes holo-shimmer{0%{background-position:0 var(--background-y), 0 0, center}to{background-position:0 var(--background-y), 90% 90%, center}}@media (prefers-reduced-motion:reduce){.holo-shine{animation:none}.holo-shell{transition:none!important;transform:none!important}.holo-wrapper:hover .holo-shell{box-shadow:none;transform:none!important}}.holo-logo-wrap{border-radius:10px;align-items:center;display:inline-flex;position:relative;overflow:hidden}.holo-logo-gradient{pointer-events:none;background:linear-gradient(90deg, var(--sun-1), var(--sun-2), var(--sun-3), var(--sun-4), var(--sun-5), var(--sun-6), var(--sun-1));mix-blend-mode:color;opacity:.3;background-size:300% 100%;transition:opacity .4s;animation:6s linear infinite holo-logo-shift;position:absolute;inset:0}.holo-logo-wrap:hover .holo-logo-gradient{opacity:.7}@keyframes holo-logo-shift{0%{background-position:0%}to{background-position:300%}}@media (prefers-reduced-motion:reduce){.holo-logo-gradient{animation:none}}