.ca{--ca-rx:0deg;--ca-ry:0deg;--ca-gx:50%;--ca-gy:28%;--ca-hx:50%;--ca-hy:50%;--ca-i:0;--ca-radius:4.6% / 3.3%;aspect-ratio:5/7;isolation:isolate;perspective:900px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative}.ca.ca-tilt{touch-action:pan-y}.ca-glow{z-index:-1;pointer-events:none;opacity:.42;background:radial-gradient(closest-side, color-mix(in srgb, var(--volt) 55%, transparent), transparent);filter:blur(22px)saturate(1.5);transition:opacity .4s var(--ease-gg);border-radius:10%;position:absolute;inset:8% 6% -2%;transform:translateY(4%)scale(.96)}.ca-glow img{object-fit:cover;border-radius:inherit;width:100%;height:100%}:root.dark .ca-glow{opacity:.72}.ca[data-finish=holo] .ca-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--violet) 60%, transparent), transparent)}.ca[data-finish=reverse] .ca-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--cyan) 50%, transparent), transparent)}.ca[data-active=true] .ca-glow{opacity:.55}:root.dark .ca[data-active=true] .ca-glow{opacity:.9}.ca-card{border-radius:var(--ca-radius);background:var(--bg-2);transform:rotateX(var(--ca-rx)) rotateY(var(--ca-ry));transform-style:preserve-3d;transition:transform .5s var(--ease-gg), box-shadow .4s var(--ease-gg);position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 1px #0b0b0b14,0 14px 28px -12px #0b0b0b6b}:root.dark .ca-card{box-shadow:0 0 0 1px #ffffff0f,0 18px 36px -12px #000c}.ca[data-active=true] .ca-card{transition:transform .12s linear, box-shadow .4s var(--ease-gg);box-shadow:0 1px 1px #0b0b0b14,0 24px 44px -14px #0b0b0b80}.ca-img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.ca-empty{text-align:center;color:var(--fg-3);font-family:var(--font-mono);border:1px dashed var(--line-2);border-radius:inherit;background:repeating-linear-gradient(135deg, var(--line) 0 6px, transparent 6px 12px), var(--panel-2);place-content:center;justify-items:center;gap:6px;padding:8%;font-size:10px;line-height:1.3;display:grid;position:absolute;inset:0}.ca-empty svg{width:40%;max-width:28px;height:auto}.ca-holo{pointer-events:none;mix-blend-mode:color-dodge;opacity:calc(.3 + var(--ca-i) * .5);background-image:repeating-linear-gradient(115deg, #ff2e6b8c 0%, #fedf0180 7%, #9cff6e73 14%, #3ee6ff8c 21%, #a78bfa8c 28%, #ff2e6b8c 35%), radial-gradient(circle at var(--ca-gx) var(--ca-gy), #ffffff59, transparent 55%);background-size:260% 260%,100% 100%;background-position:var(--ca-hx) var(--ca-hy), center;filter:saturate(1.15);transition:opacity .3s;position:absolute;inset:0}.ca[data-finish=reverse] .ca-holo{opacity:calc(.28 + var(--ca-i) * .45);background-image:radial-gradient(#ffffff80 .6px,#0000 1.2px),repeating-linear-gradient(115deg,#3ee6ff80 0%,#a78bfa80 9%,#fedf0173 18%,#3ee6ff80 27%);background-size:5px 5px,240% 240%;background-position:0 0, var(--ca-hx) var(--ca-hy);-webkit-mask-image:linear-gradient(#000 0 10.5%,#0000 10.5% 53%,#000 53% 100%);mask-image:linear-gradient(#000 0 10.5%,#0000 10.5% 53%,#000 53% 100%)}.ca-sweep{pointer-events:none;opacity:0;mix-blend-mode:color-dodge;animation:ca-sweep 1.4s var(--ease-gg) .25s forwards;background:linear-gradient(115deg,#0000 36%,#ff2e6b80 43%,#fedf01b3 48%,#3ee6ff99 53%,#a78bfa80 58%,#0000 65%);position:absolute;inset:-30%}@keyframes ca-sweep{0%{opacity:1;transform:translate(-55%)}to{opacity:0;transform:translate(55%)}}.ca-glare{pointer-events:none;mix-blend-mode:overlay;opacity:.35;background:radial-gradient(farthest-corner circle at var(--ca-gx) var(--ca-gy), #ffffffbf 0%, #ffffff1f 32%, #00000047 95%);transition:opacity .35s;position:absolute;inset:0}.ca[data-active=true] .ca-glare{opacity:.9}.ca-edge{pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff47}.ca[data-motion=reduced] .ca-card{transition:none;transform:none}.ca[data-motion=reduced] .ca-glow,.ca[data-motion=reduced] .ca-glare,.ca[data-motion=reduced] .ca-holo{transition:none}@media (prefers-reduced-motion:reduce){.ca-card{transition:none!important;transform:none!important}.ca-sweep{display:none}}