.holo-card{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;--rotate-x:0deg;--rotate-y:0deg;--card-thickness:0px;position:relative;width:100%;perspective:1000px;border-radius:var(--radius-bento)}.holo-card-ground-shadow{position:absolute;left:4%;right:4%;bottom:-18px;height:36px;pointer-events:none;background:radial-gradient(50% 100% at 50% 0,rgba(0,0,0,.22),transparent 78%)}.holo-card__rotator{position:relative;width:100%;height:100%;border-radius:inherit;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.holo-card.is-interacting .holo-card__rotator{transition:transform .05s ease-out;will-change:transform}.holo-card__flipper{position:relative;width:100%;height:100%;border-radius:inherit;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.22,1,.36,1)}.holo-card.is-interacting .holo-card__flipper{will-change:transform}.holo-card__flipper.is-flipped{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.holo-card__flipper,.holo-card__rotator{transition:none}}@media (pointer:coarse){.holo-card__rotator{transform:none}}.holo-card__face{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate}.holo-card__face--front{transform:translateZ(calc(var(--card-thickness) / 2))}.holo-card__face--back{transform:rotateY(180deg) translateZ(calc(var(--card-thickness) / 2))}.holo-card img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.holo-card-aura,.holo-card-aura__sparkle{--aura-intensity:0.55;--sparkle-intensity:0.35}.holo-card-aura{top:50%;left:50%;width:220%;height:0;padding-bottom:220%;margin-left:-110%;margin-top:-110%;border-radius:50%;background:conic-gradient(from 0deg,color-mix(in oklab,var(--aura-color,#dc2626) 60%,white) 0deg,var(--aura-color,#dc2626) 70deg,color-mix(in oklab,var(--aura-color,#dc2626) 55%,black) 130deg,var(--aura-color,#dc2626) 180deg,color-mix(in oklab,var(--aura-color,#dc2626) 60%,white) 230deg,var(--aura-color,#dc2626) 290deg,color-mix(in oklab,var(--aura-color,#dc2626) 55%,black) 340deg,color-mix(in oklab,var(--aura-color,#dc2626) 60%,white) 1turn);-webkit-mask:radial-gradient(circle,transparent 30%,black 42%,black 54%,transparent 64%);mask:radial-gradient(circle,transparent 30%,black 42%,black 54%,transparent 64%);filter:blur(14px) saturate(1.5) brightness(1.3);opacity:var(--aura-intensity);transform:perspective(900px) rotateX(75deg) rotate(0deg);transform-origin:center center;animation:holo-card-aura-orbit 12s linear infinite,holo-card-aura-flicker 1.4s ease-in-out infinite alternate}@keyframes holo-card-aura-orbit{0%{transform:perspective(900px) rotateX(75deg) rotate(0deg)}to{transform:perspective(900px) rotateX(75deg) rotate(1turn)}}@keyframes holo-card-aura-flicker{0%{opacity:calc(var(--aura-intensity) * .7)}to{opacity:calc(var(--aura-intensity) * 1.2)}}.holo-card-aura__sparkle{background-image:radial-gradient(circle at 12% 18%,white 0 .8px,transparent 1.2px),radial-gradient(circle at 78% 24%,white 0 .6px,transparent 1px),radial-gradient(circle at 32% 62%,white 0 .7px,transparent 1.1px),radial-gradient(circle at 88% 80%,white 0 .9px,transparent 1.3px),radial-gradient(circle at 54% 38%,white 0 .5px,transparent .9px),radial-gradient(circle at 20% 92%,white 0 .7px,transparent 1px),radial-gradient(circle at 68% 8%,white 0 .6px,transparent 1px);filter:drop-shadow(0 0 2px hsl(0 0% 100%/.9));opacity:var(--sparkle-intensity);animation:holo-card-sparkle-twinkle 4s ease-in-out infinite alternate}@keyframes holo-card-sparkle-twinkle{0%{opacity:calc(var(--sparkle-intensity) * .45)}to{opacity:var(--sparkle-intensity)}}@media (prefers-reduced-motion:reduce){.holo-card-aura,.holo-card-aura__sparkle{animation:none}}.holo-card-noise{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 1 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.18;mix-blend-mode:multiply;z-index:5}html.dark .holo-card-noise{mix-blend-mode:overlay;opacity:.22}