.HoverCardContent{border-radius:6px;padding:15px;width:160px;background-color:#fff;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.HoverCardContent[data-side=top]{animation-name:slideDownAndFade}.HoverCardContent[data-side=right]{animation-name:slideLeftAndFade}.HoverCardContent[data-side=bottom]{animation-name:slideUpAndFade}.HoverCardContent[data-side=left]{animation-name:slideRightAndFade}.HoverCardArrow{fill:#fff}.ImageTrigger{cursor:pointer;border-radius:100%;display:inline-block}.ImageTrigger:focus{box-shadow:0 0 0 2px #fff}.Text{margin:0;color:var(--mauve-12);font-size:15px;line-height:1.5}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}