html[data-opl-link] .oi,html:not([data-opl-link]) .opl-section{display:none}:root{--term-wire:color-mix(in srgb, var(--text-muted) 60%, var(--bg))}.oi-hero{gap:var(--space-7);padding-block:var(--component-hero-space-block) var(--layout-section-space);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.oi-copy{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.oi-copy h1{margin:var(--space-0) var(--space-0) calc(var(--component-hero-gap) - var(--space-5))}.oi-lede{margin:var(--space-0);max-width:var(--component-hero-copy-measure);color:var(--text-muted)}.oi-form{gap:var(--space-3);max-width:var(--component-hero-copy-measure);margin:var(--space-2) var(--space-0) var(--space-0);grid-template-columns:minmax(0,1fr);display:grid}.oi-form .ds-field{margin:var(--space-0)}.oi-form-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.oi-form-row .ds-field-control{flex:999 1 var(--size-card-min);min-width:var(--space-0)}.oi-form-row .ds-button{flex:1 0 auto}.oi-viz{--u-max:calc(var(--space-1) * .8);min-block-size:calc(var(--u-max) * 112);place-items:center;display:grid;position:relative;overflow:clip visible;container-type:inline-size}@media (width>=54rem){.oi-hero{gap:var(--space-8);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.oi-viz{--u-max:calc(var(--space-1) * 1.15);min-block-size:calc(var(--u-max) * 112);margin-block-start:calc(var(--component-hero-space-block) * -1 + var(--space-7) + var(--space-3))}}.ot{--scr-bg:var(--sochi-night-canvas);--scr-text:var(--sochi-petal);--scr-muted:color-mix(in srgb, var(--sochi-petal) 64%, var(--sochi-night-canvas));--body-face:var(--surface);--body-line:var(--line-subtle);--u:min(var(--u-max), calc(100cqi / 112));--ot-rx:32;--ot-ry:-18;--ot-rz:28;inline-size:var(--size-full);transition:opacity .3s var(--ease-out);justify-items:center;display:grid;position:relative}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ot{--body-face:var(--sochi-night-surface-raised);--body-line:color-mix(in srgb, var(--text) 18%, transparent)}}:root[data-theme=dark] .ot{--body-face:var(--sochi-night-surface-raised);--body-line:color-mix(in srgb, var(--text) 18%, transparent)}.ot.is-pending{opacity:.01}.ot{view-transition-name:opl-term}::view-transition-new(opl-term){opacity:0;animation:none}.ot-body{--ot-d:calc(var(--u) * 11);z-index:0;inline-size:calc(var(--u) * 62);block-size:calc(var(--u) * 112);transform:perspective(2000px) rotateX(calc(var(--ot-rx) * 1deg)) rotateY(calc(var(--ot-ry) * 1deg)) rotateZ(calc(var(--ot-rz) * 1deg));position:relative}.ot-faces{z-index:-1;pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:visible}.ot-faces path{fill:none;stroke:var(--term-wire);stroke-width:var(--border-hairline);vector-effect:non-scaling-stroke}.ot-faces .ot-mesh{opacity:.45}.ot-front{inset:var(--space-0);gap:calc(var(--u) * 3);padding:calc(var(--u) * 3);border:var(--border-hairline) solid var(--body-line);border-radius:calc(var(--u) * 7);background:var(--body-face);box-shadow:inset var(--space-0) var(--border-hairline) var(--space-0) var(--edge-top);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute}.ot-shadow{inline-size:70%;block-size:calc(var(--u) * 10);margin-block:calc(var(--u) * -2) calc(var(--u) * -8);background:radial-gradient(closest-side, color-mix(in srgb, var(--text) 14%, transparent), transparent);filter:blur(calc(var(--u) * 2))}.ot-slot{inline-size:54%;block-size:calc(var(--u) * 1.5);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 22%, var(--surface));justify-self:center}.ot-screen{justify-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 5) calc(var(--u) * 4) calc(var(--u) * 4);border-radius:calc(var(--u) * 4);background:var(--scr-bg);color:var(--scr-text);transition:background .6s var(--ease-out);grid-template-rows:auto auto auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.ot-screen:after{content:"";inset:var(--space-0);background:linear-gradient(160deg, color-mix(in srgb, var(--sochi-white) 7%, transparent) 0 22%, transparent 42%);pointer-events:none;position:absolute}.ot-brand{align-items:center;gap:calc(var(--u) * 1.5);font-size:calc(var(--u) * 2.9);font-weight:var(--font-weight-semibold);white-space:nowrap;display:flex}.ot-brand .ds-brand-mark{height:calc(var(--u) * 4.5);display:block}.ot-label{margin-top:calc(var(--u) * 3);font-size:calc(var(--u) * 2.8);color:var(--scr-muted)}.ot-sum{column-gap:calc(var(--u) * 1.6);font-family:var(--type-mono-font);font-size:calc(var(--u) * 8.5);color:var(--sochi-blue-night);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1;display:inline-flex}.ot-qr{inline-size:calc(var(--u) * 40);padding:calc(var(--u) * 2.5);border-radius:calc(var(--u) * 2);background:var(--sochi-white);align-self:center}.ot-qr svg{inline-size:var(--size-full);block-size:auto;display:block}.ot-m{fill:var(--sochi-ink)}.ot-foot{align-items:center;gap:calc(var(--u) * 1.5);font-size:calc(var(--u) * 2.6);color:var(--scr-muted);white-space:nowrap;display:flex}.ot-dot{inline-size:calc(var(--u) * 1.8);block-size:calc(var(--u) * 1.8);border-radius:var(--radius-pill);background:var(--svyaz-on);box-shadow:0 0 calc(var(--u) * 2) color-mix(in srgb, var(--svyaz-on) 70%, transparent)}.ot-chin{justify-content:center;gap:calc(var(--u) * 1.2);padding-block:calc(var(--u) * .5);display:flex}.ot-chin i{inline-size:calc(var(--u) * 1);block-size:calc(var(--u) * 1);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 20%, var(--surface))}.ot[data-boot] .ot-m{opacity:0;transition:opacity .18s linear;transition-delay:var(--dl,0s)}.ot[data-boot~=qr] .ot-m{opacity:1}.ot[data-boot] .ot-screen{background:color-mix(in srgb, var(--scr-bg) 70%, var(--sochi-ink))}.ot[data-boot] :is(.ot-brand,.ot-label,.ot-sum,.ot-qr,.ot-foot){opacity:0;transform:translateY(calc(var(--u) * 1.5));transition:opacity .42s var(--ease-out), transform .42s var(--ease-out)}.ot[data-boot~=on] .ot-screen{background:var(--scr-bg)}.ot[data-boot~=on] .ot-brand,.ot[data-boot~=sum] :is(.ot-label,.ot-sum),.ot[data-boot~=qr] .ot-qr,.ot[data-boot~=done] .ot-foot{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.ot,.ot-screen{transition:none}}.oi-pay{padding-block:var(--layout-section-space);scroll-margin-top:calc(var(--component-sticky-offset) + var(--space-3))}.oi-ways{gap:calc(var(--space-9) + var(--space-2)) var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.oi-rekv{margin-block-start:var(--space-9)}.oi-way{gap:var(--space-3);scroll-margin-top:calc(var(--component-sticky-offset) + var(--space-3));align-content:start;display:grid}.oi-way p{margin:var(--space-0);color:var(--text-muted)}.oi-way-pic{block-size:calc(var(--space-10) + var(--space-5));justify-content:center;align-items:flex-end;margin-block-end:calc(var(--space-4) + var(--space-1) - var(--space-3));display:flex}.oi-way-pic svg{inline-size:auto;block-size:calc(var(--space-11) * .8125);display:block;overflow:visible}@media (width>=48rem){.oi-way-pic{block-size:calc(var(--space-11) * 1.25);margin-block-end:calc(var(--space-6) - var(--space-3))}.oi-way-pic svg{block-size:calc(var(--space-11) * 1.125)}}.oi-way-pic :is(.ln,.peel){fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.oi-way-pic .ln{stroke:var(--text)}.oi-way-pic .peel{stroke:var(--term-wire)}.oi-way-pic .face{fill:var(--surface)}.oi-way-pic .ink{fill:var(--text)}.oi-way-pic .qr-plate{fill:var(--sochi-white);stroke:var(--text);stroke-width:1.5px;vector-effect:non-scaling-stroke}.oi-way-pic .qr-mini rect{fill:var(--sochi-ink)}.oi-way-pic .oz-face{fill:var(--sochi-blue-focus)}.oi-way-pic .oz-mark path{fill:var(--sochi-white)}.oi-way-pic :is(.oz-wave,.oz-line){fill:none;stroke:var(--sochi-white);stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.oi-way-pic .oz-wave{opacity:.85}.oi-way-pic .oz-line{opacity:.6}.oi-way-pic .oz-dot{fill:var(--svyaz-on)}.oi-way-name{align-items:center;gap:var(--space-2);margin:var(--space-0);font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);line-height:var(--type-subheading-leading);display:flex}.oi-way-name .pay-mark-sbp{height:var(--space-5)}.oi-way-name .pay-mark-ozon{height:var(--space-3)}@media (width>=54rem){.oi-ways{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.oi-ways{grid-template-columns:repeat(4,minmax(0,1fr))}}