@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.app-profile-friend-card[data-v-f2e462cc]{padding:calc(var(--spacing) * 3);border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-border) l c h) var(--un-border-opacity), transparent);border-radius:var(--radius-2xl);background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) 20%, transparent);gap:calc(var(--spacing) * 3);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));align-items:center;display:flex}.app-profile-friend-card[data-v-f2e462cc]:hover{border-color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 20%, transparent);background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) 40%, transparent)}