.credits-pill[data-v-cd1ae79b]{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:10px;flex:none;gap:4px;height:40px;padding:0 3px;position:relative}.credits-pill[data-v-cd1ae79b],.credits-pill__count[data-v-cd1ae79b]{align-items:center;display:inline-flex}.credits-pill__count[data-v-cd1ae79b]{background:transparent;border:0;border-radius:6px;color:var(--ui-ink);cursor:pointer;font:inherit;font-size:var(--type-body);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);gap:7px;height:32px;padding:0 10px 0 11px;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out);white-space:nowrap}.credits-pill__count svg[data-v-cd1ae79b]{color:var(--ui-ink);fill:currentColor}.credits-pill__count[data-v-cd1ae79b]:hover,.credits-pill__count[aria-expanded=true][data-v-cd1ae79b]{background:var(--ui-fill)}.credits-pill__count[data-v-cd1ae79b]:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.credits-pill.is-low .credits-pill__count[data-v-cd1ae79b],.credits-pill.is-low .credits-pill__count svg[data-v-cd1ae79b]{color:var(--pc-warning-700)}.credits-pill.is-low .credits-pill__count[data-v-cd1ae79b]:hover{background:var(--pc-warning-50)}.credits-card[data-v-cd1ae79b]{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:16px;box-shadow:var(--ui-shadow-pop),0 22px 44px -22px color-mix(in srgb,var(--pc-n-900) 28%,transparent);max-width:calc(100vw - 24px);padding:18px 20px 20px;position:absolute;right:0;top:calc(100% + 8px);transform-origin:top right;width:300px;z-index:60}.credits-card[data-v-cd1ae79b]:before{content:"";height:10px;inset:-10px 0 auto;position:absolute}.credits-card__head[data-v-cd1ae79b]{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.credits-card__head strong[data-v-cd1ae79b]{align-items:center;color:var(--ui-ink);display:inline-flex;font-family:var(--font-ui);font-size:var(--type-large);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);gap:8px}.credits-card__head strong svg[data-v-cd1ae79b]{fill:currentColor}.credits-pill.is-low .credits-card__head strong[data-v-cd1ae79b]{color:var(--pc-warning-700)}.credits-card__plan[data-v-cd1ae79b]{background:var(--ui-fill);border-radius:999px;color:var(--ui-ink-2);flex:none;font-size:var(--type-small);font-weight:var(--weight-medium);line-height:20px;padding:2px 10px}.credits-card__plan.is-paid[data-v-cd1ae79b]{background:var(--pc-gold-100);color:var(--pc-gold-700)}.credits-card__line[data-v-cd1ae79b]{color:var(--ui-ink-2);font-size:var(--type-body);line-height:var(--leading-body);margin:0}.credits-card__upgrade[data-v-cd1ae79b]{align-items:center;background:var(--pc-gold-100);border:0;border-radius:10px;color:var(--pc-gold-700);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--type-large);font-weight:var(--weight-medium);gap:8px;height:44px;justify-content:center;margin-top:16px;transition:filter var(--motion-fast) var(--ease-out),transform var(--motion-press) var(--ease-out);width:100%}.credits-card__upgrade[data-v-cd1ae79b]:hover{filter:brightness(.97) saturate(1.15)}.credits-card__upgrade[data-v-cd1ae79b]:active{transform:scale(.98)}.credits-card__upgrade[data-v-cd1ae79b]:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.credits-card__upgrade .premium-crown[data-v-cd1ae79b]{color:var(--pc-gold-700);height:17px;width:17px}.credits-card-enter-active[data-v-cd1ae79b]{transition:opacity var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out)}.credits-card-leave-active[data-v-cd1ae79b]{transition:opacity var(--motion-exit) var(--ease-in),transform var(--motion-exit) var(--ease-in)}.credits-card-enter-from[data-v-cd1ae79b]{opacity:0;transform:translateY(-6px) scale(.97)}.credits-card-leave-to[data-v-cd1ae79b]{opacity:0;transform:translateY(-3px) scale(.99)}.credits-pill--mobile[data-v-cd1ae79b]{border-radius:11px;height:38px;padding:3px}.credits-pill--mobile .credits-pill__count[data-v-cd1ae79b]{font-size:var(--type-small);gap:5px;height:30px;padding:0 7px 0 8px}.credits-pill--mobile[data-v-cd1ae79b] .upgrade-button--pill{font-size:var(--type-small);height:30px}.credits-pill--mobile .credits-card[data-v-cd1ae79b]{right:-44px}
