.code-container{position:relative;width:100%;max-width:100%;box-sizing:border-box;margin:16px 0 24px;padding:14px 16px;padding-top:50px;background:#f5f5f5;border:1px solid #ccc;border-radius:6px;overflow:hidden}.code-container pre{margin:0;padding:0;width:100%;max-width:100%;min-height:44px;height:auto !important;box-sizing:border-box;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:pre-wrap}.code-container code{display:flex;align-items:center;width:100%;min-height:44px;box-sizing:border-box;font-family:monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.copy-button{position:absolute;top:12px;right:12px;padding:6px 10px;background:#007acc;color:#fff;border:0;border-radius:4px;cursor:pointer;font-size:13px;line-height:1.2;z-index:2}.rhs-cont,.rhs-cont p,.rhs-cont div{max-width:100%;box-sizing:border-box}@media(max-width:767px){.code-container{width:100%;max-width:100%;padding:12px}.copy-button{position:static;display:block;margin:0 0 10px auto}.code-container pre,.code-container code{min-height:40px}}.rhs-cont img{max-width:100%;height:auto}@media(max-width:767px){#scroll.container.inner-cont{padding-left:16px;padding-right:16px}.rhs-cont{width:100% !important;float:none !important}.rhs-cont h1{font-size:30px;line-height:1.2}.rhs-cont h2{font-size:22px;line-height:1.3}.rhs-cont p,.rhs-cont li{font-size:16px;line-height:1.7}.copy-button{position:static;display:block;margin:0 0 12px auto}.code-container{padding:12px}.code-container pre{white-space:pre;overflow-x:auto}}