.hero-prop-exchange{display:block;width:100%;height:100%;padding:0;border:0;border-radius:24px;background:none;color:inherit;cursor:pointer;pointer-events:auto;touch-action:pan-y;-webkit-tap-highlight-color:transparent;perspective:900px}.hero-prop-exchange:focus-visible{outline:1px solid #ffffffa0;outline-offset:-10px}.hero-prop-exchange-layer{display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.16,1,.3,1)}.hero-prop-exchange-layer[data-phase=out]{animation:hero-object-eject .36s cubic-bezier(.55,0,1,.45) both}.hero-prop-exchange-layer[data-phase=in]{animation:hero-object-reveal .85s cubic-bezier(.16,1,.3,1) both}.hero-prop-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(hover:hover)and (pointer:fine){.hero-prop-exchange:hover .hero-prop-exchange-layer[data-phase=idle]{transform:translateZ(25px) scale(1.045)}}@keyframes hero-object-eject{0%{opacity:1;transform:translateZ(0) rotate(0) scale(1)}35%{opacity:1;transform:translate3d(0,-9px,55px) rotate(-5deg) scale(1.08)}to{opacity:0;transform:translate3d(calc(var(--prop-exit-x) * .65),calc(var(--prop-exit-y) * .65),300px) rotateX(-18deg) rotate(var(--prop-exit-roll)) scale(1.16)}}@keyframes hero-object-reveal{0%{opacity:0;transform:translate3d(0,28px,-280px) rotateX(18deg) rotate(-12deg) scale(.42)}45%{opacity:1}72%{transform:translate3d(0,-4px,16px) rotateX(0) rotate(1.5deg) scale(1.035)}to{opacity:1;transform:translateZ(0) rotateX(0) rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.hero-prop-exchange-layer{animation:none!important;transition:none;transform:none!important}}