[data-cc-type]{--card-brand-bg:radial-gradient(ellipse at 88% 8%, color-mix(in srgb, var(--accent) 36%, transparent) 0%, transparent 50%), linear-gradient(148deg, color-mix(in srgb, var(--dark-fixed) 90%, var(--accent)) 0%, color-mix(in srgb, var(--dark-fixed) 60%, var(--accent)) 100%);--card-brand-border:color-mix(in srgb, var(--accent) 28%, transparent);--card-brand-glow:color-mix(in srgb, var(--accent) 22%, var(--shadow-strong))}html[data-color-mode=dark] [data-cc-type]{--card-brand-glow:color-mix(in srgb, var(--accent) 28%, var(--shadow-stronger))}[data-cc-type=Visa]{--card-brand-bg:radial-gradient(ellipse at 88% 8%, #6496ff61 0%, transparent 50%), linear-gradient(148deg, #0b1d5e 0%, #1535a8 58%, #1c44c8 100%);--card-brand-border:#5078ff38;--card-brand-glow:#0a1e646b}[data-cc-type=MasterCard]{--card-brand-bg:radial-gradient(ellipse at 88% 8%, #ffa03252 0%, transparent 50%), linear-gradient(148deg, #3a0000 0%, #8b0000 50%, #b82020 100%);--card-brand-border:#d2503242;--card-brand-glow:#50000066}[data-cc-type=Amex]{--card-brand-bg:radial-gradient(ellipse at 88% 8%, #50a0ff52 0%, transparent 50%), linear-gradient(148deg, #001a40 0%, #013a82 52%, #016fd0 100%);--card-brand-border:#016fd04d;--card-brand-glow:#00144670}[data-cc-type=Discover]{--card-brand-bg:radial-gradient(ellipse at 88% 8%, #ffbe3c57 0%, transparent 50%), linear-gradient(148deg, #2e1000 0%, #7a2e00 52%, #a84000 100%);--card-brand-border:#c86e0047;--card-brand-glow:#3c14006b}.saved-card-picker{--saved-card-chip-width:128px;flex-direction:column;gap:8px;width:100%;display:flex}.saved-card-picker__label{color:var(--text-color);font-weight:600}.saved-card-picker__rail{--saved-card-edge-fade:40px;min-width:0;position:relative}.saved-card-picker__track{overscroll-behavior-x:contain;scrollbar-width:none;flex:auto;gap:8px;min-width:0;padding:10px 6px;scroll-padding-inline:44px;display:flex;overflow-x:auto}.saved-card-picker__track::-webkit-scrollbar{display:none}.saved-card-picker.is-scrollable:not(.is-at-start) .saved-card-picker__track{mask-image:linear-gradient(to right, transparent 0, #000 var(--saved-card-edge-fade), #000 100%)}.saved-card-picker.is-scrollable:not(.is-at-end) .saved-card-picker__track{mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--saved-card-edge-fade)), transparent 100%)}.saved-card-picker.is-scrollable:not(.is-at-start):not(.is-at-end) .saved-card-picker__track{mask-image:linear-gradient(to right, transparent 0, #000 var(--saved-card-edge-fade), #000 calc(100% - var(--saved-card-edge-fade)), transparent 100%)}.saved-card-picker__arrow{--press-feedback-radius-rest:999px;--press-feedback-radius-pressed:12px;--press-feedback-active-transform:translateY(-50%) scale(var(--press-feedback-active-scale));z-index:2;border:1px solid var(--border-color);border-radius:var(--press-feedback-radius-rest);background:color-mix(in srgb, var(--field-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:34px;height:34px;color:var(--text-color);box-shadow:0 4px 14px var(--shadow-card);cursor:pointer;transition:opacity .15s;position:absolute;top:50%;transform:translateY(-50%)}.saved-card-picker__arrow[data-saved-card-scroll=prev]{left:6px}.saved-card-picker__arrow[data-saved-card-scroll=next]{right:6px}.saved-card-picker__arrow:disabled{opacity:0;pointer-events:none}.saved-card-picker__arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.saved-card-chip{flex-direction:column;flex:0 0 var(--saved-card-chip-width);width:var(--saved-card-chip-width);min-width:var(--saved-card-chip-width);max-width:var(--saved-card-chip-width);border:1px solid var(--card-brand-border);background:var(--card-brand-bg);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white-fixed) 8%, transparent);color:var(--white-fixed);text-align:left;cursor:pointer;filter:grayscale(.85)brightness(.8);border-radius:12px;align-items:flex-start;gap:3px;padding:8px 26px 8px 10px;transition:filter .15s,box-shadow .15s;display:flex;position:relative}.saved-card-chip:hover{filter:grayscale(.4)brightness(.92)}.saved-card-chip:focus-visible{outline:2px dashed var(--white-fixed);outline-offset:-6px}.saved-card-chip.is-selected{filter:saturate(.85);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white-fixed) 14%, transparent)}.saved-card-chip.is-selected .saved-card-chip__check{opacity:1;transform:scale(1)}.saved-card-chip__flags{align-items:center;gap:6px;line-height:1;display:flex;position:absolute;top:7px;right:7px}.saved-card-chip__check{background:var(--white-fixed);width:15px;height:15px;color:var(--accent);opacity:0;border-radius:999px;justify-content:center;align-items:center;font-size:8px;transition:opacity .15s,transform .15s;display:flex;transform:scale(.6)}.saved-card-chip__brand{align-items:center;min-height:16px;display:flex}.saved-card-chip__brand-image{width:auto;height:16px}.saved-card-chip__digits{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:13px;font-weight:600}.saved-card-chip__meta{color:color-mix(in srgb, var(--white-fixed) 72%, transparent);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;display:flex}.saved-card-chip__otp{color:color-mix(in srgb, var(--white-fixed) 80%, transparent);cursor:help;align-items:center;font-size:10px;line-height:1;display:flex}.saved-card-chip__badge{background:color-mix(in srgb, var(--white-fixed) 18%, transparent);color:var(--white-fixed);letter-spacing:.02em;border-radius:999px;padding:0 6px;font-size:10px;font-weight:600}.saved-card-chip--add{border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--border-color));background:color-mix(in srgb, var(--accent) 6%, var(--field-bg));box-shadow:none;color:var(--accent-on-surface);filter:none;justify-content:center;align-items:center;gap:6px;padding-right:10px}.saved-card-chip--add:hover,.saved-card-chip--add:focus-visible{filter:none;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--field-bg))}.saved-card-chip--add:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.saved-card-chip__add-icon{background:color-mix(in srgb, var(--accent) 14%, transparent);width:22px;height:22px;color:var(--accent-on-surface);border-radius:999px;justify-content:center;align-items:center;font-size:11px;transition:transform .15s;display:flex}.saved-card-chip--add.is-active .saved-card-chip__add-icon{transform:rotate(45deg)}.saved-card-chip__add-label{font-size:12px;font-weight:700}.saved-card-picker__empty{color:var(--text-muted);margin:0;font-size:13px}.saved-card-picker.is-disabled{opacity:.55;pointer-events:none}
