:where(.integrations-page[data-variant=payments]) .payments-checkout{max-width:35rem}:where(.integrations-page[data-variant=payments]) .payments-checkout__card{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface);flex-direction:column;gap:1.125rem;padding:clamp(1.25rem,3vw,1.75rem);display:flex}:where(.integrations-page[data-variant=payments]) .payments-checkout__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}:where(.integrations-page[data-variant=payments]) .payments-checkout__title{font-size:.9375rem;font-weight:700}:where(.integrations-page[data-variant=payments]) .payments-checkout__order{color:var(--od-text-muted);font-family:var(--od-font-mono);font-size:.6875rem}:where(.integrations-page[data-variant=payments]) .payments-checkout__methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}:where(.integrations-page[data-variant=payments]) .payments-checkout__method{border:1px solid var(--od-border);border-radius:var(--od-radius-component);padding:.875rem;font-size:.8125rem;font-weight:500}:where(.integrations-page[data-variant=payments]) .payments-checkout__method[data-active=true]{border-color:var(--od-action);background:var(--od-action-soft);color:var(--od-action-content);font-weight:600}:where(.integrations-page[data-variant=payments]) .payments-checkout__rows{border-top:1px solid var(--od-border);color:var(--od-text-muted);font-family:var(--od-font-mono);flex-direction:column;gap:.625rem;padding-top:1rem;font-size:.6875rem;display:flex}:where(.integrations-page[data-variant=payments]) .payments-checkout__row{justify-content:space-between;gap:1rem;display:flex}:where(.integrations-page[data-variant=payments]) .payments-checkout__value{color:var(--od-text);text-align:right}:where(.integrations-page[data-variant=payments]) .payments-checkout__status{color:var(--od-success-functional);align-items:center;gap:.375rem;display:flex}:where(.integrations-page[data-variant=payments]) .payments-checkout__dot{background:var(--od-success-signal);border-radius:50%;width:.375rem;height:.375rem}:where(.integrations-page[data-variant=payments]) .payments-checkout__gateways{color:var(--od-text-subtle);letter-spacing:-.01em;flex-wrap:wrap;justify-content:space-between;gap:.5rem .75rem;margin-top:1rem;padding:0 .375rem;font-size:.8125rem;font-weight:700;display:flex}:where(.integrations-page[data-variant=payments]) .payments-catalog{flex-direction:column;gap:3.5rem;display:flex}:where(.integrations-page[data-variant=payments]) .payments-region{grid-template-columns:16.25rem minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}:where(.integrations-page[data-variant=payments]) .payments-region__head{flex-direction:column;gap:.5rem;display:flex;position:sticky;top:1.5rem}:where(.integrations-page[data-variant=payments]) .payments-region__head h3{letter-spacing:-.025em;text-wrap:pretty;margin:0;font-size:1.375rem;font-weight:700}:where(.integrations-page[data-variant=payments]) .payments-region__head p{color:var(--od-text-muted);margin:0;font-size:.8125rem;line-height:1.5}:where(.integrations-page[data-variant=payments]) .payments-region__number{color:var(--od-text-muted);font-family:var(--od-font-mono);font-size:.6875rem}:where(.integrations-page[data-variant=payments]) .payments-gateway{background:var(--od-surface);flex-direction:column;gap:.375rem;min-width:0;min-height:5.75rem;padding:1.25rem;display:flex}:where(.integrations-page[data-variant=payments]) .payments-gateway__name{letter-spacing:-.01em;font-size:.9375rem;font-weight:700}:where(.integrations-page[data-variant=payments]) .payments-gateway__methods{color:var(--od-text-muted);font-family:var(--od-font-mono);font-size:.6875rem;line-height:1.5}:where(.integrations-page[data-variant=payments]) .payments-catalog__note{color:var(--od-text-muted);margin:1.5rem 0 0;font-size:.8125rem}:where(.integrations-page[data-variant=payments]) .payments-split{flex-direction:column;display:flex}:where(.integrations-page[data-variant=payments]) .payments-split__source{border:1px solid var(--od-border);border-radius:var(--od-radius-component);background:var(--od-surface);justify-content:space-between;gap:1rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}:where(.integrations-page[data-variant=payments]) .payments-split__source-label{font-weight:600}:where(.integrations-page[data-variant=payments]) .payments-split__amount{font-family:var(--od-font-mono);font-size:.75rem}:where(.integrations-page[data-variant=payments]) .payments-split__stem{background:var(--od-border-strong);width:1px;height:1.25rem;margin:0 auto}:where(.integrations-page[data-variant=payments]) .payments-split__targets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}:where(.integrations-page[data-variant=payments]) .payments-split__target{border:1px solid var(--od-border);border-radius:var(--od-radius-component);background:var(--od-surface);flex-direction:column;gap:.25rem;padding:1rem;display:flex}:where(.integrations-page[data-variant=payments]) .payments-split__target[data-active=true]{border-color:var(--od-action);background:var(--od-action-soft);color:var(--od-action-content)}:where(.integrations-page[data-variant=payments]) .payments-split__party{color:var(--od-text-muted);font-family:var(--od-font-mono);font-size:.6875rem}:where(.integrations-page[data-variant=payments]) .payments-split__target[data-active=true] .payments-split__party{color:var(--od-action-content)}:where(.integrations-page[data-variant=payments]) .payments-split__share{font-size:.875rem;font-weight:600}:where(.integrations-page[data-variant=payments]) .payments-split__note{color:var(--od-text-muted);font-family:var(--od-font-mono);text-align:center;margin:.875rem 0 0;font-size:.6875rem}:where(.integrations-page[data-variant=payments]) .payments-developers{border-radius:var(--od-radius-panel);background:var(--od-bg);color:var(--od-text);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2.5rem,5vw,4rem);padding:clamp(2rem,4.5vw,4rem);display:grid;position:relative;overflow:hidden}:where(.integrations-page[data-variant=payments]) .payments-developers__glow{background:radial-gradient(circle, color-mix(in srgb, var(--od-action) 22%, transparent), transparent 66%);pointer-events:none;border-radius:50%;width:50%;height:160%;position:absolute;top:-40%;right:-10%}:where(.integrations-page[data-variant=payments]) .payments-developers__copy,:where(.integrations-page[data-variant=payments]) .payments-developers__aside{min-width:0;position:relative}:where(.integrations-page[data-variant=payments]) .payments-developers__copy h2{font-size:clamp(2rem, 4vw, var(--od-font-size-8));letter-spacing:-.035em;text-wrap:pretty;margin:1rem 0 0;font-weight:700;line-height:1.05}:where(.integrations-page[data-variant=payments]) .payments-developers__body{max-width:28.75rem;color:var(--od-text-muted);text-wrap:pretty;margin:1.25rem 0 0;font-size:1.0625rem;line-height:1.55}:where(.integrations-page[data-variant=payments]) .payments-developers__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}:where(.integrations-page[data-variant=payments]) .payments-snippet{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface);color:var(--od-text-muted);font-family:var(--od-font-mono);overflow-wrap:anywhere;padding:1.25rem 1.375rem;font-size:.75rem;line-height:1.7;overflow-x:auto}:where(.integrations-page[data-variant=payments]) .payments-snippet__field{padding-left:1rem}:where(.integrations-page[data-variant=payments]) .payments-snippet__method{color:var(--od-action-content)}:where(.integrations-page[data-variant=payments]) .payments-snippet__status{color:var(--od-success-functional)}:where(.integrations-page[data-variant=payments]) .payments-snippet__value{color:var(--od-text)}@media (width<=1180px){:where(.integrations-page[data-variant=payments]) .payments-region{grid-template-columns:1fr;gap:1.5rem}:where(.integrations-page[data-variant=payments]) .payments-region__head{position:static}}@media (width<=980px){:where(.integrations-page[data-variant=payments]) .payments-developers{grid-template-columns:1fr}}@media (width<=700px){:where(.integrations-page[data-variant=payments]) .payments-checkout__gateways{justify-content:flex-start}:where(.integrations-page[data-variant=payments]) .payments-split__targets{grid-template-columns:1fr}}@media (width<=420px){:where(.integrations-page[data-variant=payments]) .payments-checkout__methods{grid-template-columns:1fr}:where(.integrations-page[data-variant=payments]) .payments-developers__actions .marketing-button{width:100%}}