.related-card.svelte-bsbylo{background:color-mix(in oklab,var(--card),transparent 15%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in oklab,var(--foreground),transparent 92%);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground),transparent 96%),inset 0 1px color-mix(in oklab,var(--background),transparent 40%)}.related-card.svelte-bsbylo:hover{border-color:color-mix(in oklab,var(--primary),transparent 55%);box-shadow:0 8px 32px color-mix(in oklab,var(--primary),transparent 92%),inset 0 1px color-mix(in oklab,var(--background),transparent 30%)}.related-title.svelte-bsbylo{color:var(--foreground);position:relative;padding-left:0;transition:padding-left .25s ease}.related-title.svelte-bsbylo:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary);border-radius:2px;opacity:0;transition:opacity .25s ease,left .25s ease}.related-card.svelte-bsbylo:hover .related-title:where(.svelte-bsbylo):before{opacity:1;left:-10px}.featured-badge.svelte-bsbylo{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:var(--primary);color:var(--primary-foreground)}.cta-link.svelte-bsbylo{position:relative}.cta-text.svelte-bsbylo{position:relative;display:inline-block;padding:.1em .2em;margin:-.1em -.2em}.cta-text.svelte-bsbylo:before{content:"";position:absolute;left:0;right:0;bottom:.15em;height:.5em;background:var(--primary);opacity:0;z-index:-1;border-radius:1px;transform:scaleX(0) rotate(-.5deg);transform-origin:left center;transition:transform .25s ease,opacity .25s ease}.cta-link.svelte-bsbylo:hover .cta-text:where(.svelte-bsbylo):before,.related-card.svelte-bsbylo:hover .cta-text:where(.svelte-bsbylo):before,.view-all-link.svelte-bsbylo:hover .cta-text:where(.svelte-bsbylo):before{opacity:.85;transform:scaleX(1) rotate(-.5deg)}.cta-arrow.svelte-bsbylo{color:color-mix(in oklab,var(--primary),var(--foreground) 25%)}.view-all-link.svelte-bsbylo:hover .cta-arrow:where(.svelte-bsbylo){transform:translate(4px)}
