.code-header ul{display:flex;list-style:none;padding-left:0}.code-content,.code-header ul li{margin-left:1rem;margin-right:1rem}.code-header li:first-of-type{background:#383a3c;border:.75px solid hsla(0,0%,85%,.33);border-radius:3.75px;padding-left:.5rem;padding-right:.5rem}.one-col-code__animated-code{background:#252728;border:5px solid #31c4ff;border-radius:15px;margin-left:9rem;padding:2rem 1rem 5rem;position:absolute;top:0;width:80%}.text-color--orange{color:#ffb655!important}.text-color--comment{color:#979797b5!important}.svg-pattern{top:-4rem}.card-shape,.svg-pattern{position:absolute;width:100%}.card-shape{bottom:-2rem;left:80%}.typed{animation:typing 3s steps(41),blink .7s step-end infinite alternate;border-right:3px solid;overflow:hidden;white-space:nowrap;width:41ch}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:transparent}}@media(max-width:980px){.section--one-col-code .mobile-responsive{flex-direction:column}.section--one-col-code .one-col-code__animated-code,.section--one-col-code .svg-pattern{position:relative}.section--one-col-code .one-col-code__animated-code{top:-14rem}.section--one-col-code .card-shape{bottom:0;left:10%}}@media(max-width:680px){.section--one-col-code .content-right{left:-3rem;position:relative;transform:scale(.7)}.section--one-col-code .one-col-code{padding-bottom:0!important}.section--one-col-code .one-col-code__cta{display:grid}.section--one-col-code .hs-button:first-child{margin-right:0}}