@import url("https://fonts.googleapis.com/css2?family=Fira+Code&display=swap");code,code span{font-family:Fira Code!important}.text-with-code{overflow:hidden}.text-with-code .text{display:flex;flex-direction:column;max-width:var(--width-sm);z-index:99999}.text-with-code .text .pretitle{min-width:153px;-webkit-text-fill-color:transparent;background:var(--Blue-Gradient,linear-gradient(274deg,#6f6cff 8.25%,#b9e1f2 47.42%,#7b78fc 82.71%));background-clip:text;-webkit-background-clip:text;font-weight:500;line-height:normal;margin-bottom:var(--spacing-xl)}.text-with-code .text .title{margin-bottom:var(--spacing-xl)}.text-with-code .text .pretitle{font-size:var(--font-text-md-size)}.text-with-code .text ul{display:flex;flex-direction:column;gap:var(--spacing-lg);list-style:none;margin:0;margin-bottom:var(--spacing-5xl);margin-top:var(--spacing-3xl);padding:0}.text-with-code .text ul li{align-items:center;color:var(--color-base-black);display:flex;font-size:var(--font-text-md-size);font-weight:var(--font-text-md-medium-weight);gap:var(--spacing-lg);line-height:var(--font-text-md-line-height)}.text-with-code .text ul li:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBzdHJva2U9IiM0ODU1REMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=) no-repeat top/cover;content:"";height:var(--icon-size);width:var(--icon-size)}.text-with-code .text .primary-cta{font-size:var(--font-text-md-size);margin-top:var(--spacing-5xl)}.text-with-code .container{align-items:center;display:flex;gap:var(--spacing-8xl);justify-content:space-between}pre[class*=language-]{padding-bottom:var(--spacing-2xl)}.code-container,:not(pre)>code[class*=language-],pre[class*=language-]{background:#0e1027}.code-container{aspect-ratio:600/302;border-radius:var(--radius-16);overflow:hidden;width:var(--width-md)}.code-container .tabs{display:grid;grid-template-rows:minmax(0,1fr) min-content;height:100%;padding:var(--spacing-2xl);padding-bottom:var(--spacing-lg);position:relative;width:100%}.code-container .tabs-content{overflow:auto}.code-container .code-toolbar,.code-container .tabs-content__content,.code-container pre[class*=language-]{height:100%}code[class*=language-],pre[class*=language-]{background:0 0;color:#ccc;font-family:Fira Code,monospace;font-size:var(--font-text-md-size);line-height:34px;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;margin:0;overflow:auto;-moz-tab-size:4;-o-tab-size:4;tab-size:4}code[class*=language-]{display:block;padding-right:var(--spacing-7xl);width:100%}code[class*=language-]::-webkit-scrollbar,pre[class*=language-]::-webkit-scrollbar{display:none}div.code-toolbar>.toolbar{bottom:21.25px;position:absolute;right:15.946px;z-index:10}div.code-toolbar>.toolbar>.toolbar-item>button{align-items:center;background:0;border:0;color:#fff!important;display:flex;font-size:var(--font-text-lg-size:);gap:var(--spacing-lg);justify-content:center;padding:0;position:relative}div.code-toolbar>.toolbar>.toolbar-item>button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F6F3F0' d='M6.667 9.333c0-.933 0-1.4.181-1.756.16-.314.415-.569.729-.729.356-.181.823-.181 1.756-.181h6.333c.934 0 1.4 0 1.757.181.314.16.569.415.729.729.181.356.181.823.181 1.756v6.334c0 .933 0 1.4-.181 1.756-.16.314-.415.569-.729.729-.356.181-.823.181-1.756.181H9.333c-.933 0-1.4 0-1.756-.181a1.67 1.67 0 0 1-.729-.729c-.181-.356-.181-.823-.181-1.756z' opacity='.12'/%3E%3Cpath stroke='%23F6F3F0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.333 6.667V4.333c0-.933 0-1.4-.181-1.756a1.67 1.67 0 0 0-.729-.729c-.356-.181-.823-.181-1.757-.181H4.333c-.933 0-1.4 0-1.756.181-.314.16-.569.415-.729.729-.181.356-.181.823-.181 1.756v6.334c0 .933 0 1.4.181 1.756.16.314.415.569.729.729.356.181.823.181 1.756.181h2.334m2.666 5h6.333c.934 0 1.4 0 1.757-.181.314-.16.569-.415.729-.729.181-.356.181-.823.181-1.756V9.333c0-.933 0-1.4-.181-1.756a1.67 1.67 0 0 0-.729-.729c-.356-.181-.823-.181-1.756-.181H9.333c-.933 0-1.4 0-1.756.181-.314.16-.569.415-.729.729-.181.356-.181.823-.181 1.756v6.334c0 .933 0 1.4.181 1.756.16.314.415.569.729.729.356.181.823.181 1.756.181'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-size:contain;content:"";display:inline-block;height:25.5px;position:relative;width:25.5px}.tabs-tags{border-top:1px solid #3b3758;color:#fff;display:flex;flex-wrap:wrap;font-size:var(--font-text-md-size);gap:var(--spacing-lg);padding-top:var(--spacing-2xl)}.tabs-tags span{border-radius:2.615vw;cursor:pointer;font-family:Suisse Intl;font-size:var(--font-text-sm-size);font-style:normal;font-weight:500;line-height:23.375px;padding:4.25px 17px}.tabs-tags span.active{background:#595b7c}.tabs-tags span:hover{opacity:.7}.text-with-code .bottom{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:var(--spacing-5xl);position:relative}.text-with-code .bottom:after{background:url(https://25298778.fs1.hubspotusercontent-eu1.net/hubfs/25298778/features-bg.webp) no-repeat top/cover;background-position-y:-887.4px;content:"";height:1698.3px;left:0;opacity:.5;position:absolute;top:-346.375px;width:100%;z-index:-1}.text-with-code.right .text{order:2}.text-with-code .text .primary-cta{align-items:center;background:none;color:var(--Black,#000);display:flex;flex-direction:row;font-size:var(--font-text-sm-size);font-weight:500;gap:var(--spacing-md);justify-content:flex-start;line-height:1.5;padding:0}.text-with-code .text .primary-cta:after{background:url(https://25298778.fs1.hubspotusercontent-eu1.net/hubfs/25298778/arrow-narrow-right.svg) no-repeat top/cover;content:"";height:var(--spacing-xl);transition:.3s;width:var(--spacing-xl)}@media screen and (max-width:768px){.code-container .tabs{padding:13px}.text-with-code .text{width:100%}.text-with-code.right .text{order:1}.text-with-code.right .code-container{order:2}.text-with-code .container{flex-direction:column;gap:20px;grid-template-columns:1fr}.code-container{border-radius:12px;width:100%}code[class*=language-],pre[class*=language-]{font-size:8.968px;line-height:12.8px}div.code-toolbar>.toolbar{bottom:5.2px;right:4.8px}div.code-toolbar>.toolbar>.toolbar-item>button{font-size:10px}div.code-toolbar>.toolbar>.toolbar-item>button:after{content:"";height:14.668px;position:relative;width:14.668px}.tabs-tags{font-size:12px;gap:7.2px;padding:8.168px 0 0}.tabs-tags span{font-size:8.8px;padding:6px 8px}.tabs-tags span:hover{opacity:1}.text-with-code .bottom:after{display:none}.text-with-code .bottom{margin-top:41.024px;padding:0 20.512px 12px}.text-with-code .text .primary-cta{font-size:14px;gap:10px;line-height:22px}.text-with-code .text .primary-cta:after{height:17px;width:17px}}