.klyp-DraftPickStar{--sm-pick-bg:transparent;--sm-pick-pad:var(--space-8);--sm-pick-lead:var(--space-12);--sm-pick-gap:var(--sm-pick-pad);block-size:var(--control-size-sm);padding-inline:var(--sm-pick-pad);border-radius:var(--radius-full);background:var(--sm-pick-bg);cursor:pointer;transition:grid-template-columns var(--duration-fast) var(--easing-standard), gap var(--duration-fast) var(--easing-standard), padding-inline-start var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard);border:0;flex:none;grid-template-columns:0fr auto;align-items:center;gap:0;display:inline-grid}.klyp-DraftPickStar:hover:not([data-final]){--sm-pick-bg:var(--color-bg-surface-solid)}.klyp-DraftPickStar[data-final]{--sm-pick-bg:var(--color-overlay-gold-10);gap:var(--sm-pick-gap);grid-template-columns:1fr auto;padding-inline-start:var(--sm-pick-lead)}.klyp-DraftPickStar[data-final]:hover{--sm-pick-bg:var(--color-overlay-gold-12)}.klyp-DraftPickStar:focus-visible{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--space-2)}.klyp-DraftPickStar__glyph{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);color:var(--color-fg-on-active-nav);opacity:var(--opacity-60);transition:opacity var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);flex:none;place-items:center;display:inline-grid}.klyp-DraftPickStar__glyph>svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.klyp-DraftPickStar:hover .klyp-DraftPickStar__glyph,.klyp-DraftPickStar:focus-visible .klyp-DraftPickStar__glyph{opacity:1}.klyp-DraftPickStar__label{min-width:0;color:var(--color-fg-muted);font:var(--fw-emphasis) var(--type-buttons-sm);white-space:nowrap;opacity:0;transition:opacity var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);overflow:hidden}.klyp-DraftPickStar[data-final] .klyp-DraftPickStar__glyph{color:var(--color-fg-accent);opacity:1}.klyp-DraftPickStar[data-final] .klyp-DraftPickStar__glyph>svg path{fill:currentColor;stroke:var(--color-border-default)}.klyp-DraftPickStar[data-final][data-pop] .klyp-DraftPickStar__glyph>svg{animation:klyp-DraftPickStar-pop var(--duration-slow) var(--easing-standard)}.klyp-DraftPickStar[data-final] .klyp-DraftPickStar__label{color:var(--color-fg-primary);opacity:1}.klyp-DraftPickStar[data-tone=overlay]{position:relative}.klyp-DraftPickStar[data-tone=overlay]:not([data-final]){--sm-pick-bg:var(--color-bg-surface-solid)}.klyp-DraftPickStar[data-tone=overlay]:after{content:"";inset:calc(-1 * var(--space-6));position:absolute}.klyp-DraftPickStar[data-tone=overlay]:hover:not([data-final]){--sm-pick-bg:var(--color-bg-surface-hover)}.klyp-DraftPickStar[data-tone=bar]{--sm-pick-gap:var(--space-8);position:static}.klyp-DraftPickStar[data-tone=bar][data-compact]{--sm-pick-pad:var(--space-14);--sm-pick-lead:var(--space-18);block-size:var(--control-size-lg)}.klyp-DraftPickStar[data-tone=bar]{gap:var(--sm-pick-gap);grid-template-columns:1fr auto;padding-inline-start:var(--sm-pick-lead)}.klyp-DraftPickStar[data-tone=bar] .klyp-DraftPickStar__label{opacity:1}.klyp-DraftPickStar[data-tone=plate]{--sm-pick-pad:var(--space-14);--sm-pick-lead:var(--space-18);--sm-pick-gap:var(--space-6);block-size:var(--control-size-lg);position:static}.klyp-DraftPickStar[data-tone=plate]:not([data-final]){--sm-pick-bg:var(--color-bg-surface-solid)}.klyp-DraftPickStar[data-tone=plate]:hover:not([data-final]){--sm-pick-bg:var(--color-bg-surface-hover)}.klyp-DraftPickStar[data-tone=plate][data-final]{--sm-pick-bg:var(--color-bg-surface-solid)}.klyp-DraftPickStar[data-tone=plate][data-final]:hover{--sm-pick-bg:var(--color-bg-surface-hover)}@media (prefers-reduced-motion:reduce){.klyp-DraftPickStar,.klyp-DraftPickStar__glyph,.klyp-DraftPickStar__label{transition:none}.klyp-DraftPickStar[data-final] .klyp-DraftPickStar__glyph>svg{animation:none}}@keyframes klyp-DraftPickStar-pop{0%{transform:scale(.72)rotate(-16deg)}55%{transform:scale(1.16)rotate(4deg)}to{transform:scale(1)rotate(0)}}