.klyp-credit-balance-popover.klyp-popover{--cbp-pad:var(--klyp-app-ui-kit-space-4);--cbp-text-pad:var(--klyp-app-ui-kit-space-6);width:320px;max-width:90vw;padding:var(--cbp-pad);border-radius:var(--klyp-app-ui-kit-r-section);background:var(--klyp-app-ui-kit-color-bg-surface);box-shadow:inset 0 0 0 var(--klyp-app-ui-kit-bw-default) var(--klyp-app-ui-kit-color-border-subtle), 0 20px 60px -20px var(--klyp-app-ui-kit-alpha-black-85);color:var(--klyp-app-ui-kit-color-fg-primary);outline:var(--klyp-app-ui-kit-bw-default) solid transparent;outline-offset:calc(-1 * var(--klyp-app-ui-kit-bw-default));transform-origin:0;transition:opacity var(--klyp-app-ui-kit-duration-normal) var(--klyp-app-ui-kit-easing-standard), transform var(--klyp-app-ui-kit-duration-normal) var(--klyp-app-ui-kit-easing-standard);border:0}.klyp-credit-balance-popover.klyp-popover[data-placement=left]{transform-origin:100%}.klyp-credit-balance-popover.klyp-popover[data-entering],.klyp-credit-balance-popover.klyp-popover[data-exiting]{opacity:0;animation:none;transform:scale(.96)}.klyp-credit-balance-popover.klyp-popover[data-exiting]{transition-duration:var(--klyp-app-ui-kit-duration-fast)}.klyp-credit-balance-popover.klyp-popover[data-instant]{transition-duration:0s}.klyp-credit-balance-popover.klyp-popover[data-static]{transition:none}.klyp-credit-balance-popover.klyp-popover .klyp-popover__height-inner{gap:var(--cbp-pad)}.klyp-credit-balance-popover__text{min-width:0;padding:var(--cbp-text-pad);margin:0;margin-block:calc(-1 * var(--cbp-pad))}.klyp-credit-balance-popover__text:first-child{margin-block-start:0}.klyp-credit-balance-popover__text:last-child{margin-block-end:0}.klyp-credit-balance-popover__title{font:var(--klyp-app-ui-kit-type-heading-sm);font-weight:var(--klyp-app-ui-kit-fw-emphasis);color:var(--klyp-app-ui-kit-color-fg-primary);text-wrap:balance}.klyp-credit-balance-popover__balance,.klyp-credit-balance-popover__estimates-section{gap:var(--cbp-pad);min-width:0;padding:var(--cbp-pad);border-radius:var(--klyp-app-ui-kit-r-card);background:var(--klyp-app-ui-kit-color-bg-surface-elevated);flex-direction:column;display:flex}.klyp-credit-balance-popover__readout{gap:var(--klyp-app-ui-kit-space-6);flex-direction:column;display:flex}.klyp-credit-balance-popover__amount{align-items:baseline;gap:var(--klyp-app-ui-kit-space-4);min-width:0;margin:0;display:flex}.klyp-credit-balance-popover__amount-value{font:var(--klyp-app-ui-kit-type-heading-2xl);font-weight:var(--klyp-app-ui-kit-fw-emphasis);font-variant-numeric:tabular-nums;color:var(--klyp-app-ui-kit-color-fg-primary);line-height:1}.klyp-credit-balance-popover__amount-total{font:var(--klyp-app-ui-kit-type-caption);font-variant-numeric:tabular-nums;color:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-credit-balance-popover__renewal{font:var(--klyp-app-ui-kit-type-caption);color:var(--klyp-app-ui-kit-color-fg-muted);margin:0}.klyp-credit-balance-popover__amount-unit{font:var(--klyp-app-ui-kit-type-caption);color:var(--klyp-app-ui-kit-color-fg-muted)}.klyp-credit-balance-popover__sources{gap:var(--cbp-pad);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.klyp-credit-balance-popover__source{--cbp-tone:var(--klyp-app-ui-kit-color-fg-primary);gap:var(--klyp-app-ui-kit-space-2);min-width:0;padding:var(--klyp-app-ui-kit-space-8) var(--klyp-app-ui-kit-space-10) var(--klyp-app-ui-kit-space-8) var(--klyp-app-ui-kit-space-24);border-radius:var(--klyp-app-ui-kit-r-inner-section);background:var(--klyp-app-ui-kit-color-bg-surface-solid);flex-direction:column;display:flex;position:relative}.klyp-credit-balance-popover__source:before{content:"";inset-block:var(--klyp-app-ui-kit-space-10);inline-size:var(--klyp-app-ui-kit-space-4);border-radius:var(--klyp-app-ui-kit-radius-full);background:var(--cbp-tone);position:absolute;inset-inline-start:var(--klyp-app-ui-kit-space-10)}.klyp-credit-balance-popover__source[data-tone=pack]{--cbp-tone:var(--klyp-app-ui-kit-color-status-info-strong)}.klyp-credit-balance-popover__source[data-tone=bonus]{--cbp-tone:var(--klyp-app-ui-kit-color-status-success)}.klyp-credit-balance-popover__source-head{justify-content:space-between;align-items:baseline;gap:var(--klyp-app-ui-kit-space-8);min-width:0;display:flex}.klyp-credit-balance-popover__source-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--klyp-app-ui-kit-type-body);color:var(--klyp-app-ui-kit-color-fg-primary);overflow:hidden}.klyp-credit-balance-popover__source-value{white-space:nowrap;font:var(--klyp-app-ui-kit-type-body);font-weight:var(--klyp-app-ui-kit-fw-emphasis);font-variant-numeric:tabular-nums;color:var(--klyp-app-ui-kit-color-fg-primary);justify-self:end}.klyp-credit-balance-popover__source-of{font-weight:var(--klyp-app-ui-kit-fw-body);color:var(--klyp-app-ui-kit-color-fg-muted);margin-inline-start:var(--klyp-app-ui-kit-space-4)}.klyp-credit-balance-popover__source-details{gap:var(--klyp-app-ui-kit-space-6);min-width:0;font:var(--klyp-app-ui-kit-type-caption);font-variant-numeric:tabular-nums;color:var(--klyp-app-ui-kit-color-fg-muted);flex-wrap:wrap;margin:0;display:flex}.klyp-credit-balance-popover__source-details [data-rank=trail]:before{content:"·";color:var(--klyp-app-ui-kit-color-fg-subtle);margin-inline-end:var(--klyp-app-ui-kit-space-6)}.klyp-credit-balance-popover__actions{gap:var(--cbp-pad);display:flex}.klyp-credit-balance-popover__actions>.klyp-button{flex:1 1 0;min-width:0}.klyp-credit-balance-popover__estimates-section{margin-block-start:var(--cbp-pad)}.klyp-credit-balance-popover .klyp-credit-balance-popover__more-trigger{padding:calc((var(--klyp-app-ui-kit-control-size-md) - var(--klyp-app-ui-kit-line-box-18)) / 2 - var(--klyp-app-ui-kit-bw-default)) calc(var(--cbp-text-pad) - var(--klyp-app-ui-kit-bw-default))}.klyp-credit-balance-popover__estimates{gap:var(--cbp-pad);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.klyp-credit-balance-popover__more .klyp-credit-balance-popover__estimates{margin-block-start:var(--cbp-pad)}.klyp-credit-balance-popover__estimate{gap:var(--klyp-app-ui-kit-space-6);min-width:0;padding:var(--klyp-app-ui-kit-space-8) var(--klyp-app-ui-kit-space-10);border-radius:var(--klyp-app-ui-kit-r-inner-section);background:var(--klyp-app-ui-kit-color-bg-surface-solid);flex-direction:column;display:flex}.klyp-credit-balance-popover__estimates-note{padding:var(--cbp-text-pad) var(--cbp-text-pad) 0;font:var(--klyp-app-ui-kit-type-caption);color:var(--klyp-app-ui-kit-color-fg-muted);text-wrap:pretty;margin:0}.klyp-credit-balance-popover__estimate-head{justify-content:space-between;align-items:center;gap:var(--klyp-app-ui-kit-space-8);min-width:0;display:flex}.klyp-credit-balance-popover__estimate-head>.klyp-badge{margin-block:calc((var(--klyp-app-ui-kit-line-box-18) - var(--klyp-app-ui-kit-space-20)) / 2)}.klyp-credit-balance-popover__estimate-head>.klyp-badge[data-variant=subtle][data-intent=gray]{background:var(--klyp-app-ui-kit-color-bg-surface-hover)}.klyp-credit-balance-popover__estimate-count{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--klyp-app-ui-kit-type-body);font-weight:var(--klyp-app-ui-kit-fw-emphasis);color:var(--klyp-app-ui-kit-color-fg-primary);overflow:hidden}.klyp-credit-balance-popover__estimate-meta{align-items:center;gap:var(--klyp-app-ui-kit-space-8);min-width:0;font:var(--klyp-app-ui-kit-type-body);color:var(--klyp-app-ui-kit-color-fg-muted);flex-wrap:wrap;display:flex}.klyp-credit-balance-popover__spec{align-items:center;gap:var(--klyp-app-ui-kit-space-4);min-width:0;display:flex}.klyp-credit-balance-popover__spec+.klyp-credit-balance-popover__spec{gap:var(--klyp-app-ui-kit-space-8)}.klyp-credit-balance-popover__spec+.klyp-credit-balance-popover__spec:before{content:"";width:var(--klyp-app-ui-kit-space-4);height:var(--klyp-app-ui-kit-space-4);border-radius:var(--klyp-app-ui-kit-radius-full);background:currentColor;flex:none}.klyp-credit-balance-popover__footnote{font:var(--klyp-app-ui-kit-type-caption);color:var(--klyp-app-ui-kit-color-fg-muted);text-wrap:pretty}
