.trait-badge.svelte-1brft6u{position:absolute;z-index:calc(10 - var(--trait-index));padding:14px;border-radius:4px;color:var(--c-white);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003;transition:all .6s cubic-bezier(.4,0,.2,1);opacity:1;transform:scale(1) translateY(0)}.trait-badge.animate.svelte-1brft6u:not(.in-view){opacity:0;transform:scale(.8) translateY(20px)}.trait-badge.animate.in-view.svelte-1brft6u{opacity:1;transform:scale(1) translateY(0);transition-delay:calc(var(--trait-index) * .15s)}.trait-badge.bg-lime.svelte-1brft6u{color:var(--c-white);background-color:var(--c-secondary)}.trait-badge.bg-gray.svelte-1brft6u{color:var(--c-text-primary);background-color:var(--c-gray)}.trait-badge.bg-green.svelte-1brft6u{color:var(--c-text-primary);background-color:var(--c-primary)}.trait-badge.bg-blue.svelte-1brft6u{color:var(--c-text-primary);background-color:#4a90e2}.trait-badge.bg-red.svelte-1brft6u{color:var(--c-text-primary)!important;background-color:#e74c3c!important}.trait-badge.bg-yellow.svelte-1brft6u{color:var(--c-primary);background-color:#f1c40f}@media only screen and (max-width: 900px){.trait-badge.svelte-1brft6u{padding:10px;font-size:9px}}