.opl{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.opl-form,.opl-board{min-width:var(--space-0)}.opl-form h2,.opl-board p,.opl-board h2{margin:var(--space-0)}.opl-money{column-gap:var(--space-1);font-family:var(--type-mono-font);font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex}.opl-amount{position:relative}.opl-amount .ds-field-control{font-family:var(--type-mono-font);font-variant-numeric:tabular-nums;padding-inline-end:calc(var(--component-field-padding-inline) * 2 + var(--space-3))}.opl-amount-unit{inset-block:var(--space-0);font-family:var(--type-mono-font);color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;inset-inline-end:var(--component-field-padding-inline)}.opl-note{display:grid}.opl-note>*{grid-area:1/1}.opl-note>[hidden]{visibility:hidden;display:block}.opl-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.opl-actions>.ds-button{flex:1 1 var(--size-card-min)}.opl-actions>[hidden],.opl-sbp [hidden]{display:none}.opl-actions .ds-button{gap:var(--space-2)}.opl-provider{align-items:center;gap:var(--space-2);margin:var(--space-0);color:var(--text-muted);font-size:var(--type-small-size);flex-wrap:wrap;display:flex}.opl-provider .pay-mark-ozon{color:var(--text)}.opl-sbp{gap:var(--space-5);flex-direction:column;display:flex}.opl-form[hidden],.opl-sbp[hidden]{display:none}.opl-sbp h2,.opl-sbp p{margin:var(--space-0)}.opl-qr{justify-items:center;gap:var(--space-3);margin:var(--space-0);text-align:center;display:grid}.opl-qr-plate{width:min(var(--size-full), var(--size-card-min));aspect-ratio:1;border-radius:var(--radius-md);background:var(--sochi-white);overflow:hidden}.opl-qr-plate svg{width:var(--size-full);height:auto;display:block}.opl-qr-plate path{fill:var(--sochi-ink)}.opl-qr[data-expired] .opl-qr-plate{opacity:var(--opacity-quiet)}.opl-sbp-state{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;display:flex}.opl-sbp-state[data-state=ok]{color:var(--status-ok-text)}.opl-sbp-state[data-state=error]{color:var(--status-danger-text)}@media (pointer:coarse){.opl-sbp>h2{order:-2}.opl-sbp-open{order:-1}}.opl-board{--opl-size:min(var(--font-size-display), 15cqi);gap:var(--space-5);flex-direction:column;display:flex;container-type:inline-size}.opl-status{min-height:calc(var(--type-small-size) * var(--line-height-body))}.opl-board-top{gap:var(--space-3);display:grid}.opl-board-label{color:var(--text-muted)}.opl-board-value{font-family:var(--type-mono-font);font-size:var(--opl-size);line-height:var(--line-height-solid);letter-spacing:var(--letter-spacing-tight);white-space:nowrap;color:var(--text)}.opl-board-value .opl-money{column-gap:calc(var(--opl-size) / 8)}.opl-board-value[data-empty]{color:var(--text-muted)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .opl-board-value .opl-money{background:var(--grad-prism);color:#0000;-webkit-background-clip:text;background-clip:text}}:root[data-theme=dark] .opl-board-value .opl-money{background:var(--grad-prism);color:#0000;-webkit-background-clip:text;background-clip:text}.opl-rows{gap:var(--space-3);margin:var(--space-0);display:grid}.opl-rows>div{gap:var(--space-1);grid-template-columns:minmax(0,1fr);display:grid}.opl-rows dt{color:var(--text-muted);font-size:var(--type-small-size)}.opl-rows dd{margin:var(--space-0);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.opl-rows dd[data-empty]{color:var(--text-muted)}.opl-methods{gap:var(--space-3);padding-top:var(--space-5);border-top:var(--component-frame-width) solid var(--line-subtle);margin-top:auto;display:grid}.opl-chips{gap:var(--space-2);margin:var(--space-0);padding:var(--space-0);flex-wrap:wrap;list-style:none;display:flex}.opl-chips li{padding:var(--space-1) var(--space-3);border:var(--component-frame-width) solid var(--line-subtle);border-radius:var(--radius-sm);font-size:var(--type-small-size)}.opl-steps{gap:var(--space-4);margin:var(--space-0);padding:var(--space-0);counter-reset:opl-step;grid-template-columns:minmax(0,1fr);list-style:none;display:grid}.opl-steps>li{counter-increment:opl-step;align-content:start}.opl-steps>li:before{content:"0" counter(opl-step);font-family:var(--type-mono-font);color:var(--text-muted);font-size:var(--type-small-size)}.opl-steps h3,.opl-steps p{margin:var(--space-0)}.opl-more{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.opl-more h2,.opl-more p{margin:var(--space-0)}.opl-after{gap:var(--space-7);margin-top:var(--space-8);display:grid}.opl-result{max-width:var(--size-copy)}.opl-result-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.opl-result[data-state=loading] [data-opl-state]:not([data-opl-state~=loading]),.opl-result[data-state=paid] [data-opl-state]:not([data-opl-state~=paid]),.opl-result[data-state=pending] [data-opl-state]:not([data-opl-state~=pending]),.opl-result[data-state=failed] [data-opl-state]:not([data-opl-state~=failed]),.opl-result[data-state=unknown] [data-opl-state]:not([data-opl-state~=unknown]){display:none}@media (width>=54rem){.opl{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.opl-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.opl-more{grid-template-columns:repeat(2,minmax(0,1fr))}}