.pro-card-wrap{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--rotate-x:0deg;--rotate-y:0deg;--sheen-x:50%;--sheen-y:50%;--lit:0;--accent:18, 168, 112;--accent-line:#12a87073;perspective:900px;width:100%;max-width:26rem;height:100%;position:relative;transform:translateZ(.1px)}.pro-card-glow{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(var(--accent), .5) 0%, rgba(var(--accent), 0) 62%);filter:blur(54px);opacity:calc(.35 + .5 * var(--lit));border-radius:50%;transition:opacity .26s;position:absolute;inset:-14%}.pro-card{z-index:1;isolation:isolate;border:1px solid var(--color-line);background:linear-gradient(150deg, rgba(var(--accent), .1) 0%, rgba(var(--accent), .045) 55%, transparent 100%), var(--color-surface);transform:rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transform-style:preserve-3d;border-radius:26px;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),border-color .26s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 30px 70px -30px #000000e6}.pro-card-wrap.is-lit .pro-card{border-color:var(--accent-line);transition:border-color .26s}.pro-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(115deg, transparent 30%, rgba(var(--accent), .18) 42%, rgba(var(--accent), .34) 50%, #ffffff29 55%, transparent 70%);background-size:260% 260%;background-position:var(--sheen-x) var(--sheen-y);opacity:calc(.35 + .65 * var(--lit));mix-blend-mode:screen;transition:opacity .26s;position:absolute;inset:0}.pro-card:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(36rem circle at var(--pointer-x) var(--pointer-y), #ffffff17 0%, transparent 45%);opacity:var(--lit);transition:opacity .26s;position:absolute;inset:0}.pro-card-body{z-index:3;flex-direction:column;height:100%;padding:1.75rem;display:flex;position:relative;transform:translateZ(28px)}@media (min-width:640px){.pro-card-body{padding:2rem}}@media (prefers-reduced-motion:reduce){.pro-card,.pro-card-body{transform:none!important}.pro-card:before{background-position:50%!important}}.pro-card-wrap.is-muted{--accent:103, 112, 107;--accent-line:#67706b66}.pro-card-wrap.is-muted .pro-card-glow{opacity:calc(.12 + .2 * var(--lit))}
