.pay-sample{min-width:0;color:var(--ps-ink);font-family:var(--ps-font);border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;display:grid}.pay-sample>legend{letter-spacing:.06em;text-transform:uppercase;color:var(--ps-muted);margin-bottom:12px;padding:0;font-size:12px;font-weight:500}.pay-tabs{grid-column:1/-1;gap:10px;display:flex}.pay-tabs>span{border:1px solid var(--ps-border);border-radius:var(--ps-radius);background:var(--ps-input);min-width:108px;color:var(--ps-muted);flex-direction:column;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;display:inline-flex}.pay-tabs>span.is-active{border-color:var(--ps-accent);box-shadow:0 0 0 1px var(--ps-accent);color:var(--ps-accent)}.pay-field{min-width:0;color:var(--ps-muted);gap:6px;font-size:13px;display:grid;position:relative}.pay-field.is-wide{grid-column:1/-1}.pay-input{border:1px solid var(--ps-border);border-radius:var(--ps-radius);background:var(--ps-input);align-items:center;min-width:0;display:flex;position:relative}.pay-sample .pay-input>input{border-radius:var(--ps-radius);width:100%;min-width:0;min-height:46px;color:var(--ps-muted);font:inherit;opacity:1;-webkit-text-fill-color:var(--ps-muted);background:0 0;border:0;flex:1;padding:12px 14px;font-size:15px}.pay-field:first-of-type .pay-input{border-color:var(--ps-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ps-accent) 22%, transparent)}.pay-sample[data-labels=floating] .pay-field>span:first-child{z-index:1;font-size:11px;line-height:1.2;position:absolute;top:7px;left:15px}.pay-sample[data-labels=floating] .pay-input>input{min-height:54px;padding-top:24px;padding-bottom:8px}.pay-brands{flex:none;gap:4px;padding-right:10px;display:inline-flex}.pay-brands .card-brand,.pay-card .card-brand{background:#fff;border:1px solid #0f11151f;border-radius:4px;flex-shrink:0;width:30px;height:20px;display:inline-flex;overflow:hidden}.pay-brands .card-brand>svg,.pay-card .card-brand>svg{width:100%;height:100%;display:block}.pay-card{aspect-ratio:1.586;border-radius:calc(var(--ps-radius) + 6px);background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--ps-accent) 55%, #fff) 0%, transparent 55%), linear-gradient(135deg, var(--ps-accent) 0%, color-mix(in srgb, var(--ps-accent) 55%, #0b0d12) 100%);width:min(100%,340px);color:var(--ps-accent-ink);font-family:var(--ps-font);box-shadow:0 18px 36px -18px color-mix(in srgb, var(--ps-accent) 70%, transparent);flex-direction:column;justify-content:space-between;padding:20px 22px;display:flex;position:relative;overflow:hidden}.pay-card-chip{background:linear-gradient(135deg,#f4d58d 0%,#c9a55a 100%);border-radius:7px;width:40px;height:30px;box-shadow:inset 0 0 0 1px #0000001f}.pay-card-number{font-variant-numeric:tabular-nums;letter-spacing:.08em;white-space:nowrap;font-size:clamp(16px,5.4cqw,21px)}.pay-card-bottom{align-items:flex-end;gap:18px;font-size:13px;font-weight:600;display:flex}.pay-card-bottom>span{gap:2px;min-width:0;display:grid}.pay-card-bottom>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pay-card-bottom small{letter-spacing:.06em;text-transform:uppercase;opacity:.75;font-size:10px;font-weight:500}.pay-card .card-brand{width:42px;height:28px}@media (max-width:420px){.pay-tabs>span{flex:1;min-width:0}}