.reflective-wrapper{--pointer-x:50%;--pointer-y:50%;--rotate-x:0deg;--rotate-y:0deg;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;perspective:1200px;transform-style:preserve-3d;isolation:isolate;display:flex;position:relative}.reflective-glow{z-index:-1;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #5eead426 0%, transparent 50%);filter:blur(30px);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .4s;position:absolute;inset:-20%}.reflective-wrapper.active .reflective-glow{opacity:1}.reflective-shell{border-radius:var(--radius-lg,12px);background:var(--color-bg-card,#0d1117);width:100%;transform:rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transform-style:preserve-3d;will-change:transform;transition:transform .1s ease-out,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 0 0 1px #ffffff0f}.reflective-wrapper.entering .reflective-shell{transition:transform .18s ease-out,box-shadow .3s}.reflective-wrapper:not(.active) .reflective-shell{transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .3s}.reflective-wrapper.active .reflective-shell{box-shadow:0 8px 40px #0006,inset 0 0 0 1px #ffffff1a,0 0 60px #5eead414}.reflective-noise{z-index:10;opacity:.03;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.reflective-sheen{z-index:11;pointer-events:none;mix-blend-mode:overlay;opacity:0;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff08 40%,#fff0 50%,#ffffff08 60%,#ffffff14 100%);transition:opacity .3s;position:absolute;inset:0}.reflective-wrapper.active .reflective-sheen{opacity:1}.reflective-shell:before{content:"";z-index:12;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffff26 0%, #ffffff0d 20%, transparent 50%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.reflective-wrapper.active .reflective-shell:before{opacity:1}.reflective-border{border-radius:var(--radius-lg,12px);-webkit-mask-composite:xor;z-index:20;pointer-events:none;opacity:0;background:linear-gradient(135deg,#5eead466 0%,#ffffff1a 30%,#ffffff0d 50%,#ffffff1a 70%,#5eead44d 100%);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.reflective-wrapper.active .reflective-border{opacity:1}.reflective-shell:after{content:"";border-radius:var(--radius-lg,12px);pointer-events:none;z-index:19;border:1px solid #ffffff14;position:absolute;inset:0}.reflective-shell>:not(.reflective-noise):not(.reflective-sheen):not(.reflective-border){z-index:5;position:relative}