.role-card.svelte-wu7xud{perspective:1000px;width:calc(33.333% - .75rem)}@media (min-width: 1024px){.role-card.svelte-wu7xud{width:calc(20% - .8rem)}}.tooltip.svelte-wu7xud{position:absolute;left:50%;top:100%;transform:translate(-50%) translateY(8px);width:max-content;max-width:280px;padding:12px 16px;background:linear-gradient(135deg,#141414e6,#0a0a0ae6);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.tooltip.svelte-wu7xud p:where(.svelte-wu7xud){font-size:13px;line-height:1.5;color:#ffffffd9;text-align:left;margin:0}.tooltip-arrow.svelte-wu7xud{position:absolute;top:-7.5px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--color-black-primary);border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1)}.role-card.svelte-wu7xud:hover .tooltip:where(.svelte-wu7xud){opacity:1;visibility:visible;transform:translate(-50%) translateY(12px)}