.iri-wrap{--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%;--behind-glow-color:#9dc3ea38;--sunpillar-1:#9dc3ea;--sunpillar-2:#6a9ec9;--sunpillar-3:#0c212f;--sunpillar-4:#f8610c;--sunpillar-5:#b34205;--sunpillar-6:#9dc3ea;perspective:700px;position:relative;transform:translateZ(.1px)}.iri-glow{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--behind-glow-color) 0%, transparent 55%);filter:blur(40px)saturate(1.05);opacity:calc(.28 * var(--card-opacity));transition:opacity .2s;position:absolute;inset:-8%}.iri-wrap:hover,.iri-shell.active{--card-opacity:1}.iri-shell{z-index:1;position:relative}.iri-card{transform-style:preserve-3d;transition:transform .9s;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}.iri-shell.active .iri-card,.iri-wrap:hover .iri-card{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.iri-shell.entering .iri-card{transition:transform .16s ease-out}.iri-shine,.iri-glare{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.iri-shine{z-index:2;opacity:.18;mix-blend-mode:color-dodge;filter:brightness(.55)contrast(1.08)saturate(.28);background-image:repeating-linear-gradient(0deg, var(--sunpillar-1) 5%, var(--sunpillar-2) 10%, var(--sunpillar-3) 15%, var(--sunpillar-4) 20%, var(--sunpillar-5) 25%, var(--sunpillar-6) 30%, var(--sunpillar-1) 35%), repeating-linear-gradient(-45deg, #0c212f 0%, #9dc3ea 3.8%, #c5daf0 4.5%, #9dc3ea 5.2%, #0c212f 10%, #0c212f 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #00000014 12%, #0003 120%);background-position:0 var(--background-y), var(--background-x) var(--background-y), center;background-blend-mode:color, hard-light;background-size:500% 500%,300% 300%,200% 200%;animation:42s linear infinite iri-holo}.iri-shine:before,.iri-shine:after{content:"";border-radius:inherit;opacity:0;transition:opacity .7s;position:absolute;inset:0}.iri-shell.active .iri-shine,.iri-wrap:hover .iri-shine{filter:brightness(.68)contrast(1.12)saturate(.38);opacity:.28;animation-play-state:paused}.iri-shell.active .iri-shine:before,.iri-wrap:hover .iri-shine:before{opacity:.38}.iri-shell.active .iri-shine:after,.iri-wrap:hover .iri-shine:after{opacity:.14}.iri-shine:before{background-image:linear-gradient(45deg, var(--sunpillar-4), var(--sunpillar-5), var(--sunpillar-6), var(--sunpillar-1), var(--sunpillar-2), var(--sunpillar-3)), radial-gradient(circle at var(--pointer-x) var(--pointer-y), #b3b3b3 0%, #4d4d4d33 90%);background-size:250% 250%,100% 100%;background-position:var(--pointer-x) var(--pointer-y), center;background-blend-mode:color-dodge;mix-blend-mode:soft-light;filter:brightness(calc(1.25 - var(--pointer-from-center) * .35)) contrast(calc(1.1 + var(--pointer-from-center) * .25)) saturate(calc(.4 + var(--pointer-from-center) * .25))}.iri-shine:after{background-image:repeating-linear-gradient(0deg, var(--sunpillar-1) 5%, var(--sunpillar-2) 10%, var(--sunpillar-3) 15%, var(--sunpillar-4) 20%, var(--sunpillar-5) 25%, var(--sunpillar-6) 30%, var(--sunpillar-1) 35%), repeating-linear-gradient(-45deg, #0c212f 0%, #9dc3ea 3.8%, #c5daf0 4.5%, #9dc3ea 5.2%, #0c212f 10%, #0c212f 12%);background-position:0 var(--background-y), calc(var(--background-x) * .4) calc(var(--background-y) * .5);mix-blend-mode:soft-light;filter:brightness(.7)contrast(1.15);opacity:.12;background-size:200% 300%,700% 700%}.iri-glare{z-index:3;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #9dc3ea47 10%, #0c212f1a 55%, transparent 75%);mix-blend-mode:overlay;opacity:calc(.12 + var(--card-opacity) * .18);transition:opacity .2s}.iri-content{z-index:4;position:relative}@keyframes iri-holo{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){.iri-shine{animation:none}.iri-shell.active .iri-card,.iri-wrap:hover .iri-card{transform:none}}
