.client-code{color:#171817;border:1px solid var(--line);background:#fff;border-radius:18px}.client-code .client-code-heading h1,.client-code .client-code-heading h2{margin:0;line-height:1.08}.client-code-heading p{color:#555851;margin:8px 0 0;font-size:14px;line-height:1.45}.client-code-image{aspect-ratio:1;object-fit:contain;max-width:100%;height:auto;image-rendering:pixelated;display:block}.client-code-inline{grid-template-columns:minmax(0,1fr) minmax(116px,145px);align-items:center;gap:6px 12px;margin:0 0 16px;padding:14px 10px 14px 20px;display:grid;position:relative}.client-code-inline h2{font-size:clamp(24px,5vw,31px)}.client-code-inline .client-code-image{justify-self:end;width:145px}.client-code-expand{color:#171817;align-items:center;gap:7px;min-height:44px;font-size:13px;font-weight:650;display:inline-flex}.client-code-expand:after{content:"";border-radius:18px;position:absolute;inset:0}.client-code-expand:hover{text-decoration:underline}.client-code-expand svg,.client-code-message svg{width:17px;height:17px}.client-code-message{color:#454740;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.client-code-message p{margin:0}.client-code-inline .client-code-message{grid-column:1/-1}.client-code-large{text-align:center;justify-items:center;gap:clamp(12px,3vh,25px);max-width:460px;margin:0 auto;padding:clamp(18px,4.5vw,32px) 12px;display:grid}.client-code-large .client-code-image{width:min(348px,100%)}.client-code-large .client-code-message{justify-content:center;min-height:140px}.client-code-number{margin:0}.client-code-number span{color:#555851;margin-bottom:3px;font-size:12px;display:block}.client-code-number code{color:#171817;letter-spacing:.04em;-webkit-user-select:all;user-select:all;font-family:ui-monospace,monospace;font-size:clamp(14px,3.8vw,18px)}@media (max-width:370px){.client-code-inline{grid-template-columns:minmax(0,1fr) 116px;gap:7px;padding-left:14px}}@media (max-height:550px) and (orientation:landscape){.client-code-large{gap:8px;padding-block:12px}.client-code-large .client-code-image{width:203px}}