.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}}

.forge-card-renderer{transform-style:preserve-3d;transform:rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg)) translateY(calc(-1 * var(--card-hover-lift-px,0px)));transform-origin:center center;transition:transform var(--card-hover-smoothing-ms,180ms) cubic-bezier(.18,.7,.12,1),filter var(--card-hover-smoothing-ms,180ms) ease-out}.forge-card-renderer:before{content:"";position:absolute;inset:0;z-index:4;border-radius:5%;background:radial-gradient(ellipse at var(--card-light-x,50%) var(--card-light-y,35%),rgb(214 244 255 / var(--card-hover-glare-opacity,.28)),transparent 64%);mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity var(--card-hover-smoothing-ms,180ms) ease-out}.forge-card-renderer[data-tracking]:before{opacity:1}.forge-card-renderer[data-tracking]:after{transform:scale(1.08);filter:blur(calc(12px + var(--card-hover-lift-px,0px) * .25))}
@media(prefers-reduced-motion:reduce){.forge-card-renderer{animation:none!important;transition:none!important;transform:none!important;filter:none!important}.forge-card-renderer:before{display:none!important}.forge-card-renderer__rotor,.forge-card-renderer__rotor:after{animation:none!important;transition:none!important;filter:none!important}}
.forge-card-renderer[data-tracking]:before{background:radial-gradient(ellipse at var(--card-light-x,50%) var(--card-light-y,35%),rgb(var(--card-hover-rgb,214 244 255) / var(--card-hover-glare-opacity,.28)),transparent 64%),linear-gradient(116deg,transparent 25%,rgb(var(--card-hover-rgb,214 244 255) / .08) 42%,rgb(var(--card-hover-rgb,214 244 255) / var(--card-hover-reflection-color-alpha,var(--card-hover-reflection,0))) 51%,rgb(255 255 255 / var(--card-hover-reflection-specular-alpha,0)) 53%,transparent 70%)}
.forge-card-hover-finish{position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:5%;opacity:0;pointer-events:none;transition:opacity var(--card-hover-smoothing-ms,180ms) ease-out}
.forge-card-renderer[data-tracking] .forge-card-hover-finish{opacity:1}
.forge-card-hover-finish__texture,.forge-card-hover-finish__creative{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.forge-card-hover-finish__texture{opacity:var(--card-hover-texture-opacity,0);mix-blend-mode:soft-light}
.forge-card-renderer[data-hover-texture="micro-grid"] .forge-card-hover-finish__texture{background-image:linear-gradient(rgb(var(--card-hover-rgb,214 244 255) / .34) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--card-hover-rgb,214 244 255) / .34) 1px,transparent 1px);background-size:18px 18px}
.forge-card-renderer[data-hover-texture="holo-lines"] .forge-card-hover-finish__texture{background-image:repeating-linear-gradient(118deg,transparent 0 7px,rgb(var(--card-hover-rgb,214 244 255) / .44) 8px,transparent 9px 15px)}
.forge-card-renderer[data-hover-texture="carbon-weave"] .forge-card-hover-finish__texture{background-image:repeating-linear-gradient(45deg,rgb(var(--card-hover-rgb,214 244 255) / .34) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgb(var(--card-hover-rgb,214 244 255) / .2) 0 1px,transparent 1px 5px);background-size:9px 9px}
.forge-card-renderer[data-hover-texture="circuit"] .forge-card-hover-finish__texture{background-image:radial-gradient(circle,rgb(var(--card-hover-rgb,214 244 255) / .6) 1px,transparent 2px),repeating-linear-gradient(0deg,transparent 0 15px,rgb(var(--card-hover-rgb,214 244 255) / .3) 16px,transparent 17px 31px),repeating-linear-gradient(90deg,transparent 0 15px,rgb(var(--card-hover-rgb,214 244 255) / .3) 16px,transparent 17px 31px);background-size:24px 24px,32px 32px,32px 32px}
.forge-card-hover-finish__creative{opacity:0;mix-blend-mode:screen}
.forge-card-renderer[data-tracking][data-hover-fx="prism-sweep"] .forge-card-hover-finish__creative{opacity:var(--card-hover-fx-intensity,0);background:linear-gradient(115deg,transparent 20%,rgb(90 235 255 / .2),rgb(255 255 255 / .72),rgb(255 76 212 / .48),transparent 80%);background-size:220% 100%;animation:forgeCardHoverPrism 2.4s linear infinite}
.forge-card-renderer[data-tracking][data-hover-fx="spectral-pulse"] .forge-card-hover-finish__creative{opacity:var(--card-hover-fx-intensity,0);background:radial-gradient(ellipse at 50% 55%,rgb(var(--card-hover-rgb,214 244 255) / .68),transparent 72%);animation:forgeCardHoverPulse 1.8s ease-in-out infinite alternate}
.forge-card-renderer[data-tracking][data-hover-fx="energy-scan"] .forge-card-hover-finish__creative{opacity:var(--card-hover-fx-intensity,0);background:repeating-linear-gradient(0deg,transparent 0 5px,rgb(var(--card-hover-rgb,214 244 255) / .52) 6px,transparent 7px 11px);animation:forgeCardHoverScan 1.2s linear infinite}
@keyframes forgeCardHoverPrism{from{background-position:120% 50%}to{background-position:-120% 50%}}@keyframes forgeCardHoverPulse{from{transform:scale(.92);filter:saturate(.8)}to{transform:scale(1.08);filter:saturate(1.4)}}@keyframes forgeCardHoverScan{from{background-position:0 -40px}to{background-position:0 40px}}
@media(prefers-reduced-motion:reduce){.forge-card-renderer:before,.forge-card-hover-finish{display:none!important}}
