.split{position:relative;margin:0 auto}.split.image-left .split-container{-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:normal;-ms-flex-direction:normal;flex-direction:normal}.split.image-left .text-container{padding:0 0 0 50px}.split .split-container{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;-moz-box-direction:reverse;-moz-box-orient:horizontal;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.split .image-container{position:relative;width:50%;overflow:hidden}.split .image-container img{border-radius:var(--radius-xl);width:100%}.split .text-container{width:50%;max-width:800px;padding:0 50px 0 0;text-align:left;overflow:hidden;margin:0 auto -20px}.split .text-container p{font-size:var(--fs-body-lg)}.split .eyebrow{color:var(--blue-600)}.split .eyebrow.has-line:before{background-color:var(--blue-600)}.block-split-code{width:100%;margin:80px auto;padding:0 15px}.block-split-code.tinted{background-color:var(--bg-tint);padding:80px 15px;margin:0 auto}.block-split-code.tinted .api-box{background-color:var(--bg)}.block-split-code .row{max-width:var(--container-max-default)}.block-split-code.align-top .split-container{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.block-split-code .text-container{max-width:none;padding:0 50px 0 0;overflow:hidden;margin:0 auto -20px}.block-split-code .text-container strong{font-weight:var(--fw-bold);color:var(--blue-400)}.block-split-code .api-box{position:relative;max-width:650px;padding:24px;border-radius:var(--radius-lg);box-sizing:border-box;overflow:hidden;background-color:var(--bg-tint);position:relative;width:50%;overflow:hidden}.block-split-code .api-box pre{margin:0;font-family:monospace;font-size:14px;line-height:1.7;white-space:pre;color:var(--ink-500);overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.block-split-code .api-box pre::-webkit-scrollbar{width:0px}.block-split-code .api-box .text{text-align:center;font-family:var(--font-sans);font-size:14px;font-weight:var(--fw-bold);color:var(--navy-900);display:block;margin-bottom:6px}@media only screen and (max-width: 1024px)and (min-width: 641px){.block-split-code{margin:60px auto;padding:0 15px}.block-split-code.tinted{padding:60px 15px}.block-split-code .split .text-container{padding:0 30px 0 0}.block-split-code .split.image-left .text-container{padding:0 0 0 30px}}@media only screen and (max-width: 640px){.block-split-code{margin:40px auto;padding:0 5px}.block-split-code.tinted{padding:40px 5px}.block-split-code .split.image-left .text-container,.block-split-code .split .text-container{padding:0;width:100%}.block-split-code .split .api-box{width:100%;margin-bottom:20px}.block-split-code .split .split-container{display:block}}