@keyframes motif-card-lift{0%{opacity:0;transform:translateY(12px)}}@keyframes motif-card-fade{0%{opacity:0}}.motif-card{transition:border-color .15s}.motif-card[data-appear=pending]{opacity:0}.motif-card[data-appear=in]{animation:motif-card-lift .4s cubic-bezier(.23, 1, .32, 1) calc(var(--appear-i,0) * 60ms) backwards}.motif-card-grain{transition:opacity .3s ease-out}.motif-card[data-lit] .motif-card-grain{transition-duration:.15s}.motif-card-ring{display:none}@media (hover:hover) and (pointer:fine){.motif-card-grain{-webkit-mask-image:radial-gradient(circle 260px at var(--x,50%) var(--y,50%), #000 0%, transparent 100%);mask-image:radial-gradient(circle 260px at var(--x,50%) var(--y,50%), #000 0%, transparent 100%)}.motif-card-ring{z-index:1;border-radius:calc(var(--radius-3xl) - 1px);background:radial-gradient(circle 160px at var(--x,50%) var(--y,50%), var(--brand), transparent 100%);opacity:0;pointer-events:none;padding:1px;transition:opacity .3s ease-out;display:block;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.motif-card[data-lit] .motif-card-ring{opacity:1;transition-duration:.15s}}@media (prefers-reduced-motion:reduce){.motif-card[data-appear=in]{animation:.2s ease-out backwards motif-card-fade}.motif-card-grain{-webkit-mask-image:none;mask-image:none}.motif-card-ring{display:none}}