.forge-card-renderer{position:relative;width:min(var(--forge-card-width),100%);aspect-ratio:5/7;display:grid;place-items:center;perspective:var(--flip-perspective);cursor:default;isolation:isolate;overflow:visible;container-type:inline-size}.forge-card-renderer.is-interactive{cursor:pointer}.forge-card-renderer:after{content:"";position:absolute;left:12%;right:12%;bottom:-15px;height:25px;border-radius:999px;background:radial-gradient(circle,rgba(0,0,0,var(--flip-shadow-alpha)),transparent 72%);filter:blur(12px);pointer-events:none;z-index:0}.forge-card-renderer__rotor{position:absolute;inset:0;z-index:1;transform-style:preserve-3d;will-change:transform;transition:none}.forge-card-renderer__face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;isolation:isolate}.forge-card-renderer__face>*{backface-visibility:hidden;-webkit-backface-visibility:hidden}.forge-card-renderer__back{transform:rotateY(180deg)}.forge-card-renderer.is-flipped .forge-card-renderer__rotor{transform:translate3d(0,0,0) rotateY(180deg) scale(1)}
.forge-card-renderer.is-flip-forward .forge-card-renderer__rotor,.forge-card-renderer.is-flip-backward .forge-card-renderer__rotor{animation-duration:var(--flip-duration);animation-delay:var(--flip-delay);animation-timing-function:var(--flip-ease);animation-fill-mode:both}.forge-card-renderer.is-flip-backward .forge-card-renderer__rotor{animation-direction:reverse}.forge-card-renderer.motion-disabled .forge-card-renderer__rotor{animation:none!important;transition:none!important}
.motion-classic-y.is-flip-forward .forge-card-renderer__rotor,.motion-classic-y.is-flip-backward .forge-card-renderer__rotor{animation-name:forgeFlipClassicY}@keyframes forgeFlipClassicY{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}100%{transform:rotateY(180deg)}}
.motion-vertical-x .forge-card-renderer__back{transform:rotateX(180deg)}.motion-vertical-x.is-flipped .forge-card-renderer__rotor{transform:rotateX(180deg)}.motion-vertical-x.is-flip-forward .forge-card-renderer__rotor,.motion-vertical-x.is-flip-backward .forge-card-renderer__rotor{animation-name:forgeFlipVerticalX}@keyframes forgeFlipVerticalX{0%{transform:rotateX(0)}48%{transform:rotateX(88deg)}100%{transform:rotateX(180deg)}}
.motion-diagonal-axis .forge-card-renderer__back{transform:rotate3d(1,1,0,180deg)}.motion-diagonal-axis.is-flipped .forge-card-renderer__rotor{transform:rotate3d(1,1,0,180deg)}.motion-diagonal-axis.is-flip-forward .forge-card-renderer__rotor,.motion-diagonal-axis.is-flip-backward .forge-card-renderer__rotor{animation-name:forgeFlipDiagonal}@keyframes forgeFlipDiagonal{0%{transform:rotate3d(1,1,0,0) scale(1)}45%{transform:rotate3d(1,1,0,82deg) scale(var(--flip-scale-up))}100%{transform:rotate3d(1,1,0,180deg) scale(1)}}
.motion-book-left .forge-card-renderer__back{transform:rotateY(-180deg)}.motion-book-left.is-flipped .forge-card-renderer__rotor{transform:rotateY(-180deg)}.motion-book-left.is-flip-forward .forge-card-renderer__rotor,.motion-book-left.is-flip-backward .forge-card-renderer__rotor{transform-origin:left center;animation-name:forgeFlipBookLeft}@keyframes forgeFlipBookLeft{0%{transform:rotateY(0) translateZ(0)}45%{transform:rotateY(-78deg) translateZ(var(--flip-depth))}100%{transform:rotateY(-180deg) translateZ(0)}}
.motion-book-right.is-flipped .forge-card-renderer__rotor{transform:rotateY(180deg)}.motion-book-right.is-flip-forward .forge-card-renderer__rotor,.motion-book-right.is-flip-backward .forge-card-renderer__rotor{transform-origin:right center;animation-name:forgeFlipBookRight}@keyframes forgeFlipBookRight{0%{transform:rotateY(0) translateZ(0)}45%{transform:rotateY(78deg) translateZ(var(--flip-depth))}100%{transform:rotateY(180deg) translateZ(0)}}
.motion-swing-top .forge-card-renderer__back{transform:rotateX(180deg)}.motion-swing-top.is-flipped .forge-card-renderer__rotor{transform:rotateX(180deg)}.motion-swing-top.is-flip-forward .forge-card-renderer__rotor,.motion-swing-top.is-flip-backward .forge-card-renderer__rotor{transform-origin:center top;animation-name:forgeFlipSwingTop}@keyframes forgeFlipSwingTop{0%{transform:rotateX(0) rotateZ(0)}38%{transform:rotateX(72deg) rotateZ(var(--flip-swing-angle))}68%{transform:rotateX(205deg) rotateZ(var(--flip-swing-return))}84%{transform:rotateX(170deg) rotateZ(1deg)}100%{transform:rotateX(180deg) rotateZ(0)}}
.motion-swing-bottom .forge-card-renderer__back{transform:rotateX(-180deg)}.motion-swing-bottom.is-flipped .forge-card-renderer__rotor{transform:rotateX(-180deg)}.motion-swing-bottom.is-flip-forward .forge-card-renderer__rotor,.motion-swing-bottom.is-flip-backward .forge-card-renderer__rotor{transform-origin:center bottom;animation-name:forgeFlipSwingBottom}@keyframes forgeFlipSwingBottom{0%{transform:rotateX(0) rotateZ(0)}38%{transform:rotateX(-72deg) rotateZ(var(--flip-swing-angle-neg))}68%{transform:rotateX(-205deg) rotateZ(var(--flip-swing-return-pos))}84%{transform:rotateX(-170deg) rotateZ(-1deg)}100%{transform:rotateX(-180deg) rotateZ(0)}}
.motion-cube-left .forge-card-renderer__back{transform:rotateY(-180deg)}.motion-cube-left.is-flipped .forge-card-renderer__rotor{transform:rotateY(-180deg)}.motion-cube-left.is-flip-forward .forge-card-renderer__rotor,.motion-cube-left.is-flip-backward .forge-card-renderer__rotor{animation-name:forgeFlipCubeLeft}@keyframes forgeFlipCubeLeft{0%{transform:translateX(0) translateZ(0) rotateY(0)}50%{transform:translateX(var(--flip-shift-neg)) translateZ(var(--flip-depth)) rotateY(-90deg)}100%{transform:translateX(0) translateZ(0) rotateY(-180deg)}}
.motion-cube-up .forge-card-renderer__back{transform:rotateX(-180deg)}.motion-cube-up.is-flipped .forge-card-renderer__rotor{transform:rotateX(-180deg)}.motion-cube-up.is-flip-forward .forge-card-renderer__rotor,.motion-cube-up.is-flip-backward .forge-card-renderer__rotor{animation-name:forgeFlipCubeUp}@keyframes forgeFlipCubeUp{0%{transform:translateY(0) translateZ(0) rotateX(0)}50%{transform:translateY(var(--flip-shift-neg)) translateZ(var(--flip-depth)) rotateX(-90deg)}100%{transform:translateY(0) translateZ(0) rotateX(-180deg)}}
.motion-zoom-spin.is-flipped .forge-card-renderer__rotor{transform:rotateY(180deg) rotateZ(360deg)}.motion-zoom-spin.is-flip-forward .forge-card-renderer__rotor,.motion-zoom-spin.is-flip-backward .forge-card-renderer__rotor{animation-name:forgeFlipZoomSpin}@keyframes forgeFlipZoomSpin{0%{transform:scale(1) rotateY(0) rotateZ(0)}46%{transform:scale(var(--flip-spin-scale)) rotateY(82deg) rotateZ(170deg)}54%{transform:scale(var(--flip-spin-scale)) rotateY(98deg) rotateZ(190deg)}100%{transform:scale(1) rotateY(180deg) rotateZ(360deg)}}
.motion-slide-flip.is-flipped .forge-card-renderer__rotor{transform:rotateY(180deg)}.motion-slide-flip.is-flip-forward .forge-card-renderer__rotor,.motion-slide-flip.is-flip-backward .forge-card-renderer__rotor{animation-name:forgeFlipSlide}@keyframes forgeFlipSlide{0%{transform:translateX(0) rotateY(0)}42%{transform:translateX(var(--flip-shift)) rotateY(76deg)}58%{transform:translateX(var(--flip-shift-neg)) rotateY(104deg)}100%{transform:translateX(0) rotateY(180deg)}}
.motion-elastic-snap.is-flipped .forge-card-renderer__rotor{transform:rotateY(180deg)}.motion-elastic-snap.is-flip-forward .forge-card-renderer__rotor,.motion-elastic-snap.is-flip-backward .forge-card-renderer__rotor{animation-name:forgeFlipElastic}@keyframes forgeFlipElastic{0%{transform:rotateY(0) scale(1)}62%{transform:rotateY(var(--flip-over-angle)) scale(1.025)}78%{transform:rotateY(var(--flip-under-angle)) scale(.992)}90%{transform:rotateY(187deg) scale(1.006)}100%{transform:rotateY(180deg) scale(1)}}
.motion-toss-card.is-flipped .forge-card-renderer__rotor{transform:rotateY(180deg)}.motion-toss-card.is-flip-forward .forge-card-renderer__rotor,.motion-toss-card.is-flip-backward .forge-card-renderer__rotor{animation-name:forgeFlipToss}@keyframes forgeFlipToss{0%{transform:translateY(0) rotateY(0) rotateZ(0) scale(1)}35%{transform:translateY(var(--flip-lift-neg)) rotateY(58deg) rotateZ(var(--flip-toss-angle)) scale(1.04)}68%{transform:translateY(var(--flip-lift-quarter)) rotateY(146deg) rotateZ(var(--flip-toss-angle-neg)) scale(1.02)}86%{transform:translateY(8px) rotateY(188deg) rotateZ(2deg) scale(.99)}100%{transform:translateY(0) rotateY(180deg) rotateZ(0) scale(1)}}
.motion-portal-collapse.is-flipped .forge-card-renderer__rotor{transform:rotateY(180deg)}.motion-portal-collapse.is-flip-forward .forge-card-renderer__rotor,.motion-portal-collapse.is-flip-backward .forge-card-renderer__rotor{animation-name:forgeFlipPortal}@keyframes forgeFlipPortal{0%{transform:scale(1) rotateY(0)}44%{transform:scaleX(.08) scaleY(var(--flip-portal-scale)) rotateY(84deg)}56%{transform:scaleX(.08) scaleY(var(--flip-portal-scale)) rotateY(96deg)}100%{transform:scale(1) rotateY(180deg)}}
.motion-holo-orbit.is-flipped .forge-card-renderer__rotor{transform:rotateY(180deg)}.motion-holo-orbit.is-flip-forward .forge-card-renderer__rotor,.motion-holo-orbit.is-flip-backward .forge-card-renderer__rotor{animation-name:forgeFlipHoloOrbit}@keyframes forgeFlipHoloOrbit{0%{transform:translateZ(0) rotate3d(0,1,0,0) scale(1)}28%{transform:translateY(var(--flip-lift-soft)) translateZ(var(--flip-depth)) rotate3d(1,1,.25,82deg) scale(1.055)}62%{transform:translateY(var(--flip-lift-orbit)) translateZ(var(--flip-depth-half)) rotate3d(-.25,1,.38,242deg) scale(1.035)}82%{transform:translateY(6px) translateZ(0) rotateY(171deg) scale(.995)}100%{transform:translateY(0) translateZ(0) rotateY(180deg) scale(1)}}
.motion-holo-orbit .forge-card-renderer__rotor:after,.motion-zoom-spin .forge-card-renderer__rotor:after{content:"";position:absolute;inset:0;z-index:8;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 15%,rgba(255,43,184,.28),rgba(24,200,255,.3),rgba(255,224,88,.2),transparent 80%);mix-blend-mode:screen}.motion-holo-orbit.is-flip-forward .forge-card-renderer__rotor:after,.motion-holo-orbit.is-flip-backward .forge-card-renderer__rotor:after,.motion-zoom-spin.is-flip-forward .forge-card-renderer__rotor:after,.motion-zoom-spin.is-flip-backward .forge-card-renderer__rotor:after{animation:forgeFlipFoil var(--flip-duration) var(--flip-ease) var(--flip-delay) both}.is-flip-backward .forge-card-renderer__rotor:after{animation-direction:reverse}@keyframes forgeFlipFoil{0%,100%{opacity:0;transform:translateX(-45%)}45%,58%{opacity:.85;transform:translateX(25%)}}
.motion-book-left:not(.is-flip-forward):not(.is-flip-backward) .forge-card-renderer__rotor,.motion-book-right:not(.is-flip-forward):not(.is-flip-backward) .forge-card-renderer__rotor,.motion-swing-top:not(.is-flip-forward):not(.is-flip-backward) .forge-card-renderer__rotor,.motion-swing-bottom:not(.is-flip-forward):not(.is-flip-backward) .forge-card-renderer__rotor{transform-origin:center center}
@media(prefers-reduced-motion:reduce){.forge-card-renderer__rotor,.forge-card-renderer__rotor:after{animation:none!important;transition:none!important}}