.flipc{cursor:pointer;perspective:800px;font:inherit;color:inherit;background:0 0;border:0;border-radius:999px;padding:0;display:inline-flex;position:relative}.flipc.on{z-index:5}.flipc-card{transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,1.25,.45,1);display:inline-flex;position:relative}.flipc.on .flipc-card{transform:rotateY(540deg)}.flipc-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flipc-back{width:176px;min-height:132px;margin:-66px 0 0 calc(-88px + var(--dx,0px));-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;text-align:center;color:var(--ink-deep);background:linear-gradient(160deg,#fff,#eef3fb 70%,#f6e8f2);border-radius:24px;align-content:center;place-items:center;gap:8px;padding:14px 12px;display:grid;position:absolute;top:50%;left:50%;transform:rotateY(180deg);box-shadow:inset 0 2px rgba(255,255,255,.95),inset 0 -6px 12px rgba(93,147,214,.18),0 26px 40px -18px rgba(62,111,180,.55),0 10px 24px -16px rgba(232,124,165,.6)}.flipc-back.c{color:#fff;background:linear-gradient(160deg,#ffb3cf,#e87ca5);box-shadow:inset 0 2px rgba(255,255,255,.55),inset 0 -6px 12px rgba(150,40,90,.3),0 26px 40px -18px rgba(201,85,127,.75)}.flipc.on .flipc-back{pointer-events:auto}.flipc-nm{font:700 15px var(--font-ui)}.flipc-ln{font:600 12px var(--font-sans);opacity:.9}@media (prefers-reduced-motion:reduce){.flipc-card{transition:none}}.flipc{transform:perspective(600px)rotateX(var(--rx,0deg))rotateY(var(--ry,0deg))translateY(var(--lift,0px));transition:transform .45s var(--spring,cubic-bezier(.3,1.4,.5,1))}.flipc:hover{--lift:-3px}.flipc:active{--lift:1px;transition-duration:.12s}.flipc-front{transform-style:preserve-3d;background:linear-gradient(#fff 0%,#f4f6fc 55%,#e6ecf8 100%);transition:box-shadow .35s,filter .35s;position:relative;overflow:visible;box-shadow:inset 0 1.5px #fff,inset 0 -3px 6px rgba(93,147,214,.2),0 1px 1px rgba(29,36,56,.06),0 10px 18px -10px rgba(62,111,180,.55),0 22px 30px -22px rgba(185,168,240,.55)}.flipc-front:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(120px 40px at var(--gx,50%)0%,rgba(255,255,255,.95),rgba(255,255,255,0) 70%);mix-blend-mode:screen;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.flipc:hover .flipc-front{box-shadow:inset 0 1.5px #fff,inset 0 -3px 6px rgba(93,147,214,.22),0 2px 2px rgba(29,36,56,.06),0 16px 26px -12px rgba(62,111,180,.6),0 30px 40px -26px rgba(232,124,165,.5)}.flipc:hover .flipc-front:after{opacity:1}.flipc:active .flipc-front{filter:brightness(.98);box-shadow:inset 0 2px 5px rgba(62,111,180,.28),inset 0 -1px #fff,0 4px 8px -6px rgba(62,111,180,.5)}.flipc-front>span:first-child{transition:transform .45s var(--spring,cubic-bezier(.3,1.4,.5,1));filter:drop-shadow(0 3px 4px rgba(29,36,56,.18));transform:translateZ(10px)}.flipc:hover .flipc-front>span:first-child{transform:translateZ(16px)scale(1.06)rotate(-4deg)}.flipc:focus-visible{outline-offset:3px;outline:2px solid #b9a8f0}@media (prefers-reduced-motion:reduce){.flipc,.flipc-front>span:first-child{transition:none;transform:none}}