.klyp-feature-pricing-TokenPacksModal .klyp-feature-pricing-PricingDialog__description{min-block-size:calc(var(--klyp-app-ui-kit-line-box-24) * 2)}.klyp-feature-pricing-TokenPacksModal__body[data-tone=purple]{--glow-tone:var(--klyp-app-ui-kit-purple-700);--glow-bloom:var(--klyp-app-ui-kit-fx-card-inset-glow-purple)}.klyp-feature-pricing-TokenPacksModal__body[data-tone=gold]{--glow-tone:var(--klyp-app-ui-kit-gold-700);--glow-bloom:var(--klyp-app-ui-kit-fx-card-inset-glow-gold)}.klyp-feature-pricing-TokenPacksModal__body[data-tone=blue]{--glow-tone:var(--klyp-app-ui-kit-blue-600);--glow-bloom:var(--klyp-app-ui-kit-fx-card-inset-glow-blue)}.klyp-feature-pricing-TokenPacksModal__body[data-tone=silver]{--glow-tone:var(--klyp-app-ui-kit-neutral-1000);--glow-bloom:var(--klyp-app-ui-kit-fx-card-inset-glow-silver)}.klyp-feature-pricing-TokenPacksModal__body{gap:var(--pricing-dialog-rail);flex-direction:column;display:flex;container-type:inline-size}.klyp-feature-pricing-TokenPacksModal__amountField{flex-direction:column;display:flex}.klyp-feature-pricing-TokenPacksModal__amount{justify-content:space-between;align-items:baseline;gap:var(--klyp-app-ui-kit-space-8);padding:0 var(--klyp-app-ui-kit-space-6);cursor:text;flex-wrap:wrap;margin:0;display:flex}.klyp-feature-pricing-TokenPacksModal__amountField[data-disabled] .klyp-feature-pricing-TokenPacksModal__amount{cursor:default}.klyp-feature-pricing-TokenPacksModal__amountValue{min-inline-size:0;font-size:var(--klyp-app-ui-kit-font-size-56);font-weight:var(--klyp-app-ui-kit-fw-heading);letter-spacing:var(--klyp-app-ui-kit-letter-spacing-tight);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--klyp-app-ui-kit-color-fg-primary);line-height:1;display:inline-grid;position:relative}.klyp-feature-pricing-TokenPacksModal__amountValue[data-empty]{color:var(--klyp-app-ui-kit-color-fg-muted)}.klyp-feature-pricing-TokenPacksModal__amountField[data-invalid] .klyp-feature-pricing-TokenPacksModal__amountValue{color:var(--klyp-app-ui-kit-color-status-danger)}.klyp-feature-pricing-TokenPacksModal__body[data-locked] .klyp-feature-pricing-TokenPacksModal__amountValue{color:var(--klyp-app-ui-kit-color-fg-muted)}.klyp-feature-pricing-TokenPacksModal__body[data-locked] .klyp-feature-pricing-TokenPacksModal__amountSlider,.klyp-feature-pricing-TokenPacksModal__body[data-locked] .klyp-feature-pricing-TokenPacksModal__packs{opacity:var(--klyp-app-ui-kit-opacity-disabled)}.klyp-feature-pricing-TokenPacksModal__amountSizer{visibility:hidden;grid-area:1/1;padding-inline-end:var(--klyp-app-ui-kit-space-2)}.klyp-feature-pricing-TokenPacksModal__amountDisplay{pointer-events:none;grid-area:1/1;justify-self:start}.klyp-feature-pricing-TokenPacksModal__amountInput{inline-size:100%;min-inline-size:0;font:inherit;letter-spacing:inherit;font-variant-numeric:inherit;color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute;inset:0}.klyp-feature-pricing-TokenPacksModal__amountInput:focus,.klyp-feature-pricing-TokenPacksModal__amountInput:focus-visible{color:inherit;caret-color:var(--glow-tone);outline:none}.klyp-feature-pricing-TokenPacksModal__amountInput::placeholder{color:#0000;opacity:1}.klyp-feature-pricing-TokenPacksModal__amountInput:focus::placeholder{color:var(--klyp-app-ui-kit-color-fg-muted)}.klyp-feature-pricing-TokenPacksModal__amountValue:has(.klyp-feature-pricing-TokenPacksModal__amountInput:focus) .klyp-feature-pricing-TokenPacksModal__amountDisplay{visibility:hidden}.klyp-feature-pricing-TokenPacksModal__amountSlider{padding:var(--klyp-app-ui-kit-space-4) var(--klyp-app-ui-kit-space-6)}.klyp-feature-pricing-TokenPacksModal__unit{align-items:center;gap:var(--klyp-app-ui-kit-space-6);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-muted);white-space:nowrap;display:inline-flex}.klyp-feature-pricing-TokenPacksModal__packs{gap:var(--pricing-dialog-rail);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.klyp-feature-pricing-TokenPacksModal__pack{justify-content:space-between;gap:var(--klyp-app-ui-kit-space-12);min-inline-size:0;min-block-size:calc(var(--klyp-app-ui-kit-space-48) * 2 + var(--klyp-app-ui-kit-space-8));padding:var(--klyp-app-ui-kit-space-4);border-radius:var(--pricing-dialog-section-r);background:var(--klyp-app-ui-kit-color-bg-surface-elevated);color:var(--klyp-app-ui-kit-color-fg-primary);cursor:pointer;transition:background-color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard), box-shadow var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);outline:none;flex-direction:column;display:flex;position:relative}.klyp-feature-pricing-TokenPacksModal__pack[data-hovered]:not([data-readonly],[data-disabled],[data-selected]){background:var(--klyp-app-ui-kit-color-bg-surface-solid)}.klyp-feature-pricing-TokenPacksModal__pack[data-pressed]:not([data-readonly],[data-disabled],[data-selected]){background:var(--klyp-app-ui-kit-color-bg-surface-elevated-pressed)}.klyp-feature-pricing-TokenPacksModal__pack[data-selected]{box-shadow:inset 0 0 0 var(--glow-ring-w,var(--klyp-app-ui-kit-bw-default)) var(--glow-tone), inset 0 0 var(--klyp-app-ui-kit-blur-50) color-mix(in oklch, var(--glow-tone) 40%, transparent)}.klyp-feature-pricing-TokenPacksModal__pack[data-focus-visible]{outline:var(--klyp-app-ui-kit-bw-emphasis) solid var(--klyp-app-ui-kit-color-ring);outline-offset:var(--klyp-app-ui-kit-space-2)}.klyp-feature-pricing-TokenPacksModal__pack[data-readonly]{cursor:default}.klyp-feature-pricing-TokenPacksModal__pack[data-disabled]{cursor:default;opacity:var(--klyp-app-ui-kit-opacity-disabled)}.klyp-feature-pricing-TokenPacksModal__packTop,.klyp-feature-pricing-TokenPacksModal__packFoot{justify-content:space-between;align-items:center;gap:var(--klyp-app-ui-kit-space-8);min-inline-size:0;padding:var(--klyp-app-ui-kit-space-6);display:flex}.klyp-feature-pricing-TokenPacksModal__packTop{min-block-size:calc(var(--klyp-app-ui-kit-space-20) + var(--klyp-app-ui-kit-space-12))}.klyp-feature-pricing-TokenPacksModal__packTags{align-items:center;gap:var(--klyp-app-ui-kit-space-4);min-inline-size:0;display:flex}.klyp-feature-pricing-TokenPacksModal__packFoot{align-items:baseline}.klyp-feature-pricing-TokenPacksModal__packDot{inline-size:var(--klyp-app-ui-kit-icon-size-sm);block-size:var(--klyp-app-ui-kit-icon-size-sm);border:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-border-default);border-radius:var(--klyp-app-ui-kit-radius-full);transition:border-color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);background:0 0;flex:none;position:relative}.klyp-feature-pricing-TokenPacksModal__packDot:after{content:"";inset:var(--klyp-app-ui-kit-space-3);border-radius:inherit;background:var(--klyp-app-ui-kit-color-fg-primary);opacity:0;transition:opacity var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard), transform var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);position:absolute;transform:scale(.4)}.klyp-feature-pricing-TokenPacksModal__pack[data-hovered]:not([data-readonly],[data-disabled]) .klyp-feature-pricing-TokenPacksModal__packDot{border-color:var(--klyp-app-ui-kit-color-border-strong)}.klyp-feature-pricing-TokenPacksModal__pack[data-selected] .klyp-feature-pricing-TokenPacksModal__packDot{border-color:var(--klyp-app-ui-kit-alpha-white-50)}.klyp-feature-pricing-TokenPacksModal__pack[data-selected] .klyp-feature-pricing-TokenPacksModal__packDot:after{opacity:1;transform:none}.klyp-feature-pricing-TokenPacksModal__packTokens{min-inline-size:0;font-size:var(--klyp-app-ui-kit-font-size-28);font-weight:var(--klyp-app-ui-kit-fw-heading);letter-spacing:var(--klyp-app-ui-kit-letter-spacing-tight);font-variant-numeric:tabular-nums;color:var(--klyp-app-ui-kit-color-fg-muted);transition:color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);line-height:1}.klyp-feature-pricing-TokenPacksModal__pack[data-hovered]:not([data-readonly],[data-disabled]) .klyp-feature-pricing-TokenPacksModal__packTokens,.klyp-feature-pricing-TokenPacksModal__pack[data-selected] .klyp-feature-pricing-TokenPacksModal__packTokens{color:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-feature-pricing-TokenPacksModal__packPrice{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-muted);flex:none}.klyp-feature-pricing-TokenPacksModal__packRate{font:var(--klyp-app-ui-kit-type-caption);font-variant-numeric:tabular-nums;margin-inline-end:var(--klyp-app-ui-kit-space-6)}.klyp-feature-pricing-TokenPacksModal__payWith{justify-content:space-between;align-items:baseline;gap:var(--klyp-app-ui-kit-space-8);padding:0 var(--klyp-app-ui-kit-space-6);font:var(--klyp-app-ui-kit-type-body);color:var(--klyp-app-ui-kit-color-fg-muted);flex-wrap:wrap;flex:1 0 100%;margin:0;display:flex}.klyp-feature-pricing-TokenPacksModal__payLabel{white-space:nowrap}.klyp-feature-pricing-TokenPacksModal__payWithCard{font-variant-numeric:tabular-nums;min-inline-size:0}.klyp-feature-pricing-TokenPacksModal__hintSlot{min-block-size:var(--klyp-app-ui-kit-line-box-16)}.klyp-feature-pricing-TokenPacksModal__hint{padding-inline:var(--klyp-app-ui-kit-space-6);font:var(--klyp-app-ui-kit-type-caption);color:var(--klyp-app-ui-kit-color-status-danger);display:block}.klyp-feature-pricing-TokenPacksModal__noteAction{border-radius:var(--klyp-app-ui-kit-radius-sm);font:inherit;font-weight:var(--klyp-app-ui-kit-fw-emphasis);color:var(--klyp-app-ui-kit-color-fg-primary);cursor:pointer;text-underline-offset:var(--klyp-app-ui-kit-space-3);transition:text-decoration-color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);background:0 0;border:0;outline:none;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline}.klyp-feature-pricing-TokenPacksModal__noteAction[data-hovered],.klyp-feature-pricing-TokenPacksModal__noteAction[data-focus-visible]{text-decoration-color:currentColor}.klyp-feature-pricing-TokenPacksModal__noteAction[data-focus-visible]{outline:var(--klyp-app-ui-kit-bw-emphasis) solid var(--klyp-app-ui-kit-color-ring);outline-offset:var(--klyp-app-ui-kit-space-2)}@container (width<=25rem){.klyp-feature-pricing-TokenPacksModal__amountValue{font-size:var(--klyp-app-ui-kit-font-size-40)}.klyp-feature-pricing-TokenPacksModal__packTokens{font-size:var(--klyp-app-ui-kit-font-size-24)}}