.kudos-card.svelte-5t91yd{border:1px solid color-mix(in oklab, var(--border) 80%, transparent);background:0 0;border-radius:.75rem;align-items:flex-start;gap:.625rem;max-width:36rem;margin-top:1rem;padding:.625rem .875rem;display:inline-flex}.kudos-card__icon.svelte-5t91yd{color:#c026d3;background:oklab(66.6764% .204559 -.158959/.12);border-radius:9999px;flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;display:grid}.kudos-card__icon.svelte-5t91yd svg:where(.svelte-5t91yd){width:1rem;height:1rem}.kudos-card__body.svelte-5t91yd{flex-direction:column;gap:.125rem;display:flex}.kudos-card__text.svelte-5t91yd{color:var(--muted-foreground);margin-top:.25rem;font-size:.8125rem;line-height:1.45}.kudos-card__name.svelte-5t91yd{color:var(--foreground);text-underline-offset:2px;font-weight:600;-webkit-text-decoration:underline #d946ef;text-decoration:underline #d946ef;transition:color .2s}.kudos-card__name.svelte-5t91yd:hover{color:#c026d3}.draft-card.svelte-5t91yd{border:1px solid color-mix(in oklab, var(--border) 80%, transparent);background:var(--card);border-radius:1rem;flex-shrink:0;align-items:center;gap:.875rem;padding:.875rem 1.125rem;transition:border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.draft-card.svelte-5t91yd:hover{border-color:oklab(68.064% .0348215 .137956/.6)}.draft-card__visual.svelte-5t91yd{flex-shrink:0;width:3.25rem;height:2.25rem;position:relative}.draft-card__card.svelte-5t91yd{opacity:.7;transition:opacity .3s,transform .3s}.draft-card__card--left.svelte-5t91yd,.draft-card__card--right.svelte-5t91yd{transform:translate(0)}.draft-card.svelte-5t91yd:hover .draft-card__card--left:where(.svelte-5t91yd){opacity:1;transform:translate(-3px)rotate(-4deg)}.draft-card.svelte-5t91yd:hover .draft-card__card--right:where(.svelte-5t91yd){opacity:1;transform:translate(3px)rotate(4deg)}.draft-card__line.svelte-5t91yd{stroke-dasharray:100;stroke-dashoffset:100px;animation:1.1s cubic-bezier(.65,0,.35,1) .15s forwards svelte-5t91yd-draw-line}.draft-card.svelte-5t91yd:hover .draft-card__line:where(.svelte-5t91yd){animation:.9s cubic-bezier(.65,0,.35,1) svelte-5t91yd-redraw-line}.draft-card__vs-bg.svelte-5t91yd{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .3s,transform .3s;transform:scale(.6)}.draft-card.svelte-5t91yd:hover .draft-card__vs-bg:where(.svelte-5t91yd),.draft-card.svelte-5t91yd:hover .draft-card__vs-text:where(.svelte-5t91yd){opacity:1}.draft-card.svelte-5t91yd:hover .draft-card__vs-bg:where(.svelte-5t91yd){transform:scale(1)}.draft-card__vs-text.svelte-5t91yd{opacity:0;transition:opacity .3s .1s}.draft-card__text.svelte-5t91yd{flex-direction:column;line-height:1.2;display:flex}.draft-card__title.svelte-5t91yd{color:var(--foreground);font-size:.95rem;font-weight:700}.draft-card__hint.svelte-5t91yd{color:var(--muted-foreground);font-size:.75rem}.draft-card__arrow.svelte-5t91yd{width:1.1rem;height:1.1rem;color:var(--muted-foreground);transition:transform .3s,color .3s}.draft-card.svelte-5t91yd:hover .draft-card__arrow:where(.svelte-5t91yd){color:#ca8a04;transform:translate(3px,-3px)}@keyframes svelte-5t91yd-draw-line{to{stroke-dashoffset:0}}@keyframes svelte-5t91yd-redraw-line{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.draft-card.svelte-5t91yd,.draft-card__card.svelte-5t91yd,.draft-card__line.svelte-5t91yd,.draft-card__vs-bg.svelte-5t91yd,.draft-card__vs-text.svelte-5t91yd,.draft-card__arrow.svelte-5t91yd{transition:none;animation:none}.draft-card__line.svelte-5t91yd{stroke-dashoffset:0}.draft-card__vs-bg.svelte-5t91yd,.draft-card__vs-text.svelte-5t91yd{opacity:1}}