.cfn{position:relative}.cfn-hand{position:absolute;bottom:36px;left:50%}.cfn-card{transform-origin:50% 260%;cursor:pointer;background:0 0;border:0;padding:0;transition:transform .6s cubic-bezier(.22,1,.36,1),translate .22s;position:absolute;inset:0}.cfn-card:not([data-up]):hover{translate:0 -8px}.cfn-card:focus-visible{outline:none}.cfn-card:focus-visible .cfn-pic{box-shadow:0 0 0 2px var(--signal,#2231dd)}.cfn-pic{border-radius:var(--cfn-r);width:100%;height:100%;transition:scale .6s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden}.cfn-card[data-up] .cfn-pic{scale:1.5}.cfn-pic img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.cfn-card,.cfn-pic{transition:none}}.cfn-pic{perspective:900px;overflow:visible}.cfn-turn{width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.22,1,.36,1) .12s;display:block;position:relative}.cfn-card[data-up] .cfn-turn{transform:rotateY(180deg)}.cfn-face{border-radius:var(--cfn-r);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.cfn-front{transform:rotateY(180deg)}.cfn[data-picked] .cfn-card:not([data-up]){opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),translate .42s,opacity .36s;translate:0 40px}.cfn-card:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.cfn-turn{transition:none}}