.flip-card{--fc-w:100%;--fc-h:420px;--fc-radius:18px;--fc-bg:#141414;--fc-ink:#f5f5f5;--fc-shadow:#000;--fc-shadow-o:.45;--fc-glare:.08;width:var(--fc-w,100%);max-width:100%;height:var(--fc-h,420px);border-radius:var(--fc-radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;outline:none;display:block;position:relative}.flip-card[data-axis=x]{touch-action:pan-x}.flip-card[data-draggable]{cursor:grab}.flip-card[data-dragging]{cursor:grabbing}.flip-card[data-disabled]{cursor:default;opacity:.6}.flip-card__shadow{border-radius:var(--fc-radius);pointer-events:none;background:0 0;transition:box-shadow .2s;position:absolute;inset:0;box-shadow:5px 6px #000}.flip-card:hover .flip-card__shadow{box-shadow:8px 9px #000}.flip-card__rotor{transform-style:preserve-3d;position:absolute;inset:0}.flip-card__face{border-radius:var(--fc-radius);background:var(--fc-bg);color:var(--fc-ink);backface-visibility:hidden;border:2px solid #262626;transition:border-color .25s;position:absolute;inset:0;overflow:hidden}.flip-card:hover .flip-card__face{border-color:#ffbe0d66}.flip-card__face img{-webkit-user-drag:none}.flip-card__face--back{transform:rotateY(180deg)}.flip-card[data-axis=x] .flip-card__face--back{transform:rotateX(180deg)}.flip-card__glare{background:radial-gradient(circle farthest-side at var(--fc-gx,50%)var(--fc-gy,50%),rgba(255,255,255,var(--fc-glare))0%,rgba(255,255,255,calc(var(--fc-glare)*.76))12%,rgba(255,255,255,calc(var(--fc-glare)*.5))26%,rgba(255,255,255,calc(var(--fc-glare)*.28))42%,rgba(255,255,255,calc(var(--fc-glare)*.12))60%,rgba(255,255,255,calc(var(--fc-glare)*.04))78%,#fff0 100%);opacity:var(--fc-sheen,0);pointer-events:none;position:absolute;inset:0}.flip-card[data-fade] .flip-card__face{opacity:0;backface-visibility:visible;transition:opacity .2s;transform:none}.flip-card[data-fade=front] .flip-card__face--front,.flip-card[data-fade=back] .flip-card__face--back{opacity:1}