.okx-refs{padding:var(--okx-section-pad-compact) 0;background:var(--okx-surface-2)}.okx-refs__head{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:20px clamp(32px,5vw,80px);display:grid}.okx-refs h2{max-width:17ch;color:var(--okx-ink)}.okx-refs__head .okx-mark{margin-top:18px}.okx-refs__intro{max-width:46ch;color:var(--okx-text-2);font-size:1.02rem}.okx-refs__controls{flex-shrink:0;gap:10px;display:flex}.okx-refs__controls button{border:1px solid var(--okx-line-strong);background:var(--okx-paper);width:46px;height:46px;color:var(--okx-ink);cursor:pointer;transition:border-color var(--okx-dur-fast);border-radius:50%;place-items:center;display:grid}.okx-refs__controls button:hover{border-color:var(--okx-primary)}.okx-refs__controls [aria-disabled=true]{opacity:.4;cursor:default}.okx-refs .okx-refs__controls svg{width:20px;height:20px}.okx-refs__controls [data-dir=prev] svg{transform:scaleX(-1)}.okx-refs__reel{--per:5;--gap:24px;gap:var(--gap);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-top:40px;padding:6px 0 28px;display:flex;overflow-x:auto}.okx-refs__reel::-webkit-scrollbar{display:none}.okx-refs__item{flex:0 0 calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));scroll-snap-align:start;flex-direction:column;min-width:0;display:flex;position:relative}.okx-refs__nav{align-items:center;gap:24px;margin-top:-2px;display:flex}.okx-refs__track{cursor:pointer;touch-action:none;flex:1;height:24px;position:relative}.okx-refs__track:before{content:"";background:var(--okx-line-strong);border-radius:99px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.okx-refs__track span{background:var(--okx-petrol);min-width:40px;height:6px;transition:height var(--okx-dur-fast);border-radius:99px;position:absolute;top:50%;transform:translateY(-50%)}.okx-refs__track:hover span{height:8px}.okx-refs__shop img{width:100%;height:auto;display:block}.okx-refs__shop figcaption{margin-top:16px;display:grid}.okx-refs__shop strong{color:var(--okx-ink);font-size:.96rem;font-weight:680;line-height:1.3}.okx-refs__shop figcaption>span{color:var(--okx-text-2);margin-top:3px;font-size:.8rem;line-height:1.4}.okx-refs__translated{color:var(--okx-muted);margin-top:2px;font-size:.7rem;line-height:1.4}.okx-refs__quote{border-left:2px solid var(--okx-orange);margin:12px 0 0;padding-left:12px}.okx-refs__quote p{color:var(--okx-ink);quotes:"„" "“";font-size:.84rem;line-height:1.55}:lang(en) .okx-refs__quote p{quotes:"“" "”"}.okx-refs__quote p:before{content:open-quote}.okx-refs__quote p:after{content:close-quote}.okx-refs__quote footer{color:var(--okx-muted);margin-top:6px;font-size:.74rem}.okx-refs__quote .okx-draft{margin-bottom:6px}.okx-refs__site{min-height:40px;color:var(--okx-primary);overflow-wrap:anywhere;align-items:center;gap:4px;margin-top:auto;padding-top:6px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.okx-refs__site:hover{text-underline-offset:3px;text-decoration:underline}.okx-refs .okx-refs__site svg{width:15px;height:15px}.okx-refs .okx-refs__note{color:var(--okx-muted);font-size:.76rem;line-height:1.6;margin-top:14px!important}@media (width<=1100px){.okx-refs__reel{--per:5}}@media (width<=850px){.okx-refs__head{grid-template-columns:1fr}.okx-refs__reel{--per:4;--gap:18px;margin-top:30px}}@media (width<=720px){.okx-refs__reel{--per:3}}@media (width<=600px){.okx-refs__intro{font-size:.96rem}.okx-refs__reel{--per:2;--gap:14px;margin-top:24px}.okx-refs__nav{gap:16px;margin-top:8px}.okx-refs__controls button{width:44px;height:44px}}