.proximity-card-field{position:absolute;inset:0;width:min(100%,100vw);z-index:10;pointer-events:none}.proximity-card{--proximity:0;position:absolute;width:-moz-max-content;width:max-content;max-width:250px;padding:12px 16px;border:1px solid rgb(255 255 255/14%);border-radius:16px;background:rgb(13 16 20/82%);color:#fff;box-shadow:0 12px 36px rgb(0 0 0/12%),inset 0 1px 0 rgb(255 255 255/5%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:var(--proximity);transform:translate3d(0,calc((1 - var(--proximity)) * 10px),0) scale(calc(.975 + var(--proximity) * .025));transition:opacity .48s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}.proximity-card--pill{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px}.proximity-card--icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;padding:0}@media (any-hover:none),(max-width:639px){.proximity-card-field{inset:28% auto auto 20px;display:grid;width:min(calc(100vw - 40px),680px);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.proximity-card{position:relative;left:auto!important;top:auto!important;width:auto;max-width:none;min-width:0;padding:10px 12px;opacity:0;transform:translate3d(0,10px,0) scale(.975)}.proximity-card[data-revealed=true]{opacity:1;transform:none}.proximity-card--pill{padding:7px 10px}.proximity-card--icon{width:48px;height:48px;grid-column:1/-1;justify-self:center;padding:0}}@media (max-width:639px){.proximity-card-field--centered{left:50%;transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.proximity-card{opacity:1;transform:none;transition:none}}