@keyframes PunchupSpinner_punchupSpinnerRotate__NBj7n{to{transform:rotate(1turn)}}.PunchupSpinner_spinner__Naqie{display:inline-block;flex-shrink:0;border-radius:50%;border:2.5px solid var(--punchup-color-border);border-top-color:var(--punchup-color-primary);animation:PunchupSpinner_punchupSpinnerRotate__NBj7n .65s linear infinite}.PunchupSpinner_spinnerCurrent__AwTT3{border-color:currentColor color-mix(in srgb,currentColor 25%,transparent) color-mix(in srgb,currentColor 25%,transparent)}.PunchupTag_tag__6X9Ry{display:inline-flex;align-items:center;gap:var(--punchup-space-2);padding:6px 14px;border-radius:var(--punchup-radius-full);font-family:var(--punchup-font-family);font-size:var(--punchup-font-size-base);font-weight:600;line-height:1.3;max-width:240px;white-space:nowrap;overflow:hidden;background:color-mix(in srgb,var(--chip-color) 15%,transparent);border:1.5px solid color-mix(in srgb,var(--chip-color) 55%,transparent);color:var(--chip-color)}.PunchupTag_tagSmall__De_oU{gap:var(--punchup-space-1);padding:2px var(--punchup-space-2);font-size:var(--punchup-font-size-xs);font-weight:500;line-height:1.4;border-width:1px;max-width:none}.PunchupTag_tagSolid__lyXJY{background:color-mix(in srgb,var(--chip-color) 11%,var(--punchup-color-bg));border-color:var(--chip-color)}.PunchupTag_tagSmall__De_oU.PunchupTag_tagSolid__lyXJY{padding:1px 10px;gap:var(--punchup-space-2);font-size:var(--punchup-font-size-xs);font-weight:var(--punchup-font-weight-regular);line-height:16px}.PunchupTag_labelButton__6vM6q,.PunchupTag_label__jQh84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PunchupTag_labelButton__6vM6q{cursor:pointer;flex:1;min-width:0}.PunchupTag_remove__PxQiB{display:inline-flex;align-items:center;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;opacity:.7;color:inherit;transition:opacity .15s ease;line-height:0}.PunchupTag_remove__PxQiB:hover{opacity:1}.PunchupTag_tagClickable__gXZeq{cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}

/* !important overrides the inline --chip-color-derived background/border/color (set via the
   `style` attribute) so every clickable chip shows the same orange hover state regardless of tag colour. */.PunchupTag_tagClickable__gXZeq:hover{background:var(--punchup-color-primary-tint)!important;color:var(--punchup-color-primary)!important;border-color:var(--punchup-color-primary)!important;box-shadow:var(--punchup-shadow-md)}