@media (min-width:768px){.code-block{min-width:550px}}.code-block .header{display:flex;align-items:center;gap:.5rem;border-top-left-radius:.375rem;border-top-right-radius:.375rem;border-width:1px 1px 0;border-color:rgba(55,65,81,.4);background-color:rgba(8,47,73,.1);padding:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;color:hsla(0,0%,100%,.7)}.code-block .header .item{display:flex;cursor:pointer;align-items:center;gap:.25rem;border-radius:.375rem;padding:.5rem}.code-block .code,.code-block .header .item.selected,.code-block .header .item:hover{background-color:rgba(8,47,73,.3)}.code-block .code{height:400px;overflow-y:auto;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;border-width:1px;border-color:rgba(55,65,81,.4)}.code-block .code pre{background-color:transparent!important;padding:.75rem!important}.code-block{code{counter-reset:step;counter-increment:step 0}code .line:before{content:counter(step);counter-increment:step;width:1rem;margin-right:1.5rem;display:inline-block;text-align:right;color:rgba(115,138,148,.4)}}.hero-bg{background-image:url(/assets/bg_header4.png);background-repeat:no-repeat;background-position:center 20px;padding-bottom:0;padding-top:4rem}