.wrapper[data-v-c778e470]{word-wrap:break-word;display:inline-block;max-width:100%}.wrapper.typing[data-v-c778e470]:after{animation:blink-c778e470 1s infinite;content:"|";opacity:1}[data-v-c778e470] .comment{color:#d1d0d3}[data-v-c778e470] .keyword{color:#7dc1ff}[data-v-c778e470] .operator{color:#e373ff}[data-v-c778e470] .bracket{color:#ff9f69}@keyframes blink-c778e470{to{opacity:0}}.container[data-v-1d67cd56]{background:#fff;border:1px solid #e8e7eb;border-radius:8px;color:#fff;margin:16px 0}@media(max-width:768px){.container>[data-v-1d67cd56]{max-width:100%}}@media(min-width:768px){.container[data-v-1d67cd56]{width:560px}}.container .tabs-menu[data-v-1d67cd56]{background-color:#f2f1f5;border:none;border-radius:8px 8px 0 0;display:flex;overflow:scroll;padding:8px 16px 0}.container .tabs-menu .tab[data-v-1d67cd56]{align-items:center;border:none;color:#171321!important;cursor:pointer;display:flex;font-family:Jet Brains Mono,monospace;font-size:18px;height:64px;justify-content:center;padding:8px 16px}@media(min-width:768px){.container .tabs-menu .tab[data-v-1d67cd56]{min-width:80px}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.container .tabs-menu .tab[data-v-1d67cd56]{color:#171321}}.container .tabs-menu .active[data-v-1d67cd56]{background-color:#fff;border-radius:4px 4px 0 0}.container .tabs-menu .active>[data-v-1d67cd56]{box-shadow:0 16px 50px -16px #d1d0d3}.container .code[data-v-1d67cd56]{background:#fff;border-radius:8px;max-width:100%;padding:4px}.container .code .code-container[data-v-1d67cd56]{background-color:#241e33;border-radius:4px;height:-moz-fit-content;height:fit-content;margin:0;max-width:100%;min-height:350px;overflow-y:scroll;padding:16px 24px;position:relative}.container .code .code-container code[data-v-1d67cd56]{background-color:transparent!important}.container .code .code-container code[data-v-1d67cd56],.container .code .code-container pre[data-v-1d67cd56]{max-width:-moz-fit-content;max-width:fit-content}.container .code .code-container .lines-container[data-v-1d67cd56]{left:8px;position:absolute}.container .code .code-container .lines-container .line-number[data-v-1d67cd56]{color:#6e7681;font-size:12px}.container .code .code-container .typed-code[data-v-1d67cd56]{font-family:Jet Brains Mono,monospace;margin:0;padding:0}.container .code .code-container .typed-code>[data-v-1d67cd56]{max-width:100%}.container .code .code-container .suggested-code[data-v-1d67cd56]{animation:show-item-1d67cd56 6s step-start forwards;box-sizing:border-box;position:relative}.container .code .code-container .suggested-code>[data-v-1d67cd56]{max-width:-moz-fit-content;max-width:fit-content}.container .code .code-container .suggested-code[data-v-1d67cd56]:after{animation:blink-1d67cd56 1s 3s infinite;content:"|";left:0;opacity:0;position:absolute}.container .code .code-container .suggested-code[data-v-1d67cd56]:before{animation:border-color-1d67cd56 3s step-end;content:"";height:100%;left:0;position:absolute;top:0}.container .code .code-container .suggestion-pill[data-v-1d67cd56]{align-items:center;animation:show-item-and-hide-1d67cd56 6s step-start forwards;background:#a989f5;border-radius:0 4px 4px 4px;color:#171321;display:flex;justify-content:center;max-width:180px;padding:8px}.container .code .code-container .suggestion-pill>img[data-v-1d67cd56]{margin-right:8px}.container .code .code-container .replay-btn[data-v-1d67cd56]{all:unset;bottom:24px;cursor:pointer;position:absolute;right:32px}.container .code .code-container .rotate-btn>svg[data-v-1d67cd56]{animation:rotate-1d67cd56 .5s linear}[data-v-1d67cd56] .keyword{animation:keyword-color-1d67cd56 3s step-end forwards}[data-v-1d67cd56] .bracket{animation:bracket-color-1d67cd56 3s step-end forwards}[data-v-1d67cd56] .operator{animation:operator-color-1d67cd56 3s step-end forwards}[data-v-1d67cd56] .space{color:transparent!important}[data-v-1d67cd56] .highlight{animation:background-highlight-1d67cd56 3s step-end;display:inline-block;height:100%}[data-v-1d67cd56] .highlight span{max-width:-moz-fit-content;max-width:fit-content}@keyframes operator-color-1d67cd56{0%{color:#d1d0d3}to{color:#e373ff}}@keyframes bracket-color-1d67cd56{0%{color:#d1d0d3}to{color:#ff9f69}}@keyframes keyword-color-1d67cd56{0%{color:#d1d0d3}to{color:#7dc1ff}}@keyframes border-color-1d67cd56{0%{border:1px solid #a989f5}to{border:none}}@keyframes background-highlight-1d67cd56{0%{background-color:rgba(169,137,245,.2)}to{background-color:transparent}}@keyframes show-item-1d67cd56{0%{visibility:hidden}to{visibility:visible}}@keyframes show-item-and-hide-1d67cd56{0%{visibility:hidden}50%{visibility:visible}to{visibility:hidden}}@keyframes blink-1d67cd56{to{opacity:1}}@keyframes rotate-1d67cd56{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tabbed-features[data-v-3c0f70bb]{background:#171321;color:#fff;padding:64px 0 32px}@media(min-width:576px){.tabbed-features[data-v-3c0f70bb]{padding:48px 0 64px}}@media(min-width:768px){.tabbed-features[data-v-3c0f70bb]{padding:96px 0 64px}}.tabbed-features__header[data-v-3c0f70bb]{-webkit-text-fill-color:transparent;background:linear-gradient(91.08deg,#feb484 1.97%,#a686f2 27.88%,#592ac8 65.98%);background-clip:text;-webkit-background-clip:text;max-width:480px}.tabbed-features__tabs[data-v-3c0f70bb]{display:flex;padding:64px 0 32px}@media(min-width:768px){.tabbed-features__tabs[data-v-3c0f70bb]{display:block;padding:64px 0}}.tabbed-features__tab[data-v-3c0f70bb]{background:#45424d;border:none;border-radius:90px;color:#fff;cursor:pointer;flex:1 1 100%;margin-bottom:16px;margin-right:8px;padding:8px 24px;transition:all .3s ease}@media(min-width:768px){.tabbed-features__tab[data-v-3c0f70bb]{margin-right:24px}}.tabbed-features__tab--active[data-v-3c0f70bb],.tabbed-features__tab[data-v-3c0f70bb]:active,.tabbed-features__tab[data-v-3c0f70bb]:focus,.tabbed-features__tab[data-v-3c0f70bb]:hover{background:#7759c2}@media(min-width:768px){.tabbed-features__tab[data-v-3c0f70bb]{margin-bottom:0}}.tabbed-features__header-desktop[data-v-3c0f70bb]{display:none}@media(min-width:768px){.tabbed-features__header-desktop[data-v-3c0f70bb]{display:block}}.tabbed-features__header-mobile[data-v-3c0f70bb]{display:block}@media(min-width:768px){.tabbed-features__header-mobile[data-v-3c0f70bb]{display:none}}.tabbed-features__feature-header[data-v-3c0f70bb]{color:#a989f5;display:block}@media(min-width:768px){.tabbed-features__feature-header[data-v-3c0f70bb]{display:none}}.tabbed-features__content[data-v-3c0f70bb]{opacity:0}.tabbed-features__content img[data-v-3c0f70bb]{width:100%}.tabbed-features__content--active[data-v-3c0f70bb]{animation:fade-in-3c0f70bb .3s linear .1s forwards}.tabbed-features__feature[data-v-3c0f70bb]{align-items:center;color:#fff;display:flex;margin-bottom:32px}.tabbed-features__feature__button[data-v-3c0f70bb]{color:#fff;display:inline-block;text-align:left}.tabbed-features__feature__button[data-v-3c0f70bb] .slp-icon{align-items:center;display:inline-flex;height:16px;margin-left:3px;position:relative;top:2px;width:16px}.tabbed-features__feature__button[data-v-3c0f70bb] .slp-icon div{align-items:center;display:inline-flex;margin-bottom:-2px;position:absolute}.tabbed-features__button-icon[data-v-3c0f70bb]{color:#a989f5}.tabbed-features__icon-stroke[data-v-3c0f70bb],.tabbed-features__icon-stroke[data-v-3c0f70bb] path{stroke:currentColor}.tabbed-features__blurb[data-v-3c0f70bb]{max-width:800px}.tabbed-features__row[data-v-3c0f70bb]{margin-left:-32px}.tabbed-features__col[data-v-3c0f70bb]{padding-left:32px}.tabbed-features__col--media[data-v-3c0f70bb] .container{margin-bottom:0}@keyframes fade-in-3c0f70bb{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tabbed-features__img-container[data-v-3c0f70bb]{line-height:0}.tabbed-features .demo-modal[data-v-3c0f70bb]{position:relative}.tabbed-features .demo-thumbnail[data-v-3c0f70bb]{display:block;filter:blur(1px);height:auto;max-width:100%;transition:filter .3s ease-in-out;z-index:1}.tabbed-features .demo-button[data-v-3c0f70bb]{border-radius:30px;display:flex;justify-content:center;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);width:228px;z-index:2}.tabbed-features .demo-button[data-v-3c0f70bb]:hover{box-shadow:0 2px 50px rgba(23,19,33,.25)}.tabbed-features .demo-button .slp-icon[data-v-3c0f70bb]{height:24px;margin-right:5px;width:24px}