@layer components{.ns-tilt{--ns-tilt-max:10deg;--ns-tilt-radius:calc(var(--radius,.625rem) * 1.6);--ns-tilt-perspective:50rem;--ns-tilt-rise:1.5rem;--ns-tilt-shadow:var(--lightningcss-light,#00000038)var(--lightningcss-dark,#000000a6);--ns-tilt-x:0;--ns-tilt-y:0;--ns-tilt-lift:0;border-radius:var(--ns-tilt-radius);touch-action:pan-y;-webkit-tap-highlight-color:transparent;position:relative}@supports (color:lab(0% 0 0)){.ns-tilt{--ns-tilt-shadow:var(--lightningcss-light,lab(0% 0 0/.22))var(--lightningcss-dark,lab(0% 0 0/.65))}}.ns-tilt:before{content:"";border-radius:inherit;box-shadow:calc(var(--ns-tilt-x) * var(--ns-tilt-lift) * -1rem) calc(.5rem + var(--ns-tilt-lift) * 1rem - var(--ns-tilt-y) * var(--ns-tilt-lift) * 1rem) calc(1.25rem + var(--ns-tilt-lift) * 1.5rem) -.5rem var(--ns-tilt-shadow);pointer-events:none;position:absolute;inset:0}.ns-tilt__card{box-sizing:border-box;border-radius:inherit;background:var(--face,#fff);height:100%;transform:perspective(var(--ns-tilt-perspective)) rotateX(calc(var(--ns-tilt-y) * var(--ns-tilt-max) * -1)) rotateY(calc(var(--ns-tilt-x) * var(--ns-tilt-max))) translateZ(calc(var(--ns-tilt-lift) * var(--ns-tilt-rise)));transform-style:preserve-3d;position:relative}.ns-tilt__card:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--face-line,#0000001a), inset 0 1px 0 var(--highlight,#ffffffb3);pointer-events:none;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.ns-tilt__card:after{box-shadow:inset 0 0 0 1px var(--face-line,lab(0% 0 0/.1)), inset 0 1px 0 var(--highlight,lab(100% 0 0/.7))}}.ns-tilt__glare,.ns-tilt__foil{--ns-tilt-light:calc(50% + var(--ns-tilt-x) * 50%) calc(50% + var(--ns-tilt-y) * 50%);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.ns-tilt__glare{background:radial-gradient(circle farthest-corner at var(--ns-tilt-light), #fff9, #fff0 55%);mix-blend-mode:overlay;opacity:var(--ns-tilt-lift)}@supports (color:lab(0% 0 0)){.ns-tilt__glare{background:radial-gradient(circle farthest-corner at var(--ns-tilt-light), lab(100% 0 0/.6), lab(100% 0 0/0) 55%)}}.ns-tilt__foil{background:repeating-linear-gradient(110deg,#ffa8a8,#ecd065 6%,#77e3b7 12%,#84c3ff 18%,#e89cf9 24%,#ffa8a8 30%) 0 0/200% 200%;background:repeating-linear-gradient(110deg,lab(77.6753% 44.695 19.6973),lab(84.2796% .720114 55.6351) 6%,lab(83.0385% -40.6083 11.6007) 12%,lab(76.3701% -7.94819 -44.2992) 18%,lab(74.6228% 40.1909 -35.0806) 24%,lab(77.6753% 44.695 19.6973) 30%) 0 0/200% 200%;background-position:calc(50% + var(--ns-tilt-x) * 40%) calc(50% + var(--ns-tilt-y) * 40%);mix-blend-mode:color-dodge;opacity:calc(.2 + var(--ns-tilt-lift) * .35);-webkit-mask-image:radial-gradient(circle farthest-corner at var(--ns-tilt-light), #000 10%, #0000004d 65%);mask-image:radial-gradient(circle farthest-corner at var(--ns-tilt-light), #000 10%, #0000004d 65%)}@supports (color:lab(0% 0 0)){.ns-tilt__foil{-webkit-mask-image:radial-gradient(circle farthest-corner at var(--ns-tilt-light), #000 10%, lab(0% 0 0/.3) 65%);mask-image:radial-gradient(circle farthest-corner at var(--ns-tilt-light), #000 10%, lab(0% 0 0/.3) 65%)}}@media (prefers-reduced-motion:reduce){.ns-tilt__card{transform:none}}@media (forced-colors:active){.ns-tilt__card{outline:1px solid canvastext}.ns-tilt__glare,.ns-tilt__foil{display:none}}}